:root{--bg-0: #0a0e14;--bg-1: #0f141c;--bg-2: #161d28;--line: rgba(140,180,220,.1);--line-2: rgba(140,180,220,.18);--ink: #d6e2f0;--ink-dim: #8a9bb3;--ink-dimmer: #54667d;--cyan: #6fd6ee;--cyan-dim: #2a6c80;--amber: #f3b860;--amber-dim: #6b4e1f;--magenta: #e87bb8;--green: #7ee0a3;--red: #ff6b6b;--mono: "JetBrains Mono", ui-monospace, monospace;--serif: "Instrument Serif", "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-0);color:var(--ink);font-family:var(--mono);overflow:hidden}body{background:radial-gradient(ellipse at 50% 110%,rgba(111,214,238,.1),transparent 60%),radial-gradient(ellipse at 80% -10%,rgba(243,184,96,.06),transparent 60%),var(--bg-0)}#app{position:fixed;top:0;right:0;bottom:0;left:0}#stage{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block;touch-action:none}.hud{position:absolute;pointer-events:none;color:var(--ink);-webkit-user-select:none;user-select:none}.hud .pill,.hud .panel{pointer-events:auto}.hud-tl{top:20px;left:22px}.hud-tr{top:20px;right:22px;text-align:right}.hud-bl{bottom:20px;left:22px}.hud-br{bottom:20px;right:22px;text-align:right}.hud-bc{bottom:70px;left:50%;transform:translate(-50%);text-align:center}.brand-mark{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.brand-mark .glyph{width:22px;height:22px;position:relative;display:inline-block}.brand-mark .glyph:before,.brand-mark .glyph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--cyan)}.brand-mark .glyph:before{transform:rotate(45deg)}.brand-mark .glyph:after{border-color:var(--amber);transform:rotate(0) scale(.55)}.brand-name{font-weight:700;color:var(--ink)}.brand-sep{color:var(--ink-dimmer)}.brand-sub{color:var(--ink-dim);font-weight:400}.meta-line{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.meta-line .v{color:var(--ink)}.meta-line .accent{color:var(--cyan)}.meta-line .amber{color:var(--amber)}.hud-title{font-family:var(--serif);font-style:italic;font-size:28px;line-height:1;color:var(--ink)}.hud-title .em{color:var(--cyan)}.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--line-2) 30%,var(--line-2) 70%,transparent);margin:8px 0}.legend{display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.legend .swatch{width:8px;height:8px;display:inline-block;margin-right:6px;vertical-align:middle}.legend .swatch.amber{background:var(--amber);box-shadow:0 0 10px var(--amber)}.legend .swatch.cyan{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.legend .swatch.dim{background:var(--ink-dimmer)}.drag-hint{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);background:#0a0e148c;border:1px solid var(--line);padding:8px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:10px}.drag-hint .dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.telemetry{background:#0a0e1499;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px;min-width:220px;text-align:left;font-family:var(--mono)}.telemetry .row{display:flex;justify-content:space-between;gap:24px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);padding:3px 0;white-space:nowrap}.telemetry .row .v{color:var(--ink);font-variant-numeric:tabular-nums}.telemetry .head{font-size:9.5px;letter-spacing:.22em;color:var(--cyan);margin-bottom:6px}.corner-bracket{position:absolute;width:22px;height:22px;border:1px solid var(--cyan);opacity:.55;pointer-events:none}.corner-bracket.tl{top:10px;left:10px;border-right:none;border-bottom:none}.corner-bracket.tr{top:10px;right:10px;border-left:none;border-bottom:none}.corner-bracket.bl{bottom:10px;left:10px;border-right:none;border-top:none}.corner-bracket.br{bottom:10px;right:10px;border-left:none;border-top:none}#dwell-overlay{position:absolute;pointer-events:none;transform:translate(-50%,-50%);width:110px;height:110px;opacity:0;transition:opacity .2s ease}#dwell-overlay svg{width:100%;height:100%;transform:rotate(-90deg)}#dwell-overlay .dwell-track{stroke:#f3b8602e}#dwell-overlay .dwell-progress{stroke:var(--amber);transition:stroke-dashoffset 90ms linear;filter:drop-shadow(0 0 6px rgba(243,184,96,.6))}#dwell-overlay .dwell-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--amber);text-transform:uppercase}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:60}.modal-root.open{display:flex}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a0e14c7,#05070bf5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .28s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-shell{position:relative;z-index:1;width:min(1100px,92vw);animation:rise .36s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-head{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:0 4px 12px}.modal-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}.modal-title{font-family:var(--serif);font-size:38px;line-height:1.05;margin:4px 0 0;font-style:italic;color:var(--ink)}.modal-meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.modal-frame{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--line-2);overflow:hidden}.modal-frame:before,.modal-frame:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--cyan);opacity:.25}.modal-frame:before{top:33.33%}.modal-frame:after{top:66.66%}.modal-tape{position:absolute;top:12px;left:14px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--red);text-transform:uppercase}.modal-tape:before{content:"";display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:6px;vertical-align:middle;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.3}}.modal-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.modal-close{background:transparent;border:1px solid var(--line-2);color:var(--ink);font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;padding:8px 14px;cursor:pointer;transition:all .18s ease}.modal-close:hover{border-color:var(--cyan);color:var(--cyan)}.video-stripe{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 12px,transparent 12px 24px),linear-gradient(135deg,#1a2330,#0d141d)}.video-info{position:absolute;left:24px;bottom:22px;right:24px;display:flex;justify-content:space-between;align-items:end;gap:24px}.video-info .vt{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--ink)}.video-info .vm{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.play-glyph{width:56px;height:56px;border:1px solid var(--line-2);display:grid;place-items:center;background:#0a0e1480;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-glyph:before{content:"";width:0;height:0;border-left:14px solid var(--ink);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}.video-grain{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:overlay;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1px);background-size:3px 3px;animation:grain .8s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-2px)}80%{transform:translate(2px,1px)}to{transform:translate(0)}}.sub-map-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0;transition:opacity .4s ease}.sub-map-banner.show{opacity:1}.sub-map-banner .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--amber);text-transform:uppercase}.sub-map-banner .ttl{font-family:var(--serif);font-size:56px;line-height:1;font-style:italic;color:var(--ink);margin-top:6px}.back-btn{position:absolute;top:70px;left:22px;pointer-events:auto;background:#0a0e148c;border:1px solid var(--line-2);color:var(--ink);font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;padding:8px 12px;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}.back-btn.show{display:inline-flex;align-items:center;gap:8px}.back-btn:hover{border-color:var(--cyan);color:var(--cyan)}.back-btn .arr{display:inline-block;width:10px;height:1px;background:currentColor;position:relative}.back-btn .arr:before{content:"";position:absolute;left:0;top:-3px;width:6px;height:6px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}#splash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg-0);z-index:100;transition:opacity .6s ease}#splash.hidden{opacity:0;pointer-events:none}.splash-inner{text-align:center}.splash-bar{width:220px;height:1px;background:var(--line);margin:18px auto 0;position:relative;overflow:hidden}.splash-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cyan);transform-origin:left;animation:load 1.4s ease-in-out infinite}@keyframes load{0%{transform:scaleX(0)}50%{transform:scaleX(1)}to{transform:scaleX(0);transform-origin:right}}.splash-title{font-family:var(--serif);font-style:italic;font-size:32px}.splash-sub{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--ink-dim);text-transform:uppercase;margin-top:8px}.home-btn{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#0a0e1499;border:1px solid var(--line-2);color:var(--ink);font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;padding:9px 16px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:10px;z-index:30;transition:all .2s ease}.home-btn:hover{border-color:var(--amber);color:var(--amber)}.home-btn.active{border-color:var(--amber);color:var(--amber);background:#f3b86014}.home-btn .home-glyph{font-size:14px;line-height:1;color:var(--amber)}.info-body{padding:22px 26px;background:#0a0e148c;border:1px solid var(--line-2)}.info-prose{font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--ink);margin:0 0 18px}.info-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-2);border:1px solid var(--line-2)}.info-stat{background:#0a0e14b3;padding:12px 14px}.info-k{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;color:var(--ink-dim);text-transform:uppercase;margin-bottom:5px}.info-v{font-family:var(--mono);font-size:13px;color:var(--ink);letter-spacing:.04em}.audio-toggle{position:fixed;top:20px;left:50%;transform:translate(calc(-50% + 130px));background:#0a0e1499;border:1px solid var(--line-2);color:var(--ink);font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;padding:9px 14px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:9px;z-index:30;transition:all .2s ease}.audio-toggle:hover{border-color:var(--cyan);color:var(--cyan)}.audio-toggle.on{border-color:var(--cyan);color:var(--cyan);background:#6fd6ee0f}.audio-toggle .a-glyph{display:inline-block;width:14px;height:14px;position:relative}.audio-toggle .a-glyph:before{content:"";position:absolute;left:0;top:3px;width:4px;height:8px;background:currentColor}.audio-toggle .a-glyph:after{content:"";position:absolute;left:3px;top:0;border-left:8px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}.audio-toggle.off .a-glyph:before,.audio-toggle.off .a-glyph:after{opacity:.4}.audio-toggle.off:after{content:"\\";margin-left:2px;color:var(--red);font-weight:700}.audio-prompt{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#0a0e14b3;border:1px solid var(--line-2);padding:8px 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;transition:all .2s ease}.audio-prompt:hover{border-color:var(--cyan);color:var(--cyan)}.audio-prompt.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px)}#marker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.marker-label{position:absolute;transform:translate(12px,-50%);font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;opacity:0;transition:opacity .2s ease,color .2s ease}.marker-label.visible{opacity:1}.marker-label.active{color:var(--amber)}.marker-label .num{color:var(--cyan);margin-right:6px}.marker-label .count{color:var(--cyan);margin-left:8px;opacity:.7}.compass{width:64px;height:64px;border:1px solid var(--line-2);border-radius:50%;position:relative;background:#0a0e1480;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-left:auto}.compass .n{position:absolute;top:4px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9px;color:var(--amber);letter-spacing:.14em}.compass .needle{position:absolute;top:50%;left:50%;width:1px;height:24px;background:var(--cyan);transform-origin:bottom center;transform:translate(-50%,-100%)}.compass .center{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--cyan);border-radius:50%;transform:translate(-50%,-50%)}.stack-row{display:flex;align-items:center;gap:14px}@media (max-width: 768px){.hud-tr{display:none}}@media (max-width: 600px){.hud-tl .brand-mark{font-size:9.5px;gap:7px}.hud-tl .brand-mark .glyph{width:17px;height:17px}.hud-tl .brand-sub{display:none}.hud-tl .hairline{width:160px!important}.hud-tl .meta-line{font-size:9px;white-space:normal;max-width:140px}.home-btn{font-size:9.5px;letter-spacing:.14em;padding:8px 11px;gap:7px}.audio-toggle{transform:translate(calc(-50% + 108px));font-size:9.5px;letter-spacing:.14em;padding:8px 11px;gap:7px}}@media (max-width: 420px){.home-btn>span:last-child{display:none}.home-btn{padding:9px 13px;gap:0}.audio-toggle>span:last-child{display:none}.audio-toggle{transform:translate(calc(-50% + 56px));padding:9px 13px;gap:0}.drag-hint{font-size:9px;padding:6px 10px}.telemetry{min-width:0;width:100%}.hud-bl{max-width:calc(50vw - 22px)}}