:root{--bg:#04060a;--panel:#080c12d1;--border:#1b2430;--text-dim:#7d8896;--text:#c3ccd6;--value:#f2f6fa;--accent:#ffb000;--accent-dim:#ffb00024;--mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums;overflow:hidden}#app,#app canvas{position:fixed;inset:0}.ui{pointer-events:none;z-index:2;position:fixed;inset:0}.ui button{font-family:var(--mono);font-variant-numeric:tabular-nums;border:1px solid var(--border);color:var(--text);cursor:pointer;pointer-events:auto;background:0 0}.ui button:hover{border-color:var(--text-dim);color:var(--value)}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar{border-bottom:1px solid var(--border);background:var(--panel);pointer-events:auto;align-items:stretch;gap:1px;display:flex;position:absolute;top:0;left:0;right:0}.brand{border-right:1px solid var(--border);color:var(--value);letter-spacing:.14em;white-space:nowrap;padding:9px 14px;font-size:13px}.brand .sub{color:var(--text-dim);letter-spacing:.18em;margin-top:1px;font-size:9px;display:block}.act-heading{flex:1;min-width:0;padding:9px 14px}.act-heading .act-name{letter-spacing:.12em;color:var(--accent);font-size:12px}.act-heading .act-question{color:var(--text-dim);letter-spacing:.06em;margin-top:2px;font-size:10px}.mode-toggle{align-items:center;gap:6px;padding:0 10px;display:flex}.mode-toggle button{letter-spacing:.12em;padding:6px 14px;font-size:10px}.mode-toggle button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.chapter-rail{border-right:1px solid var(--border);background:var(--panel);pointer-events:auto;width:168px;padding:12px 0;position:absolute;top:54px;bottom:0;left:0;overflow-y:auto}.chapter-rail .chapter{text-align:left;letter-spacing:.1em;width:100%;color:var(--text-dim);border:none;border-left:2px solid #0000;padding:8px 12px;font-size:10px;display:block}.chapter-rail .chapter .num{color:var(--text-dim);margin-right:8px}.chapter-rail .chapter.active{border-left-color:var(--accent);color:var(--value);background:var(--accent-dim)}.chapter-rail .chapter.locked{opacity:.42;cursor:default}.chapter-rail .chapter .tag{float:right;letter-spacing:.08em;color:var(--text-dim);border:1px solid var(--border);padding:1px 4px;font-size:8px}.hud{pointer-events:auto;min-width:250px;padding:10px 12px;position:absolute;top:66px;right:12px}.hud .row{justify-content:space-between;gap:18px;padding:2.5px 0;font-size:11px;display:flex}.hud .row .k{color:var(--text-dim);letter-spacing:.1em;padding-top:2px;font-size:9px}.hud .row .v{color:var(--value);text-align:right;white-space:nowrap}.captions{text-align:center;max-width:620px;color:var(--value);text-shadow:0 1px 8px #000000e6;opacity:0;pointer-events:none;letter-spacing:.03em;font-size:14px;line-height:1.5;transition:opacity .6s;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.captions.visible{opacity:1}.scale-ribbon{letter-spacing:.08em;pointer-events:auto;align-items:center;gap:14px;padding:8px 12px;font-size:10px;display:flex;position:absolute;bottom:12px;left:180px}.scale-ribbon .mode{color:var(--accent)}.scale-ribbon .fact{color:var(--text-dim)}.scale-ribbon .fact b{color:var(--value);font-weight:400}.scale-ribbon button{letter-spacing:.1em;padding:4px 10px;font-size:9px}.scale-ribbon button:disabled{opacity:.35;cursor:default}.time-controls{pointer-events:auto;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;bottom:12px;right:12px}.time-controls button{letter-spacing:.08em;min-width:58px;padding:5px 12px;font-size:10px}.time-controls input[type=range]{width:220px;accent-color:var(--accent);pointer-events:auto}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.labels .label{letter-spacing:.12em;color:var(--text-dim);text-shadow:0 1px 4px #000000f2;white-space:nowrap;font-size:9px;position:absolute;transform:translate(10px,-50%)}.labels .label.accent{color:var(--accent);font-size:10px}.inspector{pointer-events:auto;width:250px;padding:10px 12px;display:none;position:absolute;bottom:64px;right:12px}.inspector.visible{display:block}.inspector .title{color:var(--accent);letter-spacing:.12em;margin-bottom:6px;font-size:11px}.inspector .row{justify-content:space-between;gap:14px;padding:2px 0;font-size:10px;display:flex}.inspector .row .k{color:var(--text-dim);letter-spacing:.08em}.inspector .row .v{color:var(--value);text-align:right}.inspector .close{color:var(--text-dim);border:none;font-size:11px;position:absolute;top:6px;right:8px}@media (max-width:900px){.chapter-rail{display:none}.scale-ribbon{left:12px}.hud{min-width:0}}.race-chart{pointer-events:auto;padding:8px 10px 6px;position:absolute;top:332px;right:12px}.race-chart .chart-title{color:var(--text-dim);letter-spacing:.14em;margin-bottom:4px;font-size:9px}.recon-panel{pointer-events:auto;width:258px;padding:8px 10px 6px;position:absolute;top:296px;right:12px}.recon-panel canvas{border:1px solid var(--border);display:block}.recon-panel .recon-status{color:var(--text-dim);letter-spacing:.06em;margin-top:4px;font-size:9px}.contrast-inset{pointer-events:auto;width:300px;padding:9px 12px 10px;position:absolute;bottom:56px;left:180px}.contrast-row{align-items:center;gap:8px;padding:3px 0;font-size:11px;display:flex}.contrast-row b{color:var(--value);margin-left:auto;font-weight:400}.contrast-row .dot{border-radius:50%;width:10px;height:10px}.contrast-row .dot.star{background:#fff2cc;box-shadow:0 0 8px 2px #fff0c8cc}.contrast-row .dot.planet{background:#4a6fa5}.contrast-note{border-top:1px solid var(--border);color:var(--text-dim);margin-top:6px;padding-top:6px;font-size:9px;line-height:1.5}.epilogue-card{pointer-events:auto;width:320px;padding:9px 12px 10px;position:absolute;bottom:56px;left:180px}.epi-row{align-items:baseline;gap:8px;padding:3px 0;font-size:11px;display:flex}.epi-row b{color:var(--value);margin-left:auto;font-weight:400}.epi-note{border-top:1px solid var(--border);color:var(--text-dim);margin-top:6px;padding-top:6px;font-size:9px;line-height:1.5}.topbar .util{align-items:stretch;margin-left:auto;display:flex}.topbar .util button{border:none;border-left:1px solid var(--border);letter-spacing:.08em;color:var(--text-dim);padding:0 14px;font-size:10px}.topbar .util button:hover{color:var(--value)}.topbar .util button.muted{color:var(--accent)}.credits-overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#020408b8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.credits-overlay.visible{display:flex}.credits-panel{width:min(680px,92vw);max-height:80vh;padding:16px 18px 14px;overflow-y:auto}.credits-head{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px;position:relative}.credits-title{color:var(--value);letter-spacing:.1em;font-size:13px}.credits-sub{color:var(--text-dim);margin-top:4px;font-size:10px}.credits-close{letter-spacing:.08em;padding:4px 10px;font-size:10px;position:absolute;top:-2px;right:0}.credits-row{border-bottom:1px solid #1b243080;grid-template-columns:1.4fr 1.4fr 1fr;gap:10px;padding:7px 0;font-size:11px;display:grid}.credits-asset{color:var(--value)}.credits-source a{color:var(--text);border-bottom:1px solid var(--border);text-decoration:none}.credits-source a:hover{color:var(--accent)}.credits-licence{color:var(--text-dim);text-align:right}.credits-foot{color:var(--text-dim);margin-top:10px;font-size:9px}@media (max-width:1200px){.time-controls input[type=range]{width:130px}}@media (max-width:720px){.brand{padding:8px 10px;font-size:11px}.brand .sub{display:none}.act-heading{padding:8px 10px}.act-heading .act-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.act-heading .act-question{display:none}.mode-toggle{gap:4px;padding:0 6px}.mode-toggle button,.topbar .util button{padding:6px 8px;font-size:9px}.hud{min-width:0;max-width:62vw;font-size:10px;top:46px}.scale-ribbon{flex-wrap:wrap;justify-content:flex-start;gap:6px 12px;bottom:66px;left:12px;right:12px}.time-controls{justify-content:flex-end;bottom:12px;left:12px;right:12px}.time-controls input[type=range]{flex:1;width:auto;min-width:80px}.contrast-inset,.epilogue-card,.recon-panel,.race-chart{display:none}.captions{max-width:88vw;font-size:12px;bottom:132px}}.ui button:focus-visible,.topbar button:focus-visible,.chapter-rail .chapter:focus-visible,.credits-close:focus-visible,.credits-source a:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.loupe{pointer-events:none;opacity:0;width:clamp(150px,17vw,214px);transition:opacity .5s,transform .5s;position:absolute;top:88px;left:180px;transform:translateY(8px)scale(.98)}.loupe.visible{opacity:1;transform:none}.loupe-frame{aspect-ratio:1;background:#05070c;border:2px solid #ffb0008c;border-radius:50%;width:100%;position:relative;overflow:hidden;box-shadow:0 6px 26px #0009,0 0 0 4px #ffb00012}.loupe-frame img{object-fit:cover;width:100%;height:100%;display:block}.loupe-frame:after{content:"";pointer-events:none;background:linear-gradient(#ffb00059,#ffb00059) 50%/1px 22px no-repeat,linear-gradient(#ffb00059,#ffb00059) 50%/22px 1px no-repeat;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 34px #000000bf}.loupe-label{text-align:center;margin-top:8px}.loupe-label b{color:var(--accent);letter-spacing:.14em;font-size:11px;font-weight:400;display:block}.loupe-label span{color:var(--text-dim);letter-spacing:.04em;margin-top:3px;font-size:9px;display:block}@media (max-width:900px){.loupe{width:clamp(116px,30vw,168px);top:66px;left:12px}}@media (prefers-reduced-motion:reduce){.captions,.loupe,.ui button,.credits-source a{transition:none}}