:root{--deep-space:#03050d;--midnight-navy:#080d1b;--cosmic-blue:#153a68;--atmospheric-cyan:#73d9ff;--stellar-white:#f3f7ff;--nebula-violet:#7257e8;--warning-amber:#ffb45e;--text-dim:#f3f7ff9e;--line:#f3f7ff38;--font-display:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--gutter:clamp(16px, 3vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--deep-space);color:var(--stellar-white);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.experience{height:100dvh;position:fixed;inset:0}.experience canvas{display:block}:focus-visible{outline:2px solid var(--atmospheric-cyan);outline-offset:3px}.loading{z-index:30;background:var(--deep-space);place-content:center;justify-items:center;gap:22px;transition:opacity .9s,visibility .9s;display:grid;position:fixed;inset:0}.loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading__brand{letter-spacing:.55em;margin:0;padding-left:.55em;font-size:clamp(1.1rem,2.6vw,1.6rem);font-weight:300}.loading__bar{background:var(--line);width:min(220px,56vw);height:1px;position:relative;overflow:hidden}.loading__fill{background:var(--atmospheric-cyan);transform-origin:0;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.loading__bar.is-indeterminate .loading__fill{width:40%;animation:1.4s ease-in-out infinite loading-sweep;transform:none}@keyframes loading-sweep{0%{left:-40%}to{left:100%}}.loading__label{font-family:var(--font-mono);letter-spacing:.3em;color:var(--text-dim);margin:0;font-size:.68rem}.fallback{min-height:100dvh;padding:var(--gutter);text-align:center;background:radial-gradient(ellipse at 50% 120%, var(--cosmic-blue), var(--deep-space) 65%);place-content:center;justify-items:center;gap:16px;display:grid}.fallback__brand{letter-spacing:.5em;color:var(--text-dim);margin:0;font-size:.8rem}.fallback__title{letter-spacing:.04em;margin:0;font-size:clamp(1.6rem,4.5vw,2.8rem);font-weight:300}.fallback__body{max-width:46ch;color:var(--text-dim);margin:0;line-height:1.6}.fallback__button{font:500 .75rem var(--font-mono);letter-spacing:.3em;color:var(--stellar-white);border:1px solid var(--line);cursor:pointer;background:0 0;margin-top:8px;padding:12px 28px;transition:border-color .2s,color .2s}.fallback__button:hover{border-color:var(--atmospheric-cyan);color:var(--atmospheric-cyan)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.btn{border:1px solid var(--atmospheric-cyan);color:var(--stellar-white);font-family:var(--font-mono);letter-spacing:.24em;cursor:pointer;pointer-events:auto;background:#080d1b99;padding:14px 26px;font-size:.7rem;transition:background-color .25s}.btn:hover{background:#73d9ff2e}.hud{z-index:10;pointer-events:none;height:100dvh;color:var(--stellar-white);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;position:fixed;inset:0}.hud-reveal{opacity:0;transition:opacity .9s,transform .9s;transition-delay:calc(var(--i,0) * .28s + .3s);transform:translateY(6px)}.hud.is-active .hud-reveal{opacity:1;transform:none}.hud__label{color:var(--text-dim)}.hud__brand,.hud__phase,.hud__telemetry{position:absolute}.hud__brand{top:var(--gutter);left:var(--gutter);gap:6px;display:grid}.hud__brand-name{font-family:var(--font-display);letter-spacing:.5em;font-size:.8rem;font-weight:500}.hud__brand-sub{color:var(--text-dim)}.hud__phase{top:var(--gutter);right:var(--gutter);text-align:right;justify-items:end;gap:6px;display:grid}.hud__phase-name{color:var(--atmospheric-cyan)}.hud__progress{background:var(--line);width:clamp(110px,16vw,180px);height:1px;margin-top:4px}.hud__progress-fill{background:var(--atmospheric-cyan);transform-origin:0;height:100%;transition:transform .3s linear;display:block}.hud__value{font-variant-numeric:tabular-nums}.hud__title{padding:0 var(--gutter);text-align:center;justify-items:center;gap:14px;display:grid;position:absolute;bottom:clamp(96px,19vh,190px);left:0;right:0}.hud__title h1{font-family:var(--font-display);letter-spacing:.22em;margin:0;padding-left:.22em;font-size:clamp(1.9rem,6.4vw,5.6rem);font-weight:300;line-height:1}.hud__title p{color:var(--text-dim);align-items:center;gap:16px;margin:0;display:flex}.hud__sep{background:var(--line);width:28px;height:1px}.hud__telemetry{left:var(--gutter);bottom:var(--gutter);gap:10px;display:grid}.hud__telemetry dl{border-left:1px solid var(--line);gap:6px;margin:0;padding-left:12px;display:grid}.hud__telemetry dl>div{gap:14px;display:flex}.hud__telemetry dt{min-width:8ch;color:var(--text-dim)}.hud__telemetry dd{font-variant-numeric:tabular-nums;margin:0}.hud__note{color:var(--warning-amber);opacity:.8;margin:0;padding-left:12px;font-size:.6rem}.hud__scroll{left:50%;bottom:var(--gutter);width:160px;color:var(--text-dim);justify-items:center;gap:10px;margin-left:-80px;display:grid;position:absolute}.hud__scroll-line{background:linear-gradient(to bottom, var(--atmospheric-cyan), transparent);transform-origin:top;width:1px;height:30px;animation:2.4s ease-in-out infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:.5;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:900px){.hud{letter-spacing:.18em;font-size:.64rem}.hud__note{display:none}}@media (max-width:640px){.hud__brand-sub{display:none}.hud__title{bottom:clamp(120px,22vh,190px)}.hud__title p{flex-direction:column;gap:8px}.hud__sep{display:none}.hud__telemetry dt{min-width:7ch}.hud__scroll{bottom:calc(var(--gutter) + 92px)}}.hud__soft{opacity:calc(1 - var(--restraint,0));transition:opacity .35s linear;position:absolute;inset:0}.hud__soft.is-complete{opacity:0;pointer-events:none}.hud__title-wrap{transition:opacity .6s;position:absolute;inset:0}.hud__title-wrap.is-hidden{opacity:0}.rail{right:var(--gutter);z-index:11;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;opacity:calc(1 - var(--restraint,0) * .8);gap:4px;margin:0;padding:0;font-size:.6rem;list-style:none;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.rail button{min-height:24px;color:var(--text-dim);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:12px;padding:0 0 0 8px;display:flex}.rail__label{opacity:0;transition:opacity .25s,transform .25s;transform:translate(6px)}.rail button:hover .rail__label,.rail button:focus-visible .rail__label,.rail li.is-current .rail__label{opacity:1;transform:none}.rail__tick{opacity:.45;background:currentColor;width:14px;height:2px;transition:width .3s,opacity .3s,background-color .3s}.rail li.is-passed .rail__tick{background:var(--atmospheric-cyan);opacity:.8}.rail li.is-current button{color:var(--stellar-white)}.rail li.is-current .rail__tick{background:var(--atmospheric-cyan);opacity:1;width:26px}.hud-actions{z-index:12;position:fixed;bottom:clamp(48px,12vh,120px);left:50%;transform:translate(-50%)}.journey-scroll{z-index:0;height:calc(var(--journey-length,700vh) + 100dvh);pointer-events:none;position:relative}@media (max-width:900px){.rail__label{display:none}}.hud.is-active .hud__scroll.is-hidden{opacity:0}.hud__callout{min-height:1.2em;color:var(--warning-amber);letter-spacing:.22em;opacity:0;margin-top:4px;font-size:.6rem;transition:opacity .5s}.hud__callout.is-on{opacity:.9}.complete{left:var(--gutter);z-index:14;width:min(470px, calc(100vw - 2 * var(--gutter)));pointer-events:none;animation:1.4s cubic-bezier(.2,.7,.2,1) .3s both complete-in;position:fixed;bottom:clamp(20px,5vh,52px)}.complete:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 20% 100%,#03050deb,#03050d99 55%,#0000 78%);width:min(760px,100vw);height:min(70vh,560px);position:fixed;bottom:0;left:0}.complete>*{pointer-events:auto}.complete__kicker,.complete__note{font-family:var(--font-mono);letter-spacing:.26em;color:var(--text-dim);margin:0;font-size:.62rem}.complete__note{letter-spacing:.14em;opacity:.8;margin-top:18px;font-size:.58rem}.complete__title{font-family:var(--font-display);letter-spacing:.22em;color:var(--stellar-white);text-shadow:0 0 36px #03050de6;margin:14px 0 10px;font-size:clamp(1.9rem,4.6vw,3.4rem);font-weight:500;line-height:1.05}.complete__line{font-family:var(--font-mono);letter-spacing:.22em;color:var(--atmospheric-cyan);margin:0 0 22px;font-size:clamp(.62rem,1.3vw,.78rem);line-height:1.7}.complete__stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-mono);grid-template-columns:repeat(3,auto);justify-content:start;gap:8px clamp(16px,3vw,34px);margin:0;padding:14px 0;display:grid}.complete__stats dt{letter-spacing:.2em;color:var(--text-dim);font-size:.54rem}.complete__stats dd{letter-spacing:.1em;color:var(--stellar-white);margin:4px 0 0;font-size:clamp(.8rem,1.5vw,.98rem)}.complete__trail{font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-dim);flex-wrap:wrap;gap:4px 14px;margin:14px 0 0;padding:0;font-size:.52rem;list-style:none;display:flex}.complete__trail li:before{content:"";background:var(--atmospheric-cyan);opacity:.8;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.complete__actions{margin-top:22px}@keyframes complete-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:560px){.complete{text-align:center;bottom:16px}.complete__stats,.complete__trail{justify-content:center}.complete__stats{grid-template-columns:repeat(2,auto)}.complete__title{letter-spacing:.16em}}@media (prefers-reduced-motion:reduce){.complete{animation:none}}.motion-toggle{right:var(--gutter);bottom:calc(var(--gutter) * .6 + env(safe-area-inset-bottom,0px));z-index:13;border:1px solid var(--line);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.2em;cursor:pointer;pointer-events:auto;background:#080d1b80;padding:8px 10px;font-size:.55rem;position:fixed}.motion-toggle:hover,.motion-toggle[aria-pressed=true]{color:var(--stellar-white);border-color:var(--atmospheric-cyan)}.btn:focus-visible,.motion-toggle:focus-visible,.rail button:focus-visible{outline:2px solid var(--atmospheric-cyan);outline-offset:3px}@media (max-width:560px){.hud__callout{letter-spacing:.14em;text-align:right;max-width:38vw;margin-left:auto;font-size:.55rem}}html.is-exploring,html.is-exploring body{touch-action:none}.explore{left:var(--gutter);z-index:14;width:min(560px, calc(100vw - 2 * var(--gutter)));animation:.9s cubic-bezier(.2,.7,.2,1) both complete-in;position:fixed;bottom:clamp(20px,5vh,52px)}.explore__kicker{font-family:var(--font-mono);letter-spacing:.3em;color:var(--atmospheric-cyan);margin:0 0 8px;font-size:.7rem}.explore__hint{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-dim);margin:0 0 14px;font-size:.56rem;line-height:1.7}.explore__row{flex-wrap:wrap;gap:10px;display:flex}.btn--small{letter-spacing:.18em;padding:10px 14px;font-size:.6rem}.btn[aria-pressed=true]{background:#73d9ff33}.complete__actions{flex-wrap:wrap;gap:12px;display:flex}