:root{--bg:#080b0f;--bg-card:#0d1117;--bg-card2:#161b22;--border:#21262d;--border-hi:#30363d;--text:#e6edf3;--muted:#7d8590;--accent:#58a6ff;--green:#3fb950;--red:#f85149;--yellow:#d29922}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled,input:disabled{opacity:.35;cursor:not-allowed}.site-header{height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:var(--bg);position:relative;z-index:5}.site-logo{font-weight:700;display:flex;align-items:center;gap:8px}.logo-dot{width:8px;height:8px;background:var(--accent);border-radius:50%}.back-link{font-size:12px;color:var(--muted)}.back-link:hover{color:var(--text)}.skip-link{position:fixed;top:-100px;left:16px;padding:8px 16px;background:var(--accent);color:var(--bg);z-index:20}.skip-link:focus{top:12px}.intro{max-width:1440px;margin:auto;padding:76px 6vw 48px}.eyebrow{font:10px/1.5 'Space Mono',monospace;letter-spacing:1.7px;text-transform:uppercase;color:var(--accent);margin:0}.intro h1{font:clamp(48px,8.5vw,130px)/.99 'Archivo Black',sans-serif;letter-spacing:-.045em;margin:24px 0 36px}.intro h1 span{color:var(--accent)}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.intro-bottom p{font-size:18px;color:#aab6c2;margin:0}.explore-link{font-size:13px;border-bottom:1px solid var(--border-hi);padding:12px 0}.explore-link span{margin-left:32px;color:var(--accent);font-size:24px}.story{height:560vh;position:relative;scroll-margin-top:0}.stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stage-top{position:absolute;left:4vw;right:4vw;top:26px;display:flex;justify-content:space-between;gap:16px;z-index:2}.edition{font:10px 'Space Mono',monospace;color:var(--muted)}.viewport{position:absolute;inset:0 0 115px}.viewport canvas{width:100%;height:100%;display:block;opacity:0}.model-ready .viewport canvas{opacity:1}.poster{width:100%;height:100%;object-fit:contain;object-position:center;display:block;opacity:.9}.model-ready .poster{display:none}.stage-caption{position:absolute;left:4vw;right:4vw;top:78px;display:flex;gap:18px;align-items:center;pointer-events:none}.chapter-index{font:42px/1 'Space Mono',monospace;color:var(--muted)}.stage-caption h2{font:clamp(22px,3vw,40px)/1.15 'Archivo Black',sans-serif;margin:6px 0}.number-watermark{font:clamp(70px,12vw,180px)/.8 'Archivo Black',sans-serif;margin-left:auto;color:#e6edf310}.viewer-status{position:absolute;left:4vw;bottom:164px;max-width:min(490px,84vw);font-size:12px;background:var(--bg);border-left:2px solid var(--accent);padding:12px 16px}.model-ready .viewer-status{padding:5px 10px;bottom:164px;color:var(--muted);border-left:0}.controls{position:absolute;bottom:0;left:0;right:0;background:var(--bg);padding:16px 4vw 18px;border-top:1px solid var(--border)}.controls-top{display:flex;justify-content:space-between;font:11px 'Space Mono',monospace}.controls-top output{color:var(--accent)}input[type=range]{display:block;width:100%;margin:14px 0;accent-color:var(--accent);cursor:ew-resize;height:18px}.controls-bottom{display:flex;align-items:center;gap:18px}.controls button{background:none;border:0;color:var(--text);padding:0;min-height:30px;font-size:12px;cursor:pointer}.controls button:hover:not(:disabled){color:var(--accent)}.scroll-toggle{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:12px;color:#aab6c2}.scroll-toggle input{accent-color:var(--accent)}#control-hint{font-size:11px;color:var(--muted);margin:7px 0 0}.notes{max-width:1280px;margin:0 auto;padding:90px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:20px 8vw}.notes>.eyebrow{grid-column:1/-1}.notes h2{font:clamp(28px,4vw,54px)/1.15 'Archivo Black',sans-serif;letter-spacing:-1px;margin:0}.notes p:not(.eyebrow){color:#aab6c2;margin:0 0 20px}.notes a{font-size:12px;color:var(--accent)}footer{border-top:1px solid var(--border);padding:24px 4vw;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.poster-only .story,.manual-motion .story{height:auto}.poster-only .stage,.manual-motion .stage{position:relative}.noscript{padding:20px 6vw;color:var(--yellow)}
@media(max-width:700px){.intro{padding:48px 6vw 32px}.intro h1{font-size:clamp(38px,10vw,68px)}.intro-bottom p{font-size:14px}.explore-link{font-size:11px}.explore-link span{margin-left:10px}.back-link{font-size:10px}.stage{min-height:620px}.stage-top{top:20px}.edition{font-size:8px;max-width:120px;text-align:right}.stage-caption{top:65px;gap:12px}.chapter-index{font-size:28px}.stage-caption h2{font-size:23px}.viewport{inset:110px 0 182px}.poster{object-fit:contain;object-position:center}.controls{padding:14px 5vw 20px}.controls-bottom{gap:14px;flex-wrap:wrap}.scroll-toggle{font-size:11px}.viewer-status,.model-ready .viewer-status{bottom:195px}.notes{grid-template-columns:1fr;padding:52px 6vw;gap:24px}.notes h2{font-size:34px}footer{gap:16px}.number-watermark{font-size:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.model-credits{grid-column:1/-1;border-top:1px solid var(--border);padding-top:24px;margin-top:24px;max-width:850px}.notes .model-credits p:not(.eyebrow){font-size:12px;line-height:1.8;margin:10px 0}.model-credits a{text-decoration:underline;text-underline-offset:3px}
.inspection-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:5px}.controls .inspection-controls button{border:1px solid var(--border-hi);padding:7px 12px;min-height:38px;text-align:left}.inspection-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#58a6ff0c}#inspection-status{font-size:10px;color:var(--muted);margin:4px 0 12px;min-height:16px}.viewport{bottom:var(--controls-height,245px)}.viewer-status,.model-ready .viewer-status{bottom:calc(var(--controls-height,245px) + 8px)}
#capture-preview{background:var(--bg-card);color:var(--text);border:1px solid var(--border-hi);padding:20px;width:min(900px,94vw);max-height:92svh;overflow:auto}#capture-preview::backdrop{background:#000b}.capture-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.capture-heading h2{font-size:20px;margin:0 0 12px}.capture-heading button{background:none;color:var(--text);border:1px solid var(--border-hi);padding:8px 16px;cursor:pointer}#capture-image{display:block;max-height:60svh;width:100%;object-fit:contain}#capture-details,.capture-help{color:var(--muted);font-size:11px}.capture-actions{display:flex;gap:24px;align-items:center}.capture-actions a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;padding:8px 0}
.systems-panel{margin:0 0 12px;border-bottom:1px solid var(--border);padding-bottom:10px}.systems-panel summary{cursor:pointer;color:var(--accent);font-size:12px;padding:4px 0}.system-options{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.controls .system-options button{padding:5px 10px;border:1px solid var(--border-hi)}.system-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#system-status{font-size:11px;color:var(--muted);margin:7px 0}.system-detail-active .inspection-controls #focus-engine,.system-detail-active .inspection-controls #full-view{display:none}.system-detail-active #progress,.system-detail-active .controls-top:has(+ #progress),.system-detail-active .controls-bottom,.system-detail-active #control-hint{display:none}.system-detail-active .stage-caption{display:none}.system-detail-active .viewer-status{display:none}
.story{overflow-anchor:none}
@media(max-width:700px){.inspection-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.controls .inspection-controls button{font-size:11px;min-height:40px;padding:6px 8px}.viewport{bottom:var(--controls-height,295px)}.stage{min-height:700px}.viewer-status,.model-ready .viewer-status{font-size:10px;padding:3px 8px}}
@media(max-width:700px){.controls button,.controls .inspection-controls button{min-height:44px}.systems-panel summary{min-height:44px;line-height:20px;padding:12px 0}.controls .system-options button{min-height:44px;font-size:11px;padding:5px 8px}.system-options{gap:6px;margin:6px 0}.systems-panel{margin-bottom:8px;padding-bottom:8px}.system-detail-active .viewport{top:52px}#transmission-note{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0}}
@media(max-width:700px){.controls{max-height:50svh;overflow-y:auto;overscroll-behavior-y:contain}}

.piece-tooltip{position:absolute;z-index:5;pointer-events:none;max-width:min(300px,calc(100% - 16px));padding:8px 12px;background:#101821f2;color:#fff;border:1px solid #8ac7ff;border-radius:5px;font:12px/1.4 "Space Grotesk",sans-serif;box-shadow:0 3px 14px #0006}.piece-tooltip[hidden]{display:none}.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}