@import "https://fonts.googleapis.com/css2?family=Oxanium:wght@200;300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--void:#000;--s1:#000;--s2:#0a0a0a;--s3:#111;--s4:#1a1a1a;--text:#e0e0e0;--dim:#555;--dim2:#333;--green:#0ff;--cyan:#0ff;--magenta:#f0f;--violet:#bf5fff;--amber:gold;--mint:#0f8;--coral:#ff6b6b;--orange:#ff8c42;--blue:#00d4ff;--lavender:#7a27ff;--pink:#f0c;--fs-xs:clamp(8px, 1vh, 10px);--fs-sm:clamp(9px, 1.2vh, 11px);--fs-md:clamp(10px, 1.3vh, 12px);--fs-lg:clamp(12px, 1.6vh, 14px);--fs-xl:clamp(16px, 2vh, 20px);--fs-big:clamp(20px, 3.5vh, 32px);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--trans-fast:.15s ease-out;--trans-base:.2s ease-out;--trans-slow:.4s ease-out;--font-display:"Oxanium", sans-serif;--font-data:"Space Mono", monospace;--glow-cyan:0 0 6px #0ff, 0 0 20px #00ffff4d;--glow-magenta:0 0 6px #f0f, 0 0 20px #ff00ff4d;--glow-violet:0 0 6px #bf5fff, 0 0 20px #bf5fff4d;--glow-amber:0 0 6px gold, 0 0 20px #ffd7004d;--glow-mint:0 0 6px #0f8, 0 0 20px #00ff884d;--glow-coral:0 0 6px #ff6b6b, 0 0 20px #ff6b6b4d;--neon:var(--cyan);--neon-dim:#00ffff59;--neon-faint:#00ffff14;--neon-ghost:#00ffff08}[data-theme=operator]{--neon:var(--cyan);--neon-dim:#00ffff59;--text:#e0e0e0;--s1:#000}[data-theme=kids]{--neon:var(--amber);--neon-dim:#ffd70059;--neon-faint:#ffd70014;--neon-ghost:#ffd70008;--text:#f5f0e0;--cyan:var(--amber);--magenta:#ff6b6b;--s1:#0a0805;--s2:#12100a;--pink:#ff8c42;--glow-cyan:0 0 6px var(--amber), 0 0 20px #ffd7004d;--glow-magenta:0 0 6px #ff6b6b, 0 0 20px #ff6b6b4d}[data-theme=aurora]{--neon:var(--mint);--neon-dim:#00ff8859;--neon-faint:#00ff8814;--neon-ghost:#00ff8808;--cyan:#0f8;--magenta:#70f;--violet:#0cf;--amber:#0f8;--glow-cyan:0 0 6px #0f8, 0 0 20px #00ff884d;--glow-magenta:0 0 6px #70f, 0 0 20px #7700ff4d;--glow-violet:0 0 6px #0cf, 0 0 20px #00ccff4d}[data-theme=gray-rock]{--neon:#888;--neon-dim:#88888840;--neon-faint:#8888880d;--neon-ghost:#88888805;--text:#aaa;--cyan:#888;--magenta:#888;--violet:#999;--amber:#999;--mint:#888;--coral:#999;--pink:#888;--s1:#0a0a0a;--s2:#111;--glow-cyan:none;--glow-magenta:none;--glow-violet:none;--glow-amber:none;--glow-mint:none;--glow-coral:none}[data-theme=gray-rock] *{transition-duration:50ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-theme=gray-rock] .neon-flicker{text-shadow:none!important;box-shadow:none!important;animation:none!important}.glass-card{background:var(--neon-ghost);backdrop-filter:blur(12px);border:1px solid var(--neon-faint);border-radius:var(--radius-lg);transition:all var(--trans-base);box-shadow:0 8px 32px #0006}.glass-card:hover{background:var(--neon-faint);border-color:var(--neon-dim);box-shadow:0 8px 32px #00000080, 0 0 12px var(--neon-ghost)}.glass-nav{backdrop-filter:blur(12px);border-top:1px solid var(--neon-faint);background:#00000073;box-shadow:0 -4px 24px #0000004d}.glass-input{background:var(--s2);backdrop-filter:blur(12px);border:1px solid var(--neon-faint);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-data);transition:all var(--trans-fast);resize:vertical;box-sizing:border-box;outline:none;width:100%;padding:10px 14px;font-size:14px;line-height:1.6}.glass-input:focus{border-color:var(--neon-dim);box-shadow:0 0 12px var(--neon-ghost)}.glass-btn{background:var(--neon-ghost);backdrop-filter:blur(12px);border:1px solid var(--neon-faint);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-display);cursor:pointer;transition:all var(--trans-fast);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 16px;display:inline-flex}.glass-btn:hover:not(:disabled){background:var(--neon-faint);border-color:var(--neon-dim);box-shadow:0 4px 12px var(--neon-ghost);transform:translateY(-1px)}.glass-btn:active:not(:disabled){transform:translateY(1px)}.glass-btn:disabled{opacity:.35;cursor:not-allowed}.accent-teal{border-left:2px solid var(--cyan);box-shadow:0 4px 24px #0009, -4px 0 16px var(--neon-ghost)}.accent-violet{border-left:2px solid var(--violet);box-shadow:0 4px 24px #0009,-4px 0 16px #bf5fff1f}.accent-amber{border-left:2px solid var(--amber);box-shadow:0 4px 24px #0009,-4px 0 16px #ffd7001f}.accent-blue{border-left:2px solid var(--blue);box-shadow:0 4px 24px #0009, -4px 0 16px var(--neon-ghost)}.accent-red{border-left:2px solid var(--coral);box-shadow:0 4px 24px #0009,-4px 0 16px #ff6b6b1f}.accent-yellow{border-left:2px solid var(--amber);box-shadow:0 4px 24px #0009,-4px 0 16px #ffd7001f}.accent-green{border-left:2px solid var(--mint);box-shadow:0 4px 24px #0009,-4px 0 16px #00ff881f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes letterReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stagger-enter{animation:.35s ease-out both fadeInUp}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 4px #00ffff0d}50%{box-shadow:0 0 16px 4px #0ff3}}@keyframes celebrationFlash{0%{opacity:1}to{opacity:0}}@keyframes lockPulse{0%,to{opacity:.6;filter:drop-shadow(0 0 #0000)}50%{opacity:1;filter:drop-shadow(0 0 4px)}}@keyframes flowPulse{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}}@keyframes holdPulse{0%,to{border-left-color:#ff00cc4d}50%{border-left-color:#ff00ccb3}}@keyframes spendFlash{0%{transform:scale(1);box-shadow:0 0 #ffb80066}50%{transform:scale(1.02);box-shadow:0 0 12px 4px #ffb80026}to{transform:scale(1);box-shadow:0 0 #ffb80000}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes helixSpin{0%{transform:rotate(0)scaleX(1)}25%{transform:rotate(90deg)scaleX(.4)}50%{transform:rotate(180deg)scaleX(1)}75%{transform:rotate(270deg)scaleX(.4)}to{transform:rotate(360deg)scaleX(1)}}@keyframes scanLine{0%{left:0}to{left:100%}}@keyframes exportScan{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:var(--s2);border-radius:var(--radius-sm);contain:layout paint;position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";will-change:transform;background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);animation:1.5s ease-in-out infinite shimmerSlide;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmerSlide{to{transform:translate(100%)}}@keyframes placePop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes xpGain{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.neon-flicker{letter-spacing:.1em;font-weight:700;font-family:var(--font-data);backdrop-filter:blur(8px);border:1px solid var(--neon-dim);border-radius:var(--radius-sm);cursor:pointer;background:#00000080;justify-content:center;align-items:center;min-height:40px;padding:10px 16px;font-size:13px;text-decoration:none;animation:3s infinite neonFlicker;display:inline-flex;color:var(--cyan)!important}@keyframes neonFlicker{0%,17%,22%,25%,52%,59%,to{opacity:1;text-shadow:0 0 7px var(--cyan), 0 0 20px var(--cyan), 0 0 40px var(--cyan), 0 0 80px #0ff6;border-color:var(--neon-dim);box-shadow:0 0 12px #00ffff4d,0 0 30px #00ffff1a}18%{opacity:.08;text-shadow:none;box-shadow:none;border-color:#00ffff0d}20%{opacity:1;text-shadow:0 0 7px var(--cyan), 0 0 20px var(--cyan), 0 0 40px var(--cyan);border-color:var(--neon-dim)}23%{opacity:.05;text-shadow:none;box-shadow:none;border-color:#00ffff0d}53%{opacity:.05;text-shadow:none;box-shadow:none;border-color:#00ffff0d}55%{opacity:.9;text-shadow:0 0 4px var(--cyan), 0 0 12px var(--cyan);border-color:var(--neon-dim)}57%{opacity:.1;text-shadow:none;box-shadow:none;border-color:#00ffff0d}}@keyframes expandPulse{0%{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1.15)}}@keyframes holdShimmer{0%{opacity:.9;filter:hue-rotate();transform:scale(1.15)}50%{opacity:1;filter:hue-rotate(15deg);transform:scale(1.2)}to{opacity:.9;filter:hue-rotate();transform:scale(1.15)}}@keyframes contractPulse{0%{opacity:1;transform:scale(1.15)}to{opacity:.2;transform:scale(.6)}}@keyframes coreGlow{0%{opacity:.3;box-shadow:0 0 10px #00ffff4d,0 0 40px #bf5fff1a}50%{opacity:.8;box-shadow:0 0 30px #0ff9,0 0 60px #bf5fff4d,0 0 100px #00ffff1a}to{opacity:.3;box-shadow:0 0 10px #00ffff4d,0 0 40px #bf5fff1a}}@keyframes ringPulse{0%{opacity:.08;transform:scale(1)}50%{opacity:.35;transform:scale(1.08)}to{opacity:.08;transform:scale(1)}}@keyframes orbitalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitalSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes particleDrift{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translateY(-80px)scale(.3)}}@keyframes breatheRipple{0%{opacity:.6;border-color:#0ff6;transform:scale(.5)}to{opacity:0;border-color:#bf5fff1a;transform:scale(2.5)}}@keyframes phaseShift{0%{filter:hue-rotate()brightness()}33%{filter:hue-rotate(20deg)brightness(1.1)}66%{filter:hue-rotate(-10deg)brightness(.95)}to{filter:hue-rotate()brightness()}}@keyframes resPulse{0%,to{opacity:.2}50%{opacity:.6}}.thermal-throttle-pulse{animation:2s ease-in-out infinite thermalBgPulse}@keyframes thermalBgPulse{0%,to{background-color:var(--void)}50%{background-color:#ffaa0014}}@keyframes thermalPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.helix-spinner{border:2px solid var(--neon-faint);border-top-color:var(--neon-dim);vertical-align:middle;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.8s ease-in-out infinite helixSpin;display:inline-block}.scan-underline{position:relative}.scan-underline:after{content:"";background:linear-gradient(90deg, transparent, var(--neon-dim), transparent);width:30px;height:1px;animation:2.5s linear infinite scanLine;position:absolute;bottom:0;left:0}.nav-tab-active{animation:3s ease-in-out infinite glowPulse}.title-gradient{font-family:var(--font-display);letter-spacing:6px;-webkit-text-fill-color:transparent;color:#0000;background-clip:text;font-weight:200}.progress-track{background:var(--neon-ghost);border-radius:2px;height:3px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .6s ease-out}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neon-faint);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--neon-dim)}.cockpit-hud{z-index:10;pointer-events:none;padding:max(8px, env(safe-area-inset-top,0px)) 8px 8px 8px;position:absolute;top:0;right:0}.spoon-gauge{font-family:var(--font-data);color:var(--cyan);pointer-events:auto;text-shadow:0 0 6px #00ffff4d;min-width:180px;max-width:240px;padding:12px 16px;font-size:14px;animation:.4s ease-out both fadeInUp}.spoon-gauge-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.spoon-gauge-label{opacity:.8}.spoon-gauge-value{color:var(--cyan);text-shadow:0 0 8px #0ff6;font-weight:700}.spoon-gauge-tier{letter-spacing:1px;margin-left:auto;font-size:13px;font-weight:700}.spoon-gauge-track{margin-bottom:6px}.spoon-gauge-love{color:var(--violet);text-shadow:0 0 6px #bf5fff4d;align-items:center;gap:6px;font-size:13px;display:flex}.spoon-gauge-love-label{opacity:.5}.spoon-gauge-love-value{font-weight:600}.nav-bar{z-index:11;padding:6px 8px;padding-bottom:max(6px, env(safe-area-inset-bottom));pointer-events:auto;justify-content:center;gap:4px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-tab{border:1px solid var(--neon-ghost);border-radius:var(--radius-md);max-width:72px;min-height:48px;color:var(--dim);font-family:var(--font-data);letter-spacing:.5px;cursor:pointer;transition:all var(--trans-base);animation:fadeInUp .3s ease-out var(--delay,0s) both;box-shadow:none;text-shadow:none;background:0 0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:5px 6px;font-size:11px;display:flex}.nav-tab.nav-tab-active{background:var(--neon-ghost);border-color:var(--neon-dim);border-bottom:2px solid var(--neon);color:var(--cyan);box-shadow:0 0 12px var(--neon-ghost);text-shadow:var(--glow-cyan)}.nav-tab-icon{font-size:14px;transition:transform .2s;transform:scale(1)}.nav-tab-icon-active{transform:scale(1.15)}.nav-tab-label{opacity:.7;transition:opacity .2s}.nav-tab-label-active{opacity:1}.sov-topbar{z-index:50;font-family:var(--font-display);box-shadow:none;pointer-events:none;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:fixed;top:0;left:0;right:0}.sov-topbar>*{pointer-events:auto}.sov-btn{--neon:var(--cyan);letter-spacing:.06em;border:1px solid var(--neon-ghost);border-radius:var(--radius-md);background:var(--neon-ghost);backdrop-filter:blur(12px);color:var(--cyan);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-data);text-transform:uppercase;white-space:nowrap;transition:all var(--trans-base);min-width:48px;min-height:48px;text-shadow:var(--glow-cyan);justify-content:center;align-items:center;padding:12px 16px;display:inline-flex}.sov-btn:hover{border-color:var(--neon);color:var(--neon);text-shadow:0 0 6px var(--neon);background:var(--neon-faint)}.sov-btn[data-room=OBSERVATORY]{--neon:var(--cyan)}.sov-btn[data-room=COLLIDER]{--neon:var(--violet)}.sov-btn[data-room=BONDING]{--neon:var(--magenta)}.sov-btn[data-room=BRIDGE]{--neon:var(--cyan)}.sov-btn[data-room=BUFFER]{--neon:var(--amber)}.sov-btn[data-room=COPILOT]{--neon:var(--violet)}.nav-btn{letter-spacing:.06em;border:1px solid var(--neon-ghost);border-radius:var(--radius-md);backdrop-filter:blur(12px);color:var(--dim);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-data);text-transform:uppercase;white-space:nowrap;transition:all var(--trans-base);text-shadow:0 0 6px #00ffff4d;background:#00000080;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:12px 16px;text-decoration:none;display:inline-flex}.nav-btn:hover{border-color:var(--neon-dim);color:var(--cyan);text-shadow:var(--glow-cyan);background:var(--neon-faint)}.sov-btn-active{color:var(--neon);border-color:var(--neon);background:var(--neon-ghost);box-shadow:0 0 12px color-mix(in srgb, var(--neon) 35%, transparent), 0 0 30px color-mix(in srgb, var(--neon) 10%, transparent);text-shadow:0 0 8px var(--neon), 0 0 20px color-mix(in srgb, var(--neon) 40%, transparent)}.sov-overlay-shell{z-index:40;background:var(--void);opacity:1;contain:layout paint;flex-direction:column;padding-top:48px;transition:opacity .2s ease-out,transform .2s ease-out;display:flex;position:fixed;inset:0;transform:scale(1)translateZ(0);@starting-style{opacity:0;transform:scale(.97)translateZ(0)}}.sov-overlay-header{border-bottom:1px solid var(--neon-faint);background:var(--void);font-family:var(--font-display);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-nav{z-index:9999;background:var(--void);color:var(--cyan);border:2px solid var(--cyan);border-radius:var(--radius-sm);font-family:var(--font-data);letter-spacing:1px;text-shadow:var(--glow-cyan);transition:top var(--trans-base);padding:8px 16px;font-size:12px;text-decoration:none;position:fixed;top:-100%;left:16px}.skip-nav:focus{top:8px}button:focus-visible,a[href]:focus-visible,select:focus-visible,input:not([type=hidden]):focus-visible,textarea:focus-visible,summary:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--neon);outline-offset:3px;box-shadow:0 0 0 5px #000000d9, 0 0 12px var(--neon-ghost);-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.helix-spinner{border-color:var(--neon-dim);animation:none}.nav-tab-active{animation:none;box-shadow:0 0 8px #00ffff26}.lock-breathe-text{opacity:1!important;text-shadow:var(--glow-cyan)!important;animation:none!important}.celebration-flash{opacity:0!important;animation:none!important}.scanline-sweep{animation:none!important}.neon-flicker{opacity:1!important;animation:none!important}:root{--reduce-motion:1}}@media (prefers-reduced-transparency:reduce){.glass-card,.glass-nav,.glass-input,.glass-btn,.glass-panel,.neon-flicker,.sov-btn{backdrop-filter:none;background:var(--s2)}}@media (forced-colors:active){.glass-card,.glass-nav,.glass-input,.glass-btn,.nav-tab,.sov-btn{border:1px solid buttontext}.glass-btn:hover,.sov-btn:hover,.nav-tab.nav-tab-active{color:highlight;border-color:highlight}}.glow-dim{text-shadow:0 0 4px}.glow-medium{text-shadow:0 0 8px currentColor, 0 0 16px var(--neon-faint)}.glow-bright{text-shadow:0 0 8px currentColor, 0 0 24px var(--neon-dim)}.glass-panel{border:1px solid var(--neon-faint);border-radius:var(--radius-md);backdrop-filter:blur(12px);background:#000000b3}
