.viewport-frame{position:fixed;inset:16px;pointer-events:none;z-index:var(--z-hud)}.viewport-frame__corner{position:absolute;width:28px;height:28px;border:2px solid var(--neon-cyan);opacity:.55}.viewport-frame__corner--tl{top:0;left:0;border-right:none;border-bottom:none}.viewport-frame__corner--tr{top:0;right:0;border-left:none;border-bottom:none}.viewport-frame__corner--bl{bottom:0;left:0;border-right:none;border-top:none}.viewport-frame__corner--br{bottom:0;right:0;border-left:none;border-top:none}.coord-readout{position:fixed;right:36px;bottom:36px;z-index:var(--z-hud);font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.1em;text-align:right;background:var(--glass-bg);border:1px solid var(--glass-border);padding:10px 14px;border-radius:var(--radius-sm);backdrop-filter:blur(var(--glass-blur));display:grid;gap:4px;min-width:140px}.coord-readout__label{font-family:var(--font-display);font-size:10px;letter-spacing:.4em;color:var(--neon-cyan);text-transform:uppercase}.coord-readout__axis{display:flex;justify-content:space-between;gap:12px}.coord-readout__axis-name{color:var(--neon-purple);margin-right:6px}.scan-line{position:fixed;inset:0;pointer-events:none;z-index:var(--z-hud);background:linear-gradient(180deg,transparent 0%,rgba(34,211,238,.06) 50%,transparent 100%);background-size:100% 200%;animation:scan 6s linear infinite}@keyframes scan{0%{background-position:0 -100%}to{background-position:0 100%}}.corner-gauge{position:fixed;top:36px;left:36px;z-index:var(--z-hud);display:grid;gap:4px;padding:10px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);backdrop-filter:blur(var(--glass-blur));font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--text-dim);text-align:left;cursor:pointer;transition:all .2s var(--ease-out-expo)}.corner-gauge:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.corner-gauge__row{display:flex;align-items:center;gap:8px;min-width:110px;justify-content:space-between}.corner-gauge__row--mono{font-size:10px}.corner-gauge__row--lang{margin-top:2px;font-size:9px;color:var(--neon-cyan);letter-spacing:.4em}.corner-gauge__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-glow)}.corner-gauge__dot[data-quality=low]{background:#fbbf24;box-shadow:0 0 8px #fbbf24b3}.corner-gauge__dot[data-quality=med]{background:#34d399;box-shadow:0 0 8px #34d399b3}.corner-gauge__dot[data-quality=high]{background:var(--neon-cyan)}.corner-gauge__dot[data-quality=ultra]{background:var(--neon-purple);box-shadow:0 0 8px var(--neon-purple-soft)}.corner-gauge__q-label{color:var(--text-primary);text-transform:uppercase}.nav-rail{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:var(--z-hud);display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(var(--glass-blur));min-width:168px}.nav-rail__brand{font-family:var(--font-display);font-size:14px;letter-spacing:.4em;color:var(--neon-cyan);text-decoration:none;text-align:center;margin-bottom:8px}.nav-rail__list{display:flex;flex-direction:column;gap:6px}.nav-rail__item{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-dim);text-align:left;transition:all .2s var(--ease-out-expo)}.nav-rail__item:hover{background:var(--glass-bg-strong);border-color:var(--glass-border);color:var(--text-primary)}.nav-rail__item[data-active=true]{border-color:var(--neon-cyan);background:#22d3ee14;color:var(--text-primary)}.nav-rail__dot{display:inline-block;width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px currentColor}.nav-rail__name{font-family:var(--font-display);font-size:11px;letter-spacing:.2em;color:var(--text-primary)}.nav-rail__label{font-family:var(--font-body);font-size:11px;color:var(--text-dim)}.nav-rail__lang{margin-top:8px;padding:6px 10px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--neon-cyan);font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;transition:all .2s var(--ease-out-expo)}.nav-rail__lang:hover{border-color:var(--neon-cyan);color:var(--text-primary)}.planet-chip{--chip-color: var(--neon-cyan);position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;background:color-mix(in srgb,var(--chip-color) 10%,rgba(6,10,20,.88));border:1px solid color-mix(in srgb,var(--chip-color) 55%,transparent);border-left:3px solid var(--chip-color);border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;cursor:pointer;backdrop-filter:blur(var(--glass-blur));font-family:var(--font-body);transition:background .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo),box-shadow .25s var(--ease-out-expo);white-space:nowrap;opacity:1;box-shadow:0 2px 18px #00000059}.planet-chip__num{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--chip-color);opacity:.85}.planet-chip__main{display:flex;flex-direction:column;gap:1px}.planet-chip__label{font-size:14px;font-weight:500;line-height:1.2;color:var(--text-primary)}.planet-chip__name{font-family:var(--font-display);font-size:10px;letter-spacing:.22em;color:var(--chip-color);opacity:.9}.planet-chip__desc{position:absolute;top:calc(100% + 8px);left:0;width:220px;max-width:78vw;padding:10px 12px;background:#060a14fa;border:1px solid color-mix(in srgb,var(--chip-color) 40%,transparent);border-left:3px solid var(--chip-color);border-radius:var(--radius-sm);box-shadow:0 10px 28px #0009;font-size:12px;line-height:1.55;color:var(--text-primary);white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .22s ease,transform .22s var(--ease-out-expo),visibility .22s;z-index:2}.planet-chip:hover,.planet-chip:focus-visible{background:color-mix(in srgb,var(--chip-color) 22%,rgba(6,10,20,.9));border-color:var(--chip-color);box-shadow:0 0 22px color-mix(in srgb,var(--chip-color) 45%,transparent)}.planet-chip:focus-visible{outline:2px solid var(--chip-color);outline-offset:3px}.planet-chip[data-expanded=true] .planet-chip__desc{opacity:1;visibility:visible;transform:translateY(0)}.planet-chip--hint:after{content:"";position:absolute;inset:-6px;border:1px solid var(--chip-color);border-radius:calc(var(--radius-sm) + 4px);pointer-events:none;animation:chipPulse 2s ease-in-out infinite}@keyframes chipPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:0;transform:scale(1.09)}}.nav-hint{position:fixed;left:50%;top:28px;transform:translate(-50%);z-index:var(--z-hud);display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--glass-bg-strong);border:1px solid var(--neon-cyan);border-radius:999px;backdrop-filter:blur(var(--glass-blur));color:var(--text-primary);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;pointer-events:none;box-shadow:0 0 26px #22d3ee47;animation:navHintIn .7s var(--ease-out-expo) both}.nav-hint__dot{width:7px;height:7px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-glow);animation:pulse 1.6s ease-in-out infinite}.nav-hint__en{color:var(--text-faint);font-size:10px;letter-spacing:.24em}@keyframes navHintIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.planet-chip--hint:after{animation:none;opacity:.4}.planet-chip,.planet-chip__desc{transition:none}.nav-hint,.nav-hint__dot{animation:none}}.hud-replay{position:fixed;bottom:36px;left:50%;transform:translate(-50%);z-index:var(--z-hud);padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--neon-cyan);font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;backdrop-filter:blur(var(--glass-blur));transition:all .2s var(--ease-out-expo)}.hud-replay:hover{background:#22d3ee1f;border-color:var(--neon-cyan);color:var(--text-primary);box-shadow:0 0 20px #22d3ee66}.loading-hud{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:var(--bg-space)}.loading-hud__ring{width:64px;height:64px;border:2px solid transparent;border-top-color:var(--neon-cyan);border-right-color:var(--neon-cyan);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 24px #22d3ee66}@keyframes spin{to{transform:rotate(360deg)}}.loading-hud__label{font-family:var(--font-display);font-size:12px;letter-spacing:.5em;color:var(--neon-cyan);text-transform:uppercase;animation:pulse 1.5s ease-in-out infinite}.fallback{position:fixed;inset:0;z-index:var(--z-bg);background:radial-gradient(ellipse at center,#0a0d18,#05060a 70%);display:flex;flex-direction:column;align-items:center;padding:80px 32px 32px;overflow-y:auto;touch-action:auto}.fallback__title{font-family:var(--font-display);font-size:28px;letter-spacing:.3em;color:var(--neon-cyan);margin:0 0 8px}.fallback__hint{color:var(--text-dim);margin:0 0 32px}.fallback__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;max-width:980px}.fallback__card{display:grid;gap:6px;padding:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all .2s var(--ease-out-expo)}.fallback__card:hover{border-color:var(--neon-cyan);background:#22d3ee14;transform:translateY(-2px)}.fallback__card-name{font-family:var(--font-display);letter-spacing:.2em;color:var(--neon-cyan)}.fallback__card-label{font-size:14px}.fallback__card-desc{font-size:12px;color:var(--text-dim)}.error-notice{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:var(--z-modal);padding:12px 18px;background:#ef44441f;border:1px solid rgba(239,68,68,.6);border-radius:var(--radius-sm);color:#fecaca;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em}.glitch-label{position:relative;display:inline-block}.glitch-label:before,.glitch-label:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;clip-path:inset(0 0 0 0)}.glitch-label:before{color:var(--neon-cyan);text-shadow:-1px 0 var(--neon-cyan)}.glitch-label:after{color:var(--neon-purple);text-shadow:1px 0 var(--neon-purple)}.glitch-label:hover:before,.glitch-label--always:before{opacity:.9;animation:glitchTop .7s steps(2,end) infinite}.glitch-label:hover:after,.glitch-label--always:after{opacity:.9;animation:glitchBottom .7s steps(2,end) infinite reverse}.glitch-label--always:before{opacity:.35;animation:glitchIdle 6.5s ease-in-out infinite}.glitch-label--always:after{opacity:.35;animation:glitchIdle 6.5s ease-in-out infinite reverse}@keyframes glitchIdle{0%,to{transform:translate(0);opacity:0}48%{opacity:0}52%{transform:translate(-1.5px,1px);opacity:.4}56%{transform:translate(1.5px,-1px);opacity:.35}60%{opacity:0}}.glitch-label[data-text=undefined]:before,.glitch-label[data-text=undefined]:after{content:none}@keyframes glitchTop{0%{transform:translate(0);clip-path:inset(0 0 62% 0)}25%{transform:translate(-2px,-1px);clip-path:inset(0 0 55% 0)}50%{transform:translate(2px,1px);clip-path:inset(10% 0 48% 0)}75%{transform:translate(-1px);clip-path:inset(0 0 60% 0)}to{transform:translate(0);clip-path:inset(0 0 62% 0)}}@keyframes glitchBottom{0%{transform:translate(0);clip-path:inset(58% 0 0 0)}25%{transform:translate(2px,1px);clip-path:inset(52% 0 0 0)}50%{transform:translate(-2px,-1px);clip-path:inset(46% 0 8% 0)}75%{transform:translate(1px);clip-path:inset(55% 0 0 0)}to{transform:translate(0);clip-path:inset(58% 0 0 0)}}@media (prefers-reduced-motion: reduce){.glitch-label:hover:before,.glitch-label--always:before,.glitch-label:hover:after,.glitch-label--always:after{animation:none;opacity:0}}@media (max-width: 768px){.coord-readout,.corner-gauge,.scan-line,.helmet,.reticle{display:none}.nav-rail{inset:auto 8px 0;transform:none;flex-direction:row;min-width:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom));border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:visible;gap:4px;z-index:var(--z-panel)}.nav-rail__brand{display:none}.nav-rail__list{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.nav-rail__item{width:100%;min-width:0;min-height:44px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:3px;padding:6px 2px;white-space:nowrap}.nav-rail__dot{width:7px;height:7px}.nav-rail__name{font-size:9px;letter-spacing:.04em;max-width:100%;overflow:hidden}.nav-rail__label{font-size:11px}.nav-rail__lang{flex:0 0 38px;min-width:38px;min-height:44px;margin-top:0;padding:6px 4px;font-size:10px;letter-spacing:.1em}.nav-hint{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));font-size:10px;padding:8px 14px}.nav-hint__en{display:none}.hud-replay{top:calc(14px + env(safe-area-inset-top));right:12px;bottom:auto;left:auto;transform:none;padding:8px 12px;font-size:9px;letter-spacing:.15em}.planet-chip{min-height:44px;padding:6px 10px;gap:7px}.planet-chip__label{font-size:13px}.planet-chip__name{font-size:9px;letter-spacing:.16em}.planet-chip__desc{display:none}}@media (max-width: 480px){.nav-hint{letter-spacing:.1em}}.reticle{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px;z-index:9;pointer-events:none;opacity:.42;transition:opacity .4s ease}.reticle--lock{opacity:1}.reticle__ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(34,211,238,.32)}.reticle__ring--spin{inset:16px;border:1px dashed rgba(34,211,238,.28);animation:reticleSpin 14s linear infinite}.reticle__ring--spin:before{content:"";position:absolute;top:-3px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-glow)}.reticle__tick{position:absolute;background:#22d3ee99}.reticle__tick--t{top:-13px;left:50%;transform:translate(-50%);width:2px;height:10px}.reticle__tick--b{bottom:-13px;left:50%;transform:translate(-50%);width:2px;height:10px}.reticle__tick--l{left:-13px;top:50%;transform:translateY(-50%);height:2px;width:10px}.reticle__tick--r{right:-13px;top:50%;transform:translateY(-50%);height:2px;width:10px}.reticle__cross{position:absolute;background:#22d3ee66}.reticle__cross--h{top:50%;left:50%;width:18px;height:1px;transform:translate(-50%,-50%)}.reticle__cross--v{top:50%;left:50%;width:1px;height:18px;transform:translate(-50%,-50%)}.reticle__dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan-glow)}.reticle__label{position:absolute;top:calc(50% + 84px);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.45em;padding-left:.45em;color:var(--neon-cyan);white-space:nowrap}.reticle--lock .reticle__label{color:#fff;text-shadow:0 0 8px var(--neon-cyan-glow)}.reticle--lock .reticle__ring{border-color:#22d3eeb3;box-shadow:inset 0 0 18px #22d3ee1f}@keyframes reticleSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.reticle__ring--spin{animation:none}}.intro{position:fixed;inset:0;z-index:var(--z-intro);background:radial-gradient(ellipse at center,#070b16,#05060a 60%,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:opacity .9s var(--ease-out-expo),filter .9s var(--ease-out-expo)}.intro[data-phase=fade]{opacity:0;filter:blur(8px);pointer-events:none}.intro__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.06) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);animation:gridDrift 14s linear infinite}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:40px 40px,40px 40px}}.intro__noise{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:radial-gradient(rgba(34,211,238,.6) .5px,transparent .5px);background-size:3px 3px;mix-blend-mode:screen}.intro__scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.85),transparent);box-shadow:0 0 12px #22d3ee99;animation:scanMove 3.2s linear infinite;opacity:.7}@keyframes scanMove{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.intro__hud{position:absolute;width:34px;height:34px;border:1px solid rgba(34,211,238,.5)}.intro__hud--tl{top:28px;left:28px;border-right:none;border-bottom:none}.intro__hud--tr{top:28px;right:28px;border-left:none;border-bottom:none}.intro__hud--bl{bottom:28px;left:28px;border-right:none;border-top:none}.intro__hud--br{bottom:28px;right:28px;border-left:none;border-top:none}.intro__center{text-align:center;z-index:1}.intro__brand{position:relative;font-family:var(--font-display);font-size:clamp(44px,9vw,92px);font-weight:700;letter-spacing:.35em;color:var(--neon-cyan);text-shadow:0 0 18px rgba(34,211,238,.6)}.intro__brand:before,.intro__brand:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden}.intro__brand:before{color:#ff3b6b;animation:glitchA 2.4s infinite linear alternate-reverse;clip-path:inset(0 0 58% 0)}.intro__brand:after{color:#22d3ee;animation:glitchB 1.8s infinite linear alternate-reverse;clip-path:inset(54% 0 0 0)}@keyframes glitchA{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px)}to{transform:translate(1px,1px)}}@keyframes glitchB{0%{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(-1px)}}.intro__sub{font-family:var(--font-body);font-size:14px;letter-spacing:.3em;color:var(--text-dim);margin-top:14px;text-transform:uppercase}.intro__career{font-family:var(--font-body);font-size:13px;color:var(--text-faint);margin-top:22px;letter-spacing:.1em}.intro__log{margin:26px auto 0;font-family:var(--font-mono);font-size:12px;color:var(--neon-cyan);opacity:.85;display:grid;gap:6px;text-align:left;width:max-content}.intro__log-line{opacity:0;animation:logIn .4s var(--ease-out-expo) forwards}.intro__log-caret{color:var(--neon-purple);margin-right:6px}@keyframes logIn{0%{opacity:0;transform:translate(-8px)}to{opacity:.85;transform:none}}.intro__countdown{position:absolute;bottom:18%;font-family:var(--font-display);font-size:64px;color:var(--neon-cyan);text-shadow:0 0 24px var(--neon-cyan-glow);letter-spacing:.1em;min-height:80px}.intro__num{display:inline-block;animation:countPop .7s var(--ease-out-expo)}@keyframes countPop{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.intro__boot{font-size:14px;letter-spacing:.4em;color:var(--text-dim);text-transform:uppercase;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.intro__launch{font-size:14px;letter-spacing:.4em;color:var(--neon-purple);text-transform:uppercase;animation:pulse 1s ease-in-out infinite}.intro__skip{position:absolute;top:24px;right:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;padding:10px 16px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-dim);text-transform:uppercase;border-radius:var(--radius-sm);backdrop-filter:blur(var(--glass-blur));transition:all .2s var(--ease-out-expo);z-index:2}.intro__skip:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.helmet{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse 72% 72% at 50% 50%,transparent 42%,rgba(2,3,8,.5) 78%,rgba(2,3,8,.95) 100%)}.helmet__visor{position:absolute;inset:0;border-radius:28% 28% 32% 32%/22% 22% 28% 28%;box-shadow:inset 0 0 170px 64px #01020699,inset 0 0 0 2px #96d2ff1a;animation:visorBreathe 7s ease-in-out infinite}.helmet__rim{position:absolute;inset:16px;border-radius:24% 24% 28% 28%/19% 19% 24% 24%;border:1px solid rgba(120,200,255,.16);box-shadow:inset 0 0 44px #22d3ee0f,0 0 34px #22d3ee0d}.helmet:before{content:"";position:absolute;left:50%;top:-45%;width:165%;height:135%;transform:translate(-50%);background:radial-gradient(ellipse 50% 42% at 50% 0%,rgba(190,232,255,.14),transparent 70%)}.helmet:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,transparent,rgba(34,211,238,.06))}@keyframes visorBreathe{0%,to{opacity:.82}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.helmet__visor{animation:none}}:root{--bg-space: #05060a;--bg-deep: #0a0d18;--bg-elev: rgba(255, 255, 255, .04);--neon-cyan: #22d3ee;--neon-cyan-soft: rgba(34, 211, 238, .4);--neon-cyan-glow: rgba(34, 211, 238, .7);--neon-purple: #a855f7;--neon-purple-soft: rgba(168, 85, 247, .4);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-strong: rgba(255, 255, 255, .08);--glass-border: rgba(34, 211, 238, .3);--glass-blur: 12px;--text-primary: #e6f1ff;--text-dim: rgba(230, 241, 255, .6);--text-faint: rgba(230, 241, 255, .35);--font-display: "Orbitron", "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--z-bg: 0;--z-canvas: 1;--z-hud: 10;--z-panel: 20;--z-intro: 30;--z-modal: 40}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-space);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{overscroll-behavior:none;touch-action:none}canvas{touch-action:none}a{color:var(--neon-cyan);text-decoration:none;transition:color .2s var(--ease-out-expo)}a:hover{color:var(--text-primary)}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:3px;border-radius:4px}::selection{background:var(--neon-cyan-soft);color:var(--text-primary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg-space)}.atmosphere__nebula{position:absolute;inset:-25%;background:radial-gradient(38% 42% at 22% 30%,rgba(34,211,238,.16) 0%,transparent 60%),radial-gradient(34% 40% at 78% 62%,rgba(168,85,247,.18) 0%,transparent 62%),radial-gradient(46% 50% at 60% 18%,rgba(14,116,144,.12) 0%,transparent 58%),radial-gradient(30% 34% at 38% 82%,rgba(168,85,247,.1) 0%,transparent 60%);filter:blur(18px);animation:nebulaDrift 48s var(--ease-in-out-quart) infinite alternate}@keyframes nebulaDrift{0%{transform:translate3d(-3%,-2%,0) scale(1.05) rotate(0)}to{transform:translate3d(4%,3%,0) scale(1.18) rotate(8deg)}}.atmosphere__grain{position:absolute;inset:0;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;animation:grainShift 6s steps(5) infinite}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-3%,-2%)}80%{transform:translate(4%,2%)}to{transform:translate(0)}}.atmosphere__vignette{position:absolute;inset:0;background:radial-gradient(ellipse 75% 75% at 50% 48%,transparent 45%,rgba(5,6,10,.55) 80%,rgba(5,6,10,.92) 100%)}.atmosphere__horizon{position:absolute;left:0;right:0;bottom:-2px;height:38vh;background:linear-gradient(180deg,transparent 0%,rgba(34,211,238,.06) 70%,rgba(34,211,238,.12) 100%);mask-image:linear-gradient(180deg,transparent,black)}@media (prefers-reduced-motion: reduce){.atmosphere__nebula,.atmosphere__grain{animation:none}}