:root{--z-ink: #0e131c;--z-surface: rgba(14, 19, 28, .78);--z-surface-strong: rgba(14, 19, 28, .92);--z-surface-raised: rgba(30, 38, 52, .9);--z-line: rgba(255, 255, 255, .1);--z-line-strong: rgba(255, 255, 255, .2);--z-text: #f3efe6;--z-text-dim: #b8c0cc;--z-text-faint: #7f8a9c;--z-gold: #f4c95d;--z-gold-ink: #1d1606;--z-sea: #4aa3df;--z-terracotta: #e2725b;--z-olive: #9cbf6b;--z-glow: rgba(244, 201, 93, .35);--z-font: "Segoe UI", system-ui, -apple-system, "Noto Sans", "Helvetica Neue", sans-serif;--z-fs-xs: 11px;--z-fs-sm: 12.5px;--z-fs-md: 14px;--z-fs-lg: 17px;--z-fs-xl: 22px;--z-1: 4px;--z-2: 8px;--z-3: 12px;--z-4: 16px;--z-5: 24px;--z-r-sm: 8px;--z-r-md: 12px;--z-r-lg: 18px;--z-r-pill: 999px;--z-shadow: 0 8px 28px rgba(0, 0, 0, .38);--z-blur: blur(10px) saturate(1.2);--z-ease: cubic-bezier(.2, .7, .2, 1);--z-fast: .16s;--z-slow: .42s;--panel-bg: var(--z-surface);--panel-border: var(--z-line);--accent: var(--z-gold);--text: var(--z-text)}:root[data-daypart=dawn]{--z-gold: #ffb98a;--z-glow: rgba(255, 185, 138, .35)}:root[data-daypart=dusk]{--z-gold: #ff9f6e;--z-glow: rgba(255, 159, 110, .38);--z-surface: rgba(24, 16, 28, .8)}:root[data-daypart=night]{--z-gold: #f4d27a;--z-glow: rgba(244, 210, 122, .3);--z-surface: rgba(8, 11, 20, .82)}@media(prefers-reduced-motion:reduce){:root{--z-fast: 0ms;--z-slow: 0ms}}.zi{display:block;flex:0 0 auto}#topbar{top:0;left:0;right:0;display:flex;align-items:center;gap:var(--z-3);padding:var(--z-2) var(--z-4);background:linear-gradient(180deg,#080b12e0,#080b1200);font-size:var(--z-fs-md)}#topbar .grow{flex:1}.brand{display:flex;align-items:baseline;gap:var(--z-2)}.brand-mark{font-weight:800;font-size:var(--z-fs-lg);letter-spacing:.22em;color:var(--z-gold);text-shadow:0 0 18px var(--z-glow);transition:color var(--z-slow) var(--z-ease)}.brand-sub{font-size:var(--z-fs-sm);color:var(--z-text-dim)}.clock{display:flex;align-items:center;gap:var(--z-3);background:var(--z-surface);border:1px solid var(--z-line);border-radius:var(--z-r-pill);padding:5px var(--z-4) 5px var(--z-3);backdrop-filter:var(--z-blur);font-variant-numeric:tabular-nums}#clock-time{font-weight:700;font-size:var(--z-fs-lg);letter-spacing:.02em}.clock-meta{display:flex;flex-direction:column;line-height:1.2}#clock-date,#clock-weather{font-size:var(--z-fs-xs);color:var(--z-text-dim)}#clock-weather{display:inline-flex;align-items:center;gap:4px}.chips,.tools{display:flex;align-items:center;gap:var(--z-1)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--z-r-pill);background:var(--z-surface);border:1px solid var(--z-line);color:var(--z-text-dim);font-size:var(--z-fs-sm);font-variant-numeric:tabular-nums;backdrop-filter:var(--z-blur)}.chip span:last-child{color:var(--z-text);font-weight:600}#camera-mode{display:inline-flex;gap:2px;padding:3px;border-radius:var(--z-r-pill);background:var(--z-surface);border:1px solid var(--z-line);backdrop-filter:var(--z-blur)}#camera-mode button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--z-text-dim);padding:5px 12px;font:inherit;font-size:var(--z-fs-sm);border-radius:var(--z-r-pill);cursor:pointer;transition:background var(--z-fast) var(--z-ease),color var(--z-fast) var(--z-ease)}#camera-mode button:hover{color:var(--z-text)}#camera-mode button.on{background:var(--z-gold);color:var(--z-gold-ink);font-weight:700}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--z-r-pill);background:var(--z-surface);border:1px solid var(--z-line);color:var(--z-text);cursor:pointer;backdrop-filter:var(--z-blur);transition:border-color var(--z-fast) var(--z-ease),color var(--z-fast) var(--z-ease)}.icon-btn:hover{border-color:var(--z-line-strong);color:var(--z-gold)}.icon-btn[aria-pressed=true]{color:var(--z-gold)}.icon-btn.lang{font:700 var(--z-fs-xs) var(--z-font);letter-spacing:.06em}.btn-ghost,.btn-accent{display:inline-flex;align-items:center;gap:6px;background:var(--z-surface);color:var(--z-text);border:1px solid var(--z-line);border-radius:var(--z-r-pill);padding:6px 12px;cursor:pointer;font:inherit;font-size:var(--z-fs-sm);text-decoration:none}.btn-ghost:hover{border-color:var(--z-line-strong)}.btn-accent{background:var(--z-gold);color:var(--z-gold-ink);border-color:transparent;font-weight:700}#side-panel{top:64px;left:12px;width:288px;max-height:78vh;overflow-y:auto;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:12px;backdrop-filter:blur(4px)}#side-panel h3{margin:0 0 4px}#side-panel h4{margin:12px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.65}#side-panel ul.plain{list-style:none;margin:0;padding:0;font-size:13px}#side-panel ul.plain li{padding:2px 0}#side-panel .diary{font-style:italic;font-size:13px;opacity:.9;border-left:2px solid var(--accent);padding-left:8px;margin:4px 0}#side-panel .muted{opacity:.7;font-size:13px}.needs{margin:10px 0}.need-row{display:grid;grid-template-columns:16px 62px 1fr 34px;align-items:center;gap:6px;font-size:12px;margin-bottom:4px}.need-ic{display:flex;align-items:center;color:var(--z-text-dim)}.cl-tab .zi,.cl-story .zi,.dlg-topic .zi,#story-caption .zi,#stories-panel .zi,#side-panel .zi{display:inline-block;vertical-align:-.15em}.bar{height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,#7ad17a,#ffd76b)}#interior-bar{top:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:6px 12px;backdrop-filter:blur(4px)}#interior-title{font-weight:700;color:var(--accent)}#interior-bar .legend{opacity:.6;font-size:12px}#toast{bottom:72px;left:50%;transform:translate(-50%);max-width:min(560px,calc(100vw - 32px));background:var(--z-surface-strong);border:1px solid var(--z-line-strong);border-radius:var(--z-r-pill);padding:8px 8px 8px 18px;box-shadow:var(--z-shadow);font-size:var(--z-fs-md)}#news-panel{bottom:64px;right:16px;width:340px;max-height:46vh;overflow-y:auto;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:10px 12px;backdrop-filter:blur(4px)}#news-panel h2{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;opacity:.7}#news-list{list-style:none;margin:0;padding:0;font-size:13px}#news-list li{padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.08)}#news-list a{color:var(--accent);text-decoration:none}#news-list .src{opacity:.6;font-size:11px}#watching{left:var(--z-4);bottom:64px;max-width:min(380px,calc(100vw - 32px));transition:opacity var(--z-slow) var(--z-ease),transform var(--z-slow) var(--z-ease)}.w-card{display:flex;gap:var(--z-3);align-items:center;width:100%;text-align:left;padding:var(--z-3) var(--z-4) var(--z-3) var(--z-3);background:var(--z-surface-strong);border:1px solid var(--z-line);border-radius:var(--z-r-lg);box-shadow:var(--z-shadow);color:var(--z-text);font:inherit;cursor:pointer;backdrop-filter:var(--z-blur)}.w-card:hover{border-color:var(--z-line-strong)}.w-portrait{width:56px;height:56px;border-radius:var(--z-r-md);image-rendering:pixelated;background:var(--z-surface-raised);box-shadow:0 0 0 2px var(--z-glow);flex:0 0 auto}.w-body{display:flex;flex-direction:column;gap:1px;min-width:0}.w-kicker{font-size:var(--z-fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--z-gold)}.w-name{font-size:var(--z-fs-lg);font-weight:700}.w-meta{font-size:var(--z-fs-sm);color:var(--z-text-dim)}.w-doing{margin-top:4px;font-size:var(--z-fs-md);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.w-emo{display:inline-block;font-size:var(--z-fs-xs);padding:1px 8px;border-radius:var(--z-r-pill);background:#ffffff14;color:var(--z-text-dim);vertical-align:1px}.w-doing[data-tone=olive] .w-emo{background:#9cbf6b33;color:var(--z-olive)}.w-doing[data-tone=sea] .w-emo{background:#4aa3df33;color:var(--z-sea)}.w-doing[data-tone=terracotta] .w-emo{background:#e2725b33;color:var(--z-terracotta)}.w-why,.w-intent,.m-intent{margin-top:2px;font-size:var(--z-fs-xs);color:var(--z-text-faint);font-style:italic}#event-feed{top:64px;right:var(--z-4);width:300px;background:var(--z-surface);border:1px solid var(--z-line);border-radius:var(--z-r-lg);backdrop-filter:var(--z-blur);overflow:hidden}.feed-head{display:flex;align-items:center;gap:var(--z-2);width:100%;padding:var(--z-2) var(--z-3);background:transparent;border:0;color:var(--z-text-dim);font:600 var(--z-fs-xs) var(--z-font);text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.feed-head .chev{margin-left:auto;transition:transform var(--z-fast) var(--z-ease)}#event-feed:not(.collapsed) .feed-head .chev{transform:rotate(180deg)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--z-terracotta);box-shadow:0 0 0 3px #e2725b40;animation:zpulse 2s infinite}@keyframes zpulse{50%{box-shadow:0 0 0 6px #e2725b00}}#event-list{list-style:none;margin:0;padding:0 var(--z-3) var(--z-2);overflow-y:auto;max-height:46vh;font-size:var(--z-fs-sm);line-height:1.35}#event-list li{display:flex;gap:var(--z-2);padding:6px 0;border-top:1px solid var(--z-line)}#event-list li:first-child{border-top:0}#event-feed.collapsed #event-list li:nth-child(n+4){display:none}#event-feed.collapsed #event-list li:nth-child(2){opacity:.75}#event-feed.collapsed #event-list li:nth-child(3){opacity:.5}.ev-time{color:var(--z-gold);font-variant-numeric:tabular-nums;font-size:var(--z-fs-xs);padding-top:1px;flex:0 0 auto}#event-list li:first-child .ev-text{animation:zin var(--z-slow) var(--z-ease)}@keyframes zin{0%{opacity:0;transform:translateY(-3px)}}#bottom-bar{bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--z-2);padding:var(--z-2) var(--z-4) 10px;background:linear-gradient(0deg,#080b12e6,#080b1200)}.nav{display:flex;gap:2px;padding:3px;border-radius:var(--z-r-pill);background:var(--z-surface);border:1px solid var(--z-line);backdrop-filter:var(--z-blur)}.nav-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:var(--z-r-pill);background:transparent;color:var(--z-text-dim);font:inherit;font-size:var(--z-fs-sm);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--z-fast) var(--z-ease),color var(--z-fast) var(--z-ease)}.nav-btn:hover,.nav-btn[aria-expanded=true]{background:#ffffff14;color:var(--z-text)}#bottom-bar .spacer{flex:1}#donation-box{display:flex;align-items:center;gap:var(--z-2);font-size:var(--z-fs-xs);color:var(--z-text-faint)}#donation-box a{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--z-r-pill);background:#e2725b29;color:#ffb3a3;font-weight:700;font-size:var(--z-fs-sm);text-decoration:none}#donation-box a:hover{background:#e2725b47}#toast:not(.hidden){display:flex;align-items:center;gap:var(--z-3)}@media(max-width:1180px){.nav-btn span:last-child{display:none}.nav-btn{padding:7px 9px}#donation-box>span{display:none}}@media(max-width:900px){#camera-mode button span:last-child{display:none}.brand-sub,.chips{display:none}#event-feed{width:240px}}@media(max-width:1180px){#bottom-bar .nav-btn>span:last-child,#camera-mode button>span:last-child{display:inline;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(min-width:901px)and (max-width:1180px){#camera-mode button>span:last-child{position:static;width:auto;height:auto;clip-path:none}}#bottom-bar .nav{max-width:calc(100vw - 2 * var(--z-4));overflow-x:auto;scrollbar-width:none}#bottom-bar .nav::-webkit-scrollbar{display:none}#bottom-bar .nav-btn{flex:0 0 auto}@media(max-height:520px)and (orientation:landscape){#event-feed{max-height:40vh}#watching{transform:scale(.88);transform-origin:bottom left}}:root{--night: 0;font-family:var(--z-font)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#0d0e14;color:var(--text);overflow:hidden}#game-root{position:fixed;inset:0}canvas{image-rendering:pixelated;image-rendering:crisp-edges}#cinema{position:fixed;inset:0;pointer-events:none;z-index:8}#cinema .bar{position:absolute;left:0;right:0;height:42px;background:#000}#cinema .bar:first-child{top:0}#cinema .bar:last-child{bottom:0}.overlay{position:fixed;z-index:10;pointer-events:auto}body.photo-mode .overlay,body.photo-mode #cinema{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:fixed;top:6px;left:6px;width:auto;height:auto;clip:auto;z-index:100;background:var(--accent);color:#10121a;padding:6px 10px;border-radius:6px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hidden{display:none!important}#dialogue{position:fixed;left:50%;bottom:64px;transform:translate(-50%);width:min(860px,calc(100vw - 24px));display:grid;grid-template-columns:112px 1fr 112px;gap:10px;align-items:end;z-index:40;pointer-events:auto;font-family:Segoe UI,system-ui,sans-serif}#dialogue.hidden{display:none}.dlg-portrait{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.55;transform:scale(.92);transition:opacity .2s,transform .2s}.dlg-portrait.speaking{opacity:1;transform:scale(1)}.dlg-portrait img{width:96px;height:96px;image-rendering:pixelated;border-radius:8px;box-shadow:0 6px 18px #00000073}.dlg-name{font-size:12px;font-weight:700;color:#ffd76b;background:#161a24;padding:1px 8px;border-radius:6px;border:1px solid #2a2f3d}.dlg-body{position:relative;background:#f8f4ea;color:#1e1a24;border:4px solid #2a2230;border-radius:10px;padding:10px 14px 18px;min-height:92px;box-shadow:inset 0 0 0 2px #fff,0 8px 24px #00000080}.dlg-topic{position:absolute;top:-13px;left:12px;font-size:11px;background:#2e6db4;color:#fff;padding:1px 8px;border-radius:10px}.dlg-speaker{font-weight:800;font-size:13px;color:#2e6db4;margin-bottom:3px}.dlg-text{font-size:16px;line-height:1.35;min-height:44px}.dlg-next{position:absolute;right:10px;bottom:2px;font-size:12px;animation:dlgbob .8s infinite;color:#2a2230}.dlg-close{position:absolute;top:-10px;right:-6px;background:#2a2230;color:#fff;border:0;border-radius:50%;width:22px;height:22px;cursor:pointer}@keyframes dlgbob{50%{transform:translateY(2px)}}@media(max-width:640px){#dialogue{grid-template-columns:64px 1fr 64px;bottom:56px}.dlg-portrait img{width:60px;height:60px}.dlg-text{font-size:14px}}.photo-mode #dialogue{display:none}#clock-live{font-size:10px;font-weight:800;color:#fff;background:#c0392b;border-radius:4px;padding:0 5px;margin-left:6px}#clock-live.hidden{display:none}.panel-links{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.panel-links button{font-size:12px}#dialogue.story .dlg-body{border-color:#8a5a1a;box-shadow:inset 0 0 0 2px #ffe7a8,0 8px 24px #00000080}#dialogue.story .dlg-topic{background:#8a5a1a;max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#story-caption{position:fixed;left:24px;top:72px;z-index:45;pointer-events:none;max-width:min(560px,calc(100vw - 48px));background:linear-gradient(90deg,rgba(20,14,8,.92),rgba(20,14,8,.75) 80%,transparent);border-left:5px solid #ffd76b;color:#fff;padding:10px 18px 10px 14px;border-radius:4px;font-family:Georgia,Times New Roman,serif;transform:translate(-120%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}#story-caption.show{transform:none}#story-caption .cap-kicker{font:700 11px Segoe UI,sans-serif;letter-spacing:.12em;color:#ffd76b;text-transform:uppercase}#story-caption .cap-title{font-size:20px;line-height:1.25;margin-top:2px}#stories-panel{position:fixed;right:16px;bottom:60px;width:min(380px,calc(100vw - 32px));max-height:60vh;overflow:auto;z-index:46;background:#141822;color:#e8e8f0;border:1px solid #2a2f3d;border-radius:10px;padding:12px 14px;box-shadow:0 10px 30px #00000080;font-family:Segoe UI,sans-serif}#stories-panel.hidden{display:none}#stories-panel h3{margin:0 0 8px;font-size:15px;color:#ffd76b}.story-card{border:1px solid #2a2f3d;border-radius:8px;padding:8px 10px;margin-bottom:8px;background:#1a1f2b}.story-card.done{opacity:.6}.story-card .t{font-weight:700;font-size:14px}.story-card .ch{font-size:12px;color:#9fb0c8;margin:2px 0 4px}.story-card .bar{height:4px;background:#2a2f3d;border-radius:2px;overflow:hidden;margin:4px 0 6px}.story-card .bar i{display:block;height:100%;background:#ffd76b}.story-card .cast{font-size:12px;color:#c8d0dc}.story-card button{margin-top:6px;font-size:12px}#chatlog{position:fixed;z-index:60;right:16px;bottom:64px;width:min(420px,calc(100vw - 32px));height:min(60vh,520px);display:flex;flex-direction:column;background:#121620;color:#e8eaf0;border:1px solid #2a2f3d;border-radius:12px;box-shadow:0 12px 32px #0000008c;font-family:Segoe UI,system-ui,sans-serif}#chatlog.hidden{display:none}.cl-head{display:flex;gap:6px;padding:8px;border-bottom:1px solid #2a2f3d}.cl-tab{flex:1;background:#1c2230;color:#c8d0dc;border:1px solid #2a2f3d;border-radius:8px;padding:6px;font-size:13px;cursor:pointer}.cl-tab.on{background:#ffd76b;color:#1a1408;border-color:#ffd76b;font-weight:700}.cl-close{background:none;border:0;color:#fff;font-size:16px;width:32px;cursor:pointer}.cl-list{flex:1;overflow-y:auto;padding:8px 12px;font-size:14px;line-height:1.4;overscroll-behavior:contain}.cl-row{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}.cl-row b{color:#8fc1ff}.cl-row.ev{color:#c8d0dc}.cl-row.dim{opacity:.45}.cl-time{color:#7f8aa0;font-size:11px;font-variant-numeric:tabular-nums}.cl-story{margin:8px 0 2px;color:#ffd76b;font-size:12px;font-weight:700}.cl-empty{color:#7f8aa0;text-align:center;margin-top:30px}@media(max-width:640px){#chatlog{left:0;right:0;bottom:0;width:100%;height:62vh;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}}#title-card{position:fixed;left:50%;top:104px;z-index:44;pointer-events:none;display:flex;align-items:center;gap:8px;max-width:min(520px,calc(100vw - 48px));padding:6px 14px 6px 10px;border-radius:4px;background:#140e08c7;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:16px;letter-spacing:.01em;opacity:0;transform:translate(-50%,-6px);transition:opacity .45s ease,transform .45s ease}#title-card .zi{color:#ffd76b;flex:none}#title-card span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#title-card.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){#title-card{transition:none;transform:translate(-50%)}}.photo-mode #title-card{display:none}#title-card.on-phone{top:calc(env(safe-area-inset-top,0px) + 76px);font-size:14px}#m-3d{text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.02em}#intro{position:fixed;left:50%;bottom:76px;z-index:60;transform:translate(-50%);width:min(560px,calc(100vw - 32px));padding:16px 18px 12px;border-radius:12px;background:#10141ef0;color:#f2efe8;border:1px solid rgba(255,215,107,.35);box-shadow:0 10px 40px #00000073;font:15px/1.5 system-ui,Segoe UI,sans-serif;animation:intro-in .35s ease}#intro .intro-text{margin:0 0 12px}#intro .intro-foot{display:flex;align-items:center;gap:10px}#intro .intro-dots{display:flex;gap:6px;margin-right:auto}#intro .intro-dot{width:7px;height:7px;border-radius:50%;background:#ffffff40}#intro .intro-dot.on{background:#ffd76b}#intro button{font:inherit;font-size:14px;border-radius:999px;padding:6px 14px;cursor:pointer;border:0}#intro .intro-skip{background:transparent;color:#f2efe8b3}#intro .intro-next{background:#ffd76b;color:#1a1408;font-weight:700}#intro button:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes intro-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){#intro{animation:none}}#intro{transition:bottom .3s ease}body:has(#dialogue:not(.hidden)) #intro{bottom:236px}@media(prefers-reduced-motion:reduce){#intro{transition:none}}#intro.phone{top:calc(env(safe-area-inset-top,0px) + 160px);bottom:auto;font-size:14px;padding:14px 14px 10px}body:has(#dialogue:not(.hidden)) #intro.phone{bottom:auto}@keyframes intro-in-phone{0%{opacity:0}to{opacity:1}}#intro.phone{animation-name:intro-in-phone}#side-panel{padding:0;overflow:hidden auto;scrollbar-width:thin}body:not(.m-page) #side-panel{width:min(360px,calc(100vw - 2 * var(--z-4)));max-height:calc(100vh - 150px)}body.m-page #side-panel{padding:14px 0 calc(var(--m-safe-b, 0px) + 12px)}body.m-page .pv-head{top:-14px;padding-top:18px}body.m-page .pv-need{grid-template-columns:18px 92px 1fr 26px}body.m-page .pv-tabs button{padding:9px 4px;font-size:var(--z-fs-md)}body.profile-open #watching{display:none}.pv-head{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:72px 1fr auto;gap:var(--z-3);align-items:center;padding:var(--z-4) var(--z-4) var(--z-3);background:var(--z-surface-strong);border-bottom:1px solid var(--z-line)}.pv-portrait{width:72px;height:72px;border-radius:var(--z-r-md);image-rendering:pixelated;background:var(--z-surface-raised)}.pv-id h3{margin:0;font-size:var(--z-fs-lg);line-height:1.2}.pv-id p{margin:2px 0 0;color:var(--z-text-dim);font-size:var(--z-fs-sm)}.pv-id .pv-now{color:var(--z-text);display:flex;gap:5px;align-items:center}.pv-close{align-self:start;width:32px;height:32px;border-radius:var(--z-r-pill);border:1px solid var(--z-line);background:none;color:var(--z-text);cursor:pointer;display:grid;place-items:center}.pv-close:hover{color:var(--z-gold);border-color:var(--z-line-strong)}.pv-chips{display:flex;flex-wrap:wrap;gap:6px;padding:var(--z-3) var(--z-4) 0}.pv-chips span{display:inline-flex;gap:4px;align-items:center;padding:3px 9px;border-radius:var(--z-r-pill);background:var(--z-surface-raised);font-size:var(--z-fs-xs);color:var(--z-text-dim)}.pv-places{display:grid;gap:4px;padding:var(--z-3) var(--z-4) 0}.pv-place{display:flex;gap:8px;align-items:center;text-align:left;padding:7px 10px;border-radius:var(--z-r-sm);border:1px solid var(--z-line);background:none;color:var(--z-text);font:inherit;font-size:var(--z-fs-sm);cursor:pointer}.pv-place:hover{border-color:var(--z-gold)}.pv-place span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-tabs{display:flex;gap:2px;margin:var(--z-4) var(--z-4) 0;padding:3px;border-radius:var(--z-r-pill);background:var(--z-surface-raised)}.pv-tabs button{flex:1;border:0;background:none;color:var(--z-text-dim);font:600 var(--z-fs-sm) var(--z-font);padding:6px 4px;border-radius:var(--z-r-pill);cursor:pointer}.pv-tabs button small{opacity:.7;font-weight:500}.pv-tabs button[aria-selected=true]{background:var(--z-gold);color:var(--z-gold-ink)}.pv-pane{padding:var(--z-3) var(--z-4) var(--z-4)}.pv-pane h4{margin:var(--z-4) 0 var(--z-2);font-size:var(--z-fs-sm);color:var(--z-text-dim);font-weight:600}.pv-needs{display:grid;gap:7px}.pv-need{display:grid;grid-template-columns:18px 96px 1fr 26px;gap:8px;align-items:center;font-size:var(--z-fs-sm)}.pv-need-ic{color:var(--z-text-dim);display:inline-flex}.pv-num{text-align:right;color:var(--z-text-dim);font-variant-numeric:tabular-nums}.pv-bar{height:7px;border-radius:4px;background:#ffffff14;overflow:hidden}.pv-bar>span{display:block;height:100%;border-radius:4px;background:var(--z-olive)}.pv-need.is-low .pv-bar>span{background:var(--z-terracotta)}.pv-bar-warm>span{background:linear-gradient(90deg,var(--z-terracotta),var(--z-gold) 55%,var(--z-olive))}.pv-timeline{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pv-timeline li{display:grid;grid-template-columns:58px 1fr;gap:8px;font-size:var(--z-fs-sm);line-height:1.35}.pv-timeline time{color:var(--z-gold);font-variant-numeric:tabular-nums;font-size:var(--z-fs-xs);padding-top:1px}.pv-rels{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pv-rel{display:grid;grid-template-columns:18px 1fr 70px;gap:8px;align-items:center}.pv-rel-ic{color:var(--z-text-dim);display:inline-flex}.pv-rel-name{display:grid;font-size:var(--z-fs-sm);line-height:1.25}.pv-rel-name small{color:var(--z-text-faint);font-size:var(--z-fs-xs)}.pv-self{margin:0 0 var(--z-2);font-style:italic;color:var(--z-text);line-height:1.45}.pv-goal{margin:0;display:flex;gap:6px;align-items:center;color:var(--z-gold);font-size:var(--z-fs-sm)}.pv-diary{margin:0 0 var(--z-2);padding:var(--z-2) var(--z-3);border-left:2px solid var(--z-gold);background:var(--z-surface-raised);border-radius:0 var(--z-r-sm) var(--z-r-sm) 0;font-size:var(--z-fs-sm);line-height:1.45}.pv-diary time{display:block;font-size:var(--z-fs-xs);color:var(--z-text-faint);margin-bottom:2px}