:root{--ink:#eef0f1;--muted:#eef0f1a8;--faint:#eef0f157;--ghost:#eef0f129;--oxide:#e88460;--oxide-deep:#b8532f;--dusk:#9cc2e6;--panel:#0a0b0d9e;--panel-strong:#090a0cd6;--line:#eef0f124;--display:"Archivo", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--pad-x:max(18px, 2.6vw);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#0b0908;height:100%;margin:0;overflow:hidden}body{font-family:var(--display);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}canvas#gl{touch-action:none;cursor:grab;outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}canvas#gl:active{cursor:grabbing}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}[hidden]{display:none!important}button{font:inherit;color:inherit}.hud{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud :is(h1,h2,p){margin:0}.top{top:calc(var(--safe-t) + 20px);left:var(--pad-x);pointer-events:none;text-shadow:0 1px 14px #0000008c;gap:14px;max-width:min(620px,72vw);display:grid;position:absolute}.brand{font:600 .8rem/1 var(--mono);letter-spacing:.08em;color:var(--muted)}.brand span{color:var(--oxide)}.chapter{gap:6px;transition:opacity .5s,transform .5s;display:grid}.chapter.swap{opacity:0;transform:translateY(-6px)}.ch-num{letter-spacing:.14em;color:var(--oxide);font-size:.72rem}.ch-num i{color:var(--faint);margin-left:6px;font-style:normal}.chapter h1{letter-spacing:-.012em;font-size:clamp(1.6rem,.9rem + 2.4vw,3.1rem);font-weight:760;font-stretch:118%;line-height:.98}.ch-kicker{font:400 .8rem/1.35 var(--mono);color:var(--muted);letter-spacing:.02em}.readout{top:calc(var(--safe-t) + 20px);right:var(--pad-x);text-align:right;pointer-events:none;text-shadow:0 1px 10px #000000b3;gap:9px;min-width:190px;display:grid;position:absolute}.readout div{gap:1px;transition:opacity .4s;display:grid}.readout span{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.readout b{letter-spacing:.01em;font-size:.92rem;font-weight:500}.readout .r-met b{color:var(--ink);font-size:1.28rem;font-weight:500}.readout .dim{opacity:.35}.readout em{color:var(--faint);margin-left:4px;font-size:.72em;font-style:normal}.caption{left:50%;bottom:calc(var(--safe-b) + 128px);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;border-radius:3px;align-items:center;gap:10px;max-width:min(640px,88vw);padding:9px 14px;font-size:.86rem;transition:opacity .4s;display:flex;position:absolute;transform:translate(-50%)}.caption.on{opacity:1}.bottom{left:var(--pad-x);right:var(--pad-x);bottom:calc(var(--safe-b) + 16px);gap:10px;display:grid;position:absolute}.timeline{gap:4px;display:grid}.chapters{height:16px;font:500 .6rem/1 var(--mono);letter-spacing:.06em;color:var(--faint);text-transform:uppercase;position:relative}.chapters button{cursor:pointer;color:inherit;white-space:nowrap;border:0;border-left:1px solid var(--ghost);font:inherit;letter-spacing:inherit;background:0 0;height:16px;padding:0 0 3px 5px;position:absolute;bottom:0;overflow:hidden}.chapters button:hover,.chapters button.on{color:var(--ink);border-left-color:var(--oxide)}.track{cursor:pointer;touch-action:none;outline:none;height:26px;position:relative}.track .rail{background:var(--ghost);border-radius:1px;height:2px;position:absolute;top:12px;left:0;right:0}.track .fill{background:linear-gradient(90deg, #e8846059, var(--oxide));border-radius:1px;width:0;height:2px;position:absolute;top:12px;left:0}.track .events{position:absolute;inset:0}.track .ev{background:var(--faint);pointer-events:none;width:1px;height:8px;position:absolute;top:9px;transform:translate(-.5px)}.track .ev.major{background:#eef0f18c;height:12px;top:7px}.track .ev.ch{background:#eef0f147;height:18px;top:4px}.track .thumb{background:var(--oxide);pointer-events:none;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:6px;box-shadow:0 0 0 4px #e8846038,0 0 18px #e8846073}.track:focus-visible .thumb{box-shadow:0 0 0 5px #e8846080}.track .tip{font:500 .66rem/1.2 var(--mono);background:var(--panel-strong);border:1px solid var(--line);white-space:nowrap;pointer-events:none;border-radius:3px;padding:5px 7px;position:absolute;bottom:26px;transform:translate(-50%)}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.controls button,.apart button,.studio-ui button{font:500 .72rem/1 var(--mono);letter-spacing:.05em;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:3px;padding:9px 12px;transition:border-color .2s,color .2s,background .2s}.controls button:hover,.apart button:hover,.studio-ui button:hover{border-color:#eef0f16b}.controls button[aria-pressed=true],.apart button[aria-pressed=true],.studio-ui button[aria-pressed=true]{border-color:var(--oxide);color:var(--oxide);background:#e8846014}.controls button:focus-visible,.apart button:focus-visible{outline:2px solid var(--oxide);outline-offset:2px}.play{place-items:center;width:38px;height:34px;display:grid;padding:0!important}.play svg{width:14px;height:14px;fill:var(--ink)}.modes{flex-wrap:wrap;gap:6px;display:flex}.hint{color:var(--faint);margin-left:auto;font-size:.66rem}.apart,.onboard-bar{left:50%;bottom:calc(var(--safe-b) + 112px);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);border-radius:4px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;transform:translate(-50%)}.apart label,.studio-ui label{color:var(--muted);letter-spacing:.05em;align-items:center;gap:10px;font-size:.7rem;display:flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:180px;height:20px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--ghost);height:2px}input[type=range]::-moz-range-track{background:var(--ghost);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--oxide);border:2px solid #1b1210;border-radius:50%;width:14px;height:14px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--oxide);border:2px solid #1b1210;border-radius:50%;width:12px;height:12px}.onboard-bar button{font:500 .7rem/1 var(--mono);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;padding:8px 10px}.onboard-bar button[aria-pressed=true]{border-color:var(--oxide);color:var(--oxide)}.hotspots{pointer-events:none;position:absolute;inset:0}.hotspot{cursor:pointer;pointer-events:auto;background:#0a0a0c59;border:1.5px solid #eef0f1d9;border-radius:50%;place-items:center;width:22px;height:22px;margin:-11px 0 0 -11px;transition:transform .15s,border-color .15s;display:grid;position:absolute;top:0;left:0}.hotspot:before{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px}.hotspot.concept{border-style:dashed;border-color:var(--oxide)}.hotspot:hover{border-color:#fff;transform:scale(1.15)}.hotspot .lbl{font:500 .64rem/1 var(--mono);letter-spacing:.05em;white-space:nowrap;text-shadow:0 1px 8px #000000e6;pointer-events:none;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.marker{font:500 .64rem/1 var(--mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap;pointer-events:none;text-shadow:0 1px 8px #000000e6;position:absolute;top:0;left:0}.marker:before{content:"";vertical-align:-1px;border:1px solid;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.marker.ship{color:var(--oxide)}.card,.real-panel{right:var(--pad-x);top:calc(var(--safe-t) + 20px);width:min(390px,100vw - 36px);max-height:calc(100dvh - 190px - var(--safe-t) - var(--safe-b));background:var(--panel-strong);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);z-index:3;border-radius:4px;gap:10px;padding:18px 20px 16px;display:grid;position:absolute;overflow:auto;box-shadow:0 20px 60px #00000073}.card-head{align-items:center;gap:10px;display:flex}.card-id{color:var(--faint);letter-spacing:.04em;font-size:.6rem}.card h2,.real-panel h2{font-size:1.22rem;font-weight:700;font-stretch:112%;line-height:1.15}.card .summary{color:var(--ink);font-size:.95rem;line-height:1.45}.card-body p{color:#eef0f1cc;margin:0 0 8px;font-size:.86rem;line-height:1.55}.specs{border-collapse:collapse;width:100%;font-size:.72rem}.specs td{border-top:1px solid var(--line);vertical-align:top;padding:5px 0}.specs td:first-child{color:var(--faint);padding-right:12px}.specs td:last-child{text-align:right}.card .src{color:var(--faint);font-size:.64rem;line-height:1.5}.card .close,.real-panel .close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:1.35rem;line-height:1;position:absolute;top:8px;right:10px}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.card-actions button{font:500 .68rem/1 var(--mono);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;padding:8px 10px}.card-actions button:hover{border-color:var(--oxide);color:var(--oxide)}.chip{font:600 .58rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:3px;justify-self:start;padding:4px 6px 3px}.chip.off{background:var(--ink);color:#111}.chip.rep{border-color:var(--ink);color:var(--ink)}.chip.cmp{background:var(--dusk);color:#0d1620}.chip.est{border:1px dashed var(--muted);color:var(--muted)}.chip.con{color:var(--oxide);border-color:var(--oxide);background:repeating-linear-gradient(135deg,#e8846038 0 3px,#0000 3px 7px)}.real-panel ul{color:#eef0f1db;gap:11px;margin:0;padding:0;font-size:.84rem;line-height:1.45;list-style:none;display:grid}.real-panel li{gap:5px;display:grid}.credits{border-top:1px solid var(--line);padding-top:10px}.credits summary{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;font-size:.66rem}.credits ul{color:#eef0f1b8;gap:6px;margin:8px 0 0;padding:0;font-size:.7rem;line-height:1.45;list-style:none;display:grid}.credits b{color:var(--ink);font-weight:600}.real-panel .disclaimer{color:var(--faint);border-top:1px solid var(--line);padding-top:10px;font-size:.64rem;line-height:1.5}.studio-ui{left:var(--pad-x);bottom:calc(var(--safe-b) + 24px);background:var(--panel-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);z-index:2;border-radius:4px;gap:12px;max-width:360px;padding:16px 18px;display:grid;position:absolute}.studio-title{gap:6px;display:grid}.studio-title h2{font-size:1.8rem;font-weight:760;font-stretch:118%;line-height:1}.studio-title p{color:var(--muted);font-size:.82rem;line-height:1.45}body.studio .bottom,body.studio .readout,body.studio .caption,body.studio .top .chapter,body.studio .apart{opacity:0;pointer-events:none}.title-card{left:var(--pad-x);text-align:left;pointer-events:none;opacity:0;text-shadow:0 2px 30px #0000008c;gap:14px;width:min(38vw,640px);transition:opacity 1.4s,transform 1.4s;display:grid;position:absolute;top:46%;transform:translateY(-50%)}.title-card.on{opacity:1;transform:translateY(-54%)}.title-card h2{letter-spacing:-.015em;font-size:clamp(1.9rem,1rem + 3.4vw,4.2rem);font-weight:760;font-stretch:122%;line-height:1}.title-card p.mono{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:.74rem}.title-card p.sub{color:#eef0f1d6;max-width:34em;margin:0;font-size:clamp(.76rem,.68rem + .28vw,.94rem);line-height:1.45}body.title .top .chapter,body.title .readout,body.title .hint,body.title .chapters{opacity:0;transition:opacity 1.2s}.readout,.hint,.chapters{transition:opacity 1.2s}.standins{left:var(--pad-x);bottom:calc(var(--safe-b) + 104px);letter-spacing:.05em;color:var(--oxide);opacity:.85;pointer-events:none;max-width:40vw;font-size:.6rem;position:absolute}.attrib{right:var(--pad-x);bottom:calc(var(--safe-b) + 2px);letter-spacing:.03em;color:var(--faint);pointer-events:none;font-size:.56rem;position:absolute}.notice{background:var(--panel-strong);border:1px solid var(--line);text-align:center;z-index:5;border-radius:4px;padding:14px 18px;font-size:.8rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.loading{z-index:10;background:#0b0908;place-content:center;justify-items:center;gap:14px;transition:opacity .9s;display:grid;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.ld-brand{font:600 1.1rem/1 var(--mono);letter-spacing:.1em;color:var(--muted)}.ld-brand span{color:var(--oxide)}.ld-line{letter-spacing:.06em;color:var(--faint);font-size:.72rem}.ld-bar{background:var(--ghost);width:180px;height:2px;overflow:hidden}.ld-bar i{background:var(--oxide);width:0;height:100%;transition:width .4s;display:block}body.nohud .hud>:not(.loading){visibility:hidden}body.cinematic-clean .hint,body.cinematic-clean .standins{display:none}@media (width<=720px){.title-card{text-align:center;width:92vw;top:67%;left:50%;transform:translate(-50%,-50%)}.title-card.on{transform:translate(-50%,-54%)}.title-card p.sub{margin:0 auto}.title-card h2{font-size:2.1rem}:root{--pad-x:14px}.top{gap:8px;max-width:70vw}.chapter h1{font-size:1.55rem}.ch-kicker{font-size:.68rem}.readout{top:calc(var(--safe-t) + 118px);bottom:auto;right:var(--pad-x);gap:4px;min-width:0}.readout>div:nth-child(2){display:none}.readout b{font-size:.8rem}.readout .r-met b{font-size:1rem}.readout #row-light,.readout #row-sun,.readout #row-extra,.readout #row-mars,.hint,.chapters{display:none}.modes button{flex:none;padding:8px 9px;font-size:.66rem}.bottom{grid-template-columns:minmax(0,1fr)}.controls{flex-wrap:nowrap;gap:8px}.controls>.play,.controls>.mute{flex:none}.modes{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:auto;min-width:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.modes::-webkit-scrollbar{display:none}.attrib{bottom:calc(var(--safe-b) + 92px);left:var(--pad-x);right:var(--pad-x);text-align:right}.caption{bottom:calc(var(--safe-b) + 150px);left:var(--pad-x);font-size:.76rem;right:120px;transform:none}.card,.real-panel{top:auto;bottom:calc(var(--safe-b) + 112px);width:auto;max-height:52dvh;left:12px;right:12px}.apart,.onboard-bar{bottom:calc(var(--safe-b) + 108px);flex-wrap:wrap;left:12px;right:12px;transform:none}input[type=range]{width:130px}.standins{display:none}.studio-ui{max-width:none;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.chapter,.caption,.hotspot{transition:none}}