/* Rara Pixel Office v0.3 art layer */
.main{padding:12px;background:#fff4f9;}
.v3-home{min-height:100%;display:flex;flex-direction:column;gap:10px;}
.v3-art-stage{position:relative;width:100%;aspect-ratio:955/830;max-height:calc(100vh - 155px);overflow:hidden;border:2px solid #e8b6cb;border-radius:22px;background:#ffdbe9;box-shadow:0 12px 30px rgba(143,74,108,.13);}
.v3-art-image{position:absolute;inset:0;background-image:url('assets/home-v3.webp');background-size:100% 100%;background-repeat:no-repeat;background-position:center;image-rendering:auto;}
.v3-hotspot{position:absolute;border:2px solid transparent;background:transparent;border-radius:14px;cursor:pointer;z-index:4;transition:.18s ease;}
.v3-hotspot span{opacity:0;position:absolute;left:50%;bottom:5px;transform:translateX(-50%);white-space:nowrap;background:rgba(255,255,255,.94);color:#a94472;border:1px solid #e8b6cb;padding:5px 9px;border-radius:999px;font-weight:800;font-size:11px;transition:.18s ease;}
.v3-hotspot:hover{border-color:rgba(217,92,149,.75);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 3px rgba(255,255,255,.5);}
.v3-hotspot:hover span{opacity:1;}
.v3-live-clock{position:absolute;top:2.2%;right:1.8%;z-index:5;min-width:128px;background:#fff9fc;border:2px solid #e7a8c4;border-radius:15px;padding:7px 11px;text-align:center;box-shadow:0 4px 10px rgba(143,74,108,.12);color:#8d315e;}
.v3-live-clock b{display:block;font-size:17px;line-height:1.05}.v3-live-clock small{font-size:10px;color:#8f6d7f}.v3-new-task{position:absolute;right:2%;bottom:2%;z-index:6;box-shadow:0 8px 20px rgba(217,92,149,.22);}
.v3-team-strip{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1px solid #e8b6cb;border-radius:16px;overflow-x:auto;box-shadow:0 5px 14px rgba(143,74,108,.07)}
.v3-team-strip>b{color:#a94472;white-space:nowrap}.v3-team-strip>span{font-size:11px;color:#8f6d7f;white-space:nowrap}.v3-mini-team{display:flex;gap:7px;margin-left:auto}.v3-mini-team button{display:flex;align-items:center;gap:5px;border:1px solid color-mix(in srgb,var(--c),#fff 45%);background:#fff8fb;border-radius:999px;padding:5px 8px;color:#513243;cursor:pointer;white-space:nowrap;font-size:10px}.v3-mini-team i{font-style:normal}.v3-mini-team button:hover{background:color-mix(in srgb,var(--c),#fff 84%)}
.topbar{height:82px}.right-panel{background:#fff8fb}.panel-card{border-color:#efbfd2}.command-fab{z-index:20}
@media(max-width:1100px){.v3-art-stage{max-height:none}.v3-live-clock{right:2%;top:2%;transform:scale(.88);transform-origin:top right}.v3-team-strip{display:none}}