:root{color-scheme:dark;--accent:#8bdcff;font-family:'DM Sans',sans-serif;color:#edf4ff;background:#030611}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.header{position:fixed;inset:0 0 auto;z-index:8;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #b6ceff18;background:#030611aa;backdrop-filter:blur(16px)}.brand{font:700 30px 'Space Grotesk';letter-spacing:-2px}.brand span{font-size:12px;vertical-align:top;margin-left:7px;color:#8bdcff;letter-spacing:0}.lab{font-size:10px;letter-spacing:2.5px;color:#75829e}.back{font-size:12px;color:#afbbd0}#journey{height:9000vh}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.scene-surface{position:absolute;inset:76px 0 110px}#world,#labels{position:absolute;inset:0}canvas{display:block}#labels{pointer-events:none}.planet-label,.agent-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font:11px 'Space Grotesk';padding:8px 11px;border:1px solid color-mix(in srgb,var(--planet-color) 35%,transparent);background:#050b19d9;backdrop-filter:blur(8px);color:var(--planet-color);border-radius:5px;box-shadow:0 6px 25px #0004}.planet-label{pointer-events:auto}.planet-label:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--planet-color);margin-right:8px}.planet-label:hover{border-color:var(--planet-color);background:#162039}.story{position:absolute;left:4vw;top:50%;transform:translateY(-53%);width:25%;max-width:360px;pointer-events:none}.eyebrow{font:11px 'Space Grotesk';letter-spacing:1.9px;color:var(--accent);margin:0 0 20px}h1{font:500 clamp(32px,3.4vw,56px)/1.08 'Space Grotesk';letter-spacing:-.055em;margin:0 0 23px}em{font-style:normal;color:var(--accent)}#description{font-size:14px;line-height:1.85;color:#99a9c0;margin:0 0 25px}#build-status{font:11px 'Space Grotesk';letter-spacing:.7px;color:var(--accent);padding-top:20px;border-top:1px solid #a9c6ff20}#agent-detail{min-height:116px;margin-top:14px}#agent-detail strong{display:block;font:500 19px 'Space Grotesk';margin-bottom:8px}#agent-detail p{font-size:12px;line-height:1.7;color:#9baac0;margin:0}#systems{display:flex;flex-wrap:wrap;gap:6px}#systems span{font-size:10px;border:1px solid #a9c6ff20;padding:5px 8px;color:#8697b1;border-radius:3px}.overview #agent-detail{min-height:0;margin-top:0}.overview #systems{margin-top:18px}.scene-caption{position:absolute;right:4vw;top:101px;font:10px 'Space Grotesk';letter-spacing:1.7px;color:#d3e3ff}.scene-caption span{margin-left:15px;color:#5e6e8d;font-size:9px}.travel-status{position:absolute;bottom:138px;left:50%;transform:translateX(-50%);font:11px 'Space Grotesk';letter-spacing:2px;color:#c1d9ff;white-space:nowrap}.hud{position:absolute;bottom:0;left:4vw;right:4vw;height:110px;border-top:1px solid #b6ceff20;background:#030611e8}.controls{display:flex;justify-content:space-between;align-items:center;padding:15px 0;color:#8d9db7;font-size:11px}.controls>div{display:flex;gap:24px}.controls button{font-size:11px;padding:5px 0}.controls button:hover{color:#fff}#next-sector{color:var(--accent)}#steps{display:flex;justify-content:space-between;gap:12px}#steps button{font-size:11px;padding:7px 0;color:#7384a0;white-space:nowrap}#steps button[aria-current]{color:#eaf4ff}#steps i{display:inline-block;width:4px;height:4px;margin-right:7px;background:var(--color);border-radius:50%}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#a9c6ff15}.progress span{display:block;height:100%;background:var(--accent);transform-origin:left}.fallback{position:absolute;inset:40% 15%;text-align:center;background:#0c1830;padding:20px;z-index:10}#build-status:empty,#agent-detail:empty{display:none}
@media(max-width:759px){.header{height:60px;padding:0 6vw}.brand{font-size:25px}.lab{display:none}.back{font-size:10px}.scene-surface{inset:230px 0 125px}.story{top:86px;left:6vw;right:6vw;width:auto;max-width:none;transform:none}.eyebrow{font-size:9px;margin-bottom:9px}h1{font-size:30px;margin-bottom:10px}h1 br{display:none}h1 em{margin-left:5px}#description{font-size:12px;line-height:1.55;margin-bottom:12px;max-width:480px}#build-status{padding-top:8px;font-size:9px}#agent-detail{position:fixed;top:calc(100svh - 290px);left:0;width:100%;min-height:0;padding:12px;background:#030611da}#agent-detail strong{font-size:16px;margin-bottom:5px}#agent-detail p{font-size:11px;line-height:1.5}#systems{display:none}.overview #agent-detail{display:none}.scene-caption{display:none}.hud{left:6vw;right:6vw;height:115px}.controls{padding:9px 0}.controls>span{display:none}.controls>div{justify-content:space-between;width:100%;gap:10px}.controls button{font-size:9px}#steps{display:grid;grid-template-columns:repeat(5,1fr);gap:2px 5px}#steps button{font-size:9px;text-align:left}#steps i{margin-right:4px}.planet-label,.agent-label{font-size:9px;padding:5px 7px}.travel-status{bottom:130px;font-size:9px;letter-spacing:1px}.overview .scene-surface{top:240px}.overview .story{top:85px}.overview h1{font-size:32px}}
@media(max-height:690px) and (min-width:760px){.story{top:48%;width:26%}h1{font-size:34px}#description{font-size:12px;line-height:1.6;margin-bottom:14px}.eyebrow{margin-bottom:12px}#agent-detail{min-height:94px}#build-status{padding-top:12px}.scene-surface{bottom:110px}}
.scene-surface:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030611f5 0%,#030611d9 22%,transparent 43%)}#labels{z-index:2}@media(max-width:759px){.scene-surface:after{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}