@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e2e5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111416;font-family:Space Grotesk,system-ui,monospace;font-size:16px;line-height:1.5}body{min-height:100vh;margin:0}#root{width:100%;max-width:100%;margin:0 auto}.comms-overlay{pointer-events:none;z-index:99;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:40px;display:flex;position:absolute;top:0;left:0}.comms-panel.layout-left{flex-direction:row;gap:16px;max-width:50%;display:flex}.comms-portrait-box{flex-direction:column;gap:4px;display:flex}.portrait-frame{background-color:#0a0e14e6;border:1px solid #44484f66;justify-content:center;align-items:center;width:120px;height:160px;display:flex;position:relative;box-shadow:0 0 15px #8ff5ff1a}.portrait-placeholder.hq-commander{color:#00eefc;opacity:.7;font-size:2rem;font-weight:700}.comms-tag{color:#00f0ff;letter-spacing:.05rem;text-transform:uppercase;font-family:Space Grotesk,monospace;font-size:.6875rem}.glitch-active{animation:2s linear infinite alternate-reverse portrait-glitch}@keyframes portrait-glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.comms-textbox{-webkit-backdrop-filter:blur(8px);background-color:#151a2199;border:1px solid #44484f33;border-left:2px solid #8ff5ff;border-radius:0;flex-direction:column;flex:1;min-width:400px;padding:20px 24px;display:flex}.comms-speaker{color:#8ff5ff;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:8px;font-family:Space Grotesk,monospace;font-size:.875rem;font-weight:700}.comms-text-content{color:#f1f3fc;text-shadow:0 0 4px #000c;min-height:80px;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6}.cursor-blink{color:#8ff5ff;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.mission-box.neon-accent{color:#ffc69a;border-top:1px solid #44484f66;margin-top:auto;padding-top:16px;font-size:.85rem}.comms-overlay:before{content:"";z-index:100;opacity:.15;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;width:100%;height:100%;position:absolute;top:0;left:0}:root{--bg:#101419;--surface:#101419;--surface-container:#1c2025;--surface-low:#181c21;--surface-high:#272a30;--surface-highest:#31353b;--on-surface:#e0e2ea;--on-surface-variant:#bac9cc;--primary:#c3f5ff;--primary-container:#00e5ff;--on-primary-container:#00626e;--secondary:#bbc6e2;--outline:#849396;--glow-cyan:0 0 15px #c3f5ff99, 0 0 30px #00e5ff66}.st-bracket-corner{border-color:var(--primary);opacity:.4;pointer-events:none;width:2rem;height:2rem;position:absolute}.st-blur-orb{z-index:5;filter:blur(120px);pointer-events:none;border-radius:50%;width:24rem;height:24rem;position:fixed}.st-blur-orb.top-left{background:#c3f5ff0d;top:25%;left:-5rem}.st-blur-orb.bottom-right{background:#00e5ff0d;bottom:25%;right:-5rem}@keyframes st-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--on-surface);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,system-ui,monospace}.stitch-shell{background:#000;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.stitch-shell:before{content:"";pointer-events:none;opacity:.15;z-index:100;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--outline-variant);background:#111416d9;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}:fullscreen .topbar{display:none}:fullscreen .content{justify-content:center;height:100vh;padding:0}:fullscreen .stitch-shell{background:#000}.topbar strong{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-size:.85rem}.profile-dot{background:linear-gradient(135deg, var(--primary), var(--primary-dim));border-radius:4px;width:24px;height:24px}.icon{color:var(--on-surface-variant);cursor:pointer}.content{flex-direction:column;align-items:center;gap:10px;width:100%;margin:0 auto;padding:12px;display:flex}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e2022b3;border:1px solid #8493961a;border-radius:4px;width:100%;padding:20px}.title-card{text-align:center;border:1px solid #00e5ff33;max-width:600px;padding:60px 40px;animation:.8s cubic-bezier(.16,1,.3,1) cardIn;box-shadow:0 0 40px #00e5ff0d}.title-badge{color:var(--primary);letter-spacing:.2em;background:#00e5ff1a;border-radius:20px;margin-bottom:24px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.main-title{letter-spacing:.15em;background:linear-gradient(135deg,#fff 0%,#00e5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.8rem;font-weight:700;line-height:1.1}.title-card .subtitle{color:var(--on-surface-variant);letter-spacing:.05em;opacity:.8;margin-top:16px;font-size:.9rem}.action-container{margin-top:48px}.engage-button{border:1px solid var(--primary);letter-spacing:.2em;background:linear-gradient(135deg,#00e5ff33,#00daf30d);padding:16px 48px;font-size:1.1rem;transition:all .3s;position:relative;overflow:hidden}.engage-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.engage-button:hover{background:#00e5ff4d;transform:translateY(-2px);box-shadow:0 0 40px #00e5ff4d}.engage-button:hover:before{left:100%}.footer-version{color:var(--outline);opacity:.4;margin-top:32px;font-size:.65rem}@keyframes cardIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}button{letter-spacing:.06em;cursor:pointer;min-height:44px;color:var(--primary);background:0 0;border:1px solid #00e5ff33;border-radius:4px;padding:10px 18px;font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:700;transition:all .2s}button:hover{background:#00e5ff14;border-color:#00e5ff66;box-shadow:0 0 20px #00e5ff1a}button:active{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}button.primary-action{border-color:var(--primary);letter-spacing:.12em;background:linear-gradient(135deg,#00e5ff26,#00daf31a);padding:14px 24px;font-size:1rem}button.primary-action:hover{background:linear-gradient(135deg,#00e5ff40,#00daf326);box-shadow:0 0 30px #00e5ff33}button.ghost{border-color:var(--outline-variant);color:var(--on-surface-variant);background:0 0;font-size:.8rem}button.ghost:hover{border-color:var(--outline);color:var(--on-surface)}.chip{background:var(--surface-high);min-height:36px;color:var(--on-surface-variant);border:1px solid #0000;border-radius:2px;padding:6px 14px;font-size:.78rem}.chip.active{border-color:var(--primary-dim);color:var(--primary-soft);background:#00e5ff1a}.hud-panel{letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;color:var(--on-surface-variant);background:#1a1c1e99;border:1px solid #84939614;border-radius:4px;grid-template-columns:repeat(2,1fr);gap:6px;padding:10px 12px;font-size:.75rem;font-weight:500;display:grid}.hud-panel .hud-item{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.hud-panel .hud-label{text-transform:uppercase;color:var(--outline);letter-spacing:.1em;font-size:.75rem}.hud-panel .hud-value{color:var(--primary-soft);font-weight:700}.hud-panel .hud-value.hp{color:var(--tertiary)}.hud-panel .hud-value.warning{color:var(--secondary)}.hud-panel .hud-value.danger{color:var(--error);animation:.8s ease-in-out infinite pulse-danger}.hud-panel .hud-value.dodge-ready{color:var(--primary);text-shadow:0 0 5px #00e5ff80}.hud-panel .hud-value.dodge-charging{color:var(--outline)}.hud-controls{border-top:1px dashed var(--outline-variant);color:var(--on-surface-variant);grid-column:1/-1;justify-content:space-between;margin-top:8px;padding-top:10px;font-size:.75rem;display:flex}.hud-controls span{background:#0000004d;border:1px solid #ffffff0d;border-radius:2px;padding:2px 6px}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.5}}.stage-info{text-align:center;border-bottom:1px solid var(--outline-variant);grid-column:1/-1;margin-bottom:4px;padding:6px 0 2px}.stage-info .stage-label{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}.stage-info .phase-label{color:var(--on-surface-variant);margin-top:4px;font-size:.75rem}.stage{background:#0a0e17;border:1px solid #00e5ff1a;border-radius:2px;width:100%;max-width:100%;box-shadow:inset 0 0 20px #00e5ff1a}.cta-card{text-align:center}.cta-card h3{letter-spacing:.1em;margin-bottom:8px;font-size:1.4rem}.cta-card h3.clear{color:var(--primary)}.cta-card h3.gameover{color:var(--error)}.cta-card h3.complete{background:linear-gradient(135deg, var(--tertiary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-card .result-desc{color:var(--on-surface-variant);margin-bottom:16px;font-size:.85rem}.result-list{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.result-list li{background:var(--surface-high);text-align:center;border-radius:4px;padding:10px}.result-list .result-label{color:var(--outline);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.6rem;display:block}.content{flex-direction:column;align-items:center;width:100%;margin:0 auto;display:flex;overflow:hidden}.game-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-container.title,.game-container.select{z-index:500;background:var(--bg);position:fixed;inset:0}.game-stage{background:#000;flex-direction:column;justify-content:center;align-items:center;width:fit-content;display:flex;position:relative;overflow:hidden;box-shadow:0 0 100px #000c,0 0 20px #00e5ff1a}.game-stage .stage{image-rendering:pixelated;display:block}.side-dash{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c0ef2;border:2px solid #1a1c1e;border-top:3px solid #334;border-radius:4px;flex-direction:column;align-self:center;gap:16px;min-width:220px;height:auto;padding:20px;transition:all .3s;display:none;box-shadow:0 10px 30px #00000080}.side-dash:hover{border-color:#2a2e35;box-shadow:0 10px 40px #00e5ff0d}.game-container.play .side-dash{display:flex}.side-dash.left{justify-self:end}.side-dash.right{justify-self:start}.dash-item{flex-direction:column;gap:4px;display:flex}.dash-item label{color:var(--outline);letter-spacing:.1em;font-size:.7rem}.dash-item .value{color:#fff;text-shadow:0 0 10px #00e5ff33;font-family:Space Grotesk,monospace;font-size:1.8rem;font-weight:700}.dash-item .value.small{color:var(--primary);letter-spacing:.05em;font-size:1rem}.dash-item .value.life-icons{letter-spacing:2px;font-size:1.2rem}.dash-item small{color:var(--on-surface-variant);text-transform:uppercase;font-size:.65rem}.bottom-nav{display:none}@media (width<=900px){.game-container.play{grid-template-columns:1fr}.side-dash{display:none!important}}.story-overlay{pointer-events:none;z-index:100;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:60px 0 0}.story-card{background:#0a0f19d9;border:1px solid #00e5ff4d;border-radius:8px;width:100%;max-width:500px;padding:24px;animation:.5s ease-out forwards slideUpFadeIn;box-shadow:0 4px 20px #00000080,inset 0 0 10px #00e5ff1a}.story-title{color:#00e5ff;border-bottom:1px solid #00e5ff33;margin-bottom:12px;padding-bottom:8px;font-size:1.2rem}.story-text p{color:#e0e8f0;margin-bottom:10px;font-size:.95rem;line-height:1.5}.mission-box{color:#fcc;background:#ff44441a;border-left:3px solid #f44;margin-top:15px;padding:12px;font-size:.9rem}.mission-box strong{color:#f44}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ending-screen{z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.ending-bg{opacity:.5;z-index:0;background-image:url(/sprites/background/ending.png);background-position:50%;background-size:cover;position:absolute;inset:0}.ending-content{z-index:1;text-align:center;width:90%;max-width:600px;padding:40px;position:relative}.ending-title{color:#00e5ff;letter-spacing:2px;margin-bottom:20px;font-size:1.8rem}.ending-story{color:#fff;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.ending-stats{text-align:left;background:#00000080;border-radius:8px;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px;padding:20px;display:grid}.ending-stats div span{color:#89a;font-size:.85rem;display:block}.ending-actions{justify-content:center}@media (width>=1600px){html{font-size:18px}}@media (width>=2000px){html{font-size:20px}}@media (width>=2500px){html{font-size:22px}}.selection-overlay{z-index:200;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#080a0ce6;flex-direction:column;width:100%;height:calc(100vh - 48px);padding:40px;animation:.5s overlayIn;display:flex;position:fixed;top:48px;left:0}.selection-header{text-align:center;margin-bottom:40px}.phase-tag{color:var(--secondary);letter-spacing:.3em;margin-bottom:12px;font-size:.75rem;font-weight:700}.selection-title{letter-spacing:.1em;font-size:2.2rem;font-weight:500}.selection-title .highlight{color:var(--primary)}.selection-grid{flex:1;justify-content:center;gap:32px;width:100%;max-width:1200px;margin:0 auto;display:flex}.selection-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;flex:1;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.selection-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-8px)}.selection-card.active{border-color:var(--primary);background:#00e5ff0d;box-shadow:0 0 50px #00e5ff1a}.card-glow{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.selection-card:hover .card-glow{opacity:.3}.card-glow.cyan{background:radial-gradient(circle at 50% 0,#00e5ff4d,#0000 70%)}.card-glow.orange{background:radial-gradient(circle at 50% 0,#ffaa004d,#0000 70%)}.type-badge{letter-spacing:.15em;color:var(--outline);margin-bottom:24px;font-size:.65rem}.plane-preview{filter:drop-shadow(0 0 20px #ffffff1a);background-color:#ffffff05;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:4px;height:180px;margin-bottom:32px}.plane-preview.falcon{border-bottom:2px solid var(--primary);background-image:url(/sprites/player.png)}.plane-preview.rayce{filter:hue-rotate(180deg)saturate(1.5);border-bottom:2px solid var(--secondary);background-image:url(/sprites/player.png)}.orange-text{color:var(--secondary)}.selection-card h3{letter-spacing:.2em;margin-bottom:12px;font-size:1.8rem}.selection-card .desc{color:var(--on-surface-variant);opacity:.8;margin-bottom:32px;font-size:.9rem;line-height:1.6}.stats-group{flex-direction:column;gap:16px;margin-top:auto;display:flex}.stat-bar-container{flex-direction:column;gap:6px;display:flex}.stat-label{letter-spacing:.1em;color:var(--outline);font-size:.65rem}.stat-track{background:#ffffff0d;border-radius:2px;height:4px;overflow:hidden}.stat-fill{height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.selection-footer{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:24px;margin-top:40px;padding-top:32px;display:flex}.cancel-btn{color:var(--outline);background:0 0;border:none;font-size:.8rem}.engage-btn{color:#ffffff4d;background:#ffffff0d;border-color:#ffffff1a;min-width:320px;padding:18px 40px;font-size:1.2rem}.engage-btn.ready{background:var(--primary);color:var(--bg);border:none;box-shadow:0 0 40px #00e5ff4d}.engage-btn.ready:hover{filter:brightness(1.1);transform:translateY(-2px)}@keyframes overlayIn{0%{opacity:0;background:0 0}to{opacity:1;background:#080a0ce6}}@media (width<=800px){.selection-grid{flex-direction:column;overflow-y:auto}.selection-card{min-height:400px}.selection-overlay{padding:20px}}.st-result-page{color:#e0e2ea;z-index:600;background:#101419;flex-direction:column;justify-content:center;align-items:center;font-family:Manrope,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.st-result-content{z-index:20;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1c202566;border-left:4px solid #c3f5ff;width:90%;max-width:40rem;padding:4rem;position:relative}.st-result-title{letter-spacing:.1em;text-transform:uppercase;margin-bottom:3rem;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:900}.st-result-title.success{color:#c3f5ff;text-shadow:0 0 20px #c3f5ff66}.st-result-title.failure{color:#ffb4ab;text-shadow:0 0 20px #ffb4ab66}.st-result-grid{text-align:left;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem;display:grid}.st-res-item label{color:#bac9cc;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;font-size:10px;display:block}.st-res-item span{color:#c3f5ff;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.st-result-actions{justify-content:center;gap:2rem;display:flex}.st-res-btn{letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:1rem 3rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:700;transition:all .3s}.st-res-btn.primary{color:#00363d;background:#c3f5ff;border:none}.st-res-btn.secondary{color:#c3f5ff;background:0 0;border:1px solid #c3f5ff33}.st-res-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.st-res-btn.primary:hover{background:#00e5ff}.st-ending-text{color:#e0e2ea;max-width:32rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}.st-title-page{background:var(--bg);color:var(--on-background);flex-direction:column;font-family:Manrope,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.st-cinematic-bg{z-index:0;position:absolute;inset:0}.st-bg-gradient{opacity:.6;z-index:10;background:linear-gradient(#0a0f1a 0%,#0000 50%,#101419 100%);position:absolute;inset:0}.st-bg-img{object-fit:cover;width:100%;height:100%;transform:scale(1.05)}.st-scanline{z-index:20;pointer-events:none;background:linear-gradient(#0000 50%,#c3f5ff05 50%) 0 0/100% 4px;position:absolute;inset:0}.st-ui-shell{z-index:30;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.st-header{background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex}.st-header-logo{letter-spacing:-.05em;color:#c3f5ff;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:900}.st-nav{gap:2rem;display:flex}.st-nav-link{text-transform:uppercase;letter-spacing:.2em;color:#00e5ff66;font-family:Space Grotesk,sans-serif;font-size:.875rem;text-decoration:none;transition:color .3s}.st-nav-link:hover,.st-nav-link.active{color:#c3f5ff}.st-nav-link.active{border-bottom:2px solid #c3f5ff}.st-main{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:0 1rem;display:flex}.st-branding-cluster{position:relative}.st-reticle-corner{border-color:#c3f5ff4d;width:2rem;height:2rem;position:absolute}.st-reticle-corner.tl{border-top:2px solid;border-left:2px solid;top:-3rem;left:-3rem}.st-reticle-corner.tr{border-top:2px solid;border-right:2px solid;top:-3rem;right:-3rem}.st-reticle-corner.bl{border-bottom:2px solid;border-left:2px solid;bottom:-3rem;left:-3rem}.st-reticle-corner.br{border-bottom:2px solid;border-right:2px solid;bottom:-3rem;right:-3rem}.st-ready-tag{letter-spacing:.5em;color:#00daf399;text-transform:uppercase;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:.75rem}.st-h1{letter-spacing:-.05em;color:#c3f5ff;text-shadow:var(--glow-cyan);font-family:Space Grotesk,sans-serif;font-size:6rem;font-weight:700;line-height:.9}.st-press-start{letter-spacing:.8em;color:#e0e2ea;text-transform:uppercase;opacity:.8;cursor:pointer;margin-top:4rem;font-family:Space Grotesk,sans-serif;font-size:1.25rem;transition:all .3s;animation:2s infinite st-blink}@keyframes st-blink{0%,to{opacity:.4}50%{opacity:1}}.st-press-start:hover{color:#c3f5ff;opacity:1}.st-telemetry-readout{opacity:.4;align-items:center;gap:1rem;margin-top:2rem;display:flex}.st-telemetry-line{background:#c3f5ff;width:3rem;height:1px}.st-telemetry-text{letter-spacing:.2em;text-transform:uppercase;font-size:10px}.st-footer{justify-content:flex-end;align-items:center;gap:1rem;width:100%;padding:0 2rem 2.5rem;display:flex}.st-telemetry-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#31353b1a;border-left:1px solid #c3f5ff33;gap:1.5rem;margin-right:auto;padding:.75rem 1.5rem;display:flex}.st-telemetry-item label{color:#bac9cc;text-transform:uppercase;font-size:10px;display:block}.st-telemetry-item span{color:#c3f5ff;font-family:Space Grotesk,sans-serif;font-size:.75rem}.st-version-info{text-align:right}.st-version-label{color:#c3f5ff80;text-transform:uppercase;font-size:10px}.st-version-value{color:#00e5ff;font-family:Space Grotesk,sans-serif;font-size:.75rem}.st-icon-btn{color:#00e5ff;cursor:pointer;background:#00e5ff1a;border:none;border-radius:2px;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.st-icon-btn:hover{background:#00e5ff33}.st-decor-side{opacity:.2;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.st-decor-side.left{left:2rem}.st-decor-side.right{align-items:flex-end;right:2rem}.st-bar{background:#c3f5ff}@media (width<=768px){.st-h1{font-size:4rem}.st-nav,.st-telemetry-box{display:none}}.st-select-page{color:#e0e2ea;z-index:200;background:#101419;flex-direction:column;font-family:Manrope,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.st-selection-main{justify-content:center;align-items:center;width:100%;height:100vh;padding-top:5rem;padding-bottom:4rem;display:flex;position:relative}.st-sel-bg{pointer-events:none;background:radial-gradient(circle,#00e5ff0d 0%,#0000 70%);position:absolute;inset:0}.st-sel-aside{z-index:20;flex-direction:column;gap:2.5rem;width:18rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.st-sel-aside.left{left:2.5rem}.st-sel-aside.right{width:20rem;right:2.5rem}.st-sel-h3{letter-spacing:.3em;color:#e0e2ea99;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:.75rem}.st-sel-line{background:linear-gradient(90deg,#c3f5ff66,#0000);width:100%;height:1px}.st-stat-block{margin-bottom:2rem}.st-stat-header{justify-content:space-between;align-items:flex-end;margin-bottom:.5rem;display:flex}.st-stat-label{letter-spacing:.1em;color:#c3f5ff;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-style:italic;font-weight:700}.st-stat-value{font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700}.st-stat-unit{color:#bac9cc;margin-left:.25rem;font-size:10px}.st-bar-bg{background:#31353b;width:100%;height:.5rem;position:relative;overflow:hidden}.st-bar-fill{background:#00e5ff;height:100%;transition:width .5s ease-out;position:absolute;box-shadow:0 0 15px #00e5ff66}.st-selection-grid{justify-content:center;gap:2rem;width:100%;max-width:80rem;padding:0 1rem;display:flex}.st-ship-card{cursor:pointer;flex-direction:column;align-items:center;width:50%;transition:all .5s;display:flex;position:relative}.st-ship-card:hover{transform:scale(1.02)}.st-target-bracket{opacity:.4;pointer-events:none;transition:opacity .3s;position:absolute;inset:-1rem}.st-ship-card:hover .st-target-bracket{opacity:1}.st-bracket-corner{border-color:#c3f5ff;width:2rem;height:2rem;position:absolute}.st-bracket-corner.tl{border-top:2px solid;border-left:2px solid;top:0;left:0}.st-bracket-corner.tr{border-top:2px solid;border-right:2px solid;top:0;right:0}.st-bracket-corner.bl{border-bottom:2px solid;border-left:2px solid;bottom:0;left:0}.st-bracket-corner.br{border-bottom:2px solid;border-right:2px solid;bottom:0;right:0}.st-ship-img-wrap{aspect-ratio:1;background:#181c214d;width:100%;margin-bottom:2rem;position:relative;overflow:hidden}.st-ship-img{object-fit:contain;mix-blend-mode:screen;opacity:.9;width:100%;height:100%;transition:opacity .3s}.st-ship-card:hover .st-ship-img{opacity:1}.st-ship-info{text-align:center;margin-bottom:2.5rem}.st-ship-name{letter-spacing:-.05em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-style:italic;font-weight:900}.st-ship-class{letter-spacing:.4em;color:#c3f5ff;font-family:Space Grotesk,sans-serif;font-size:.75rem}.st-select-btn{letter-spacing:.2em;text-transform:uppercase;color:#c3f5ff;cursor:pointer;background:0 0;border:1px solid #c3f5ff;padding:.75rem 3rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:900;transition:all .3s;position:relative}.st-ship-card.active .st-select-btn{color:#00363d;background:#c3f5ff;box-shadow:0 0 30px #c3f5ff4d}.st-loadout-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181c2166;border-left:4px solid #c3f5ff;margin-bottom:1.5rem;padding:1rem;position:relative}.st-loadout-tag{letter-spacing:.2em;color:#c3f5ff;background:#101419;padding:0 .5rem;font-family:Space Grotesk,sans-serif;font-size:10px;position:absolute;top:-.75rem;left:1rem}.st-loadout-name{margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700}.st-loadout-desc{color:#bac9cc;font-size:.75rem;line-height:1.5}.st-select-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101419cc;border-top:1px solid #3b494c4d;justify-content:space-between;align-items:center;width:100%;padding:.75rem 2rem;display:flex;position:fixed;bottom:0}.animate-in{animation:.5s ease-out forwards st-fadeIn}:root{--color-surface-container-low:#181c21;--color-surface-container-highest:#31353b;--color-on-background:#e0e2ea;--color-surface-container:#1c2025;--color-primary-fixed-dim:#00daf3;--color-tertiary-fixed-dim:#94ccff;--color-surface-tint:#00daf3;--color-surface:#101419;--color-on-surface-variant:#bac9cc;--color-outline-variant:#3b494c;--color-surface-bright:#36393f;--color-primary:#c3f5ff;--color-surface-container-lowest:#0b0e14;--color-background:#101419;--color-primary-container:#00e5ff;--color-on-surface:#e0e2ea;--font-headline:"Space Grotesk", sans-serif;--font-body:"Manrope", sans-serif;--font-label:"Space Grotesk", sans-serif}body{background-color:var(--color-surface-container-lowest);font-family:var(--font-body);color:var(--color-on-surface);margin:0;padding:0;overflow:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;line-height:1;display:inline-block}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1}.hud-glass{-webkit-backdrop-filter:blur(20px);background:#10141999}.ui-layer{pointer-events:none;z-index:50;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.hud-header{box-sizing:border-box;z-index:50;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 15px #00e5ff1a}.hud-unit-id{color:#67e8f9;font-size:.875rem;font-weight:700;font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.2em}.hud-score-container{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.hud-score{font-family:var(--font-headline);letter-spacing:.3em;color:var(--color-on-surface);filter:drop-shadow(0 0 10px #ffffff4d);font-size:1.5rem;font-weight:700}.hud-high-score{font-size:10px;font-family:var(--font-label);color:#22d3eed1;letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem}.hud-header-right{pointer-events:auto;align-items:center;gap:2rem;display:flex}.hud-settings{border-left:1px solid #22d3ee33;align-items:center;gap:.5rem;padding-left:1rem;display:flex}.hud-btn{color:#64748b99;cursor:pointer;background:0 0;border:none;transition:all .2s}.hud-btn:hover{color:#a5f3fc;transform:scale(.95)}.hud-left-panel{-webkit-backdrop-filter:blur(24px);z-index:40;background:#0f172a99;border-right:1px solid #08334433;flex-direction:column;align-items:center;width:12.5vw;height:100%;padding:2.5rem 0;display:flex;position:absolute;top:0;left:0}.pilot-avatar-wrapper{flex-direction:column;align-items:center;gap:.25rem;margin-bottom:2rem;display:flex}.pilot-avatar-circle{border:1px solid #22d3ee4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.pilot-avatar-circle img{opacity:.8;width:32px;height:32px}.system-active-text{font-family:var(--font-headline);letter-spacing:.1em;color:#22d3ee;font-size:10px}.left-nav{flex-direction:column;gap:2.5rem;width:100%;display:flex}.nav-item{color:#e0e2ead9;box-sizing:border-box;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;transition:all .3s;display:flex}.nav-item.active{color:#67e8f9;background:#22d3ee1a;border-left:2px solid #22d3ee}.nav-item span.font-light{font-family:var(--font-headline);letter-spacing:.1em;font-size:10px;font-weight:500}.hud-right-panel{z-index:20;border-left:1px solid #3b494c1a;flex-direction:column;justify-content:center;align-items:flex-end;gap:3rem;width:12.5vw;height:100%;padding-right:2rem;display:flex;position:absolute;top:0;right:0}.thrust-module{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.label-text{font-family:var(--font-label);letter-spacing:.3em;color:var(--color-on-surface);font-size:10px}.thrust-bar{background-color:var(--color-surface-container-low);box-sizing:border-box;border:1px solid #3b494c33;width:3rem;height:10rem;padding:.25rem}.thrust-bar-inner{background:linear-gradient(to top, #c3f5ff33, #00e5ff99, var(--color-primary-container));flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex}.thrust-line{background-color:#10141966;border-bottom:1px solid #c3f5ff33;width:100%;height:25%}.thrust-value{font-family:var(--font-headline);color:var(--color-primary);font-size:1rem;font-weight:700}.energy-module{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.energy-cells{gap:.25rem;height:.75rem;display:flex}.cell{background-color:var(--color-primary-container);width:1rem;height:100%}.cell.empty{background-color:var(--color-surface-container-highest)}.right-panel-combo{text-align:right;width:100%;padding-right:1rem}.combo-title{font-size:10px;font-family:var(--font-headline);letter-spacing:.4em;color:#c3f5ff99;margin-bottom:.25rem}.combo-value{font-family:var(--font-headline);color:var(--color-primary);filter:drop-shadow(0 0 15px #c3f5ff66);font-size:1.875rem;font-weight:700}.combo-value span{font-size:1.125rem}.combo-bar-bg{background-color:var(--color-surface-container-highest);width:100%;height:4px;margin-top:.5rem;position:relative;overflow:hidden}.combo-bar-fill{background-color:var(--color-primary-container);width:66%;height:100%;box-shadow:0 0 10px var(--color-primary-container);position:absolute;top:0;left:0}.hud-bottom-footer{z-index:50;background:0 0;justify-content:center;align-items:flex-end;gap:4rem;width:100%;padding-bottom:1.5rem;display:flex;position:absolute;bottom:0;left:0}.footer-item{cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;display:flex}.footer-item .label{font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;margin-top:4px;font-size:8px;font-weight:700}.stat-icons{gap:.25rem;display:flex}.reticle-container{pointer-events:none;z-index:30;position:absolute;inset:0}.reticle-tl{border-top:2px solid #c3f5ff66;border-left:2px solid #c3f5ff66;width:3rem;height:3rem;position:absolute;top:5rem;left:100px}.reticle-br{border-bottom:2px solid #c3f5ff66;border-right:2px solid #c3f5ff66;width:3rem;height:3rem;position:absolute;bottom:5rem;right:15vw}.comms-overlay-container{z-index:100;pointer-events:none;flex-direction:column;animation:.5s cubic-bezier(.16,1,.3,1) comms-slide-in;display:flex;position:absolute;bottom:120px;left:40px}.comms-overlay-container.pilot-mode{align-items:flex-end;left:auto;right:40px}.comms-glass-pane{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f141cd9;border:1px solid #00e5ff33;border-left:4px solid #00e5ff;flex-direction:column;gap:12px;width:420px;padding:16px;display:flex;position:relative;box-shadow:0 10px 40px #0009,inset 0 0 20px #00e5ff0d}.pilot-mode .comms-glass-pane{border-left:1px solid #00e5ff33;border-right:4px solid #00e5ff}.comms-hdr{border-bottom:1px solid #00e5ff26;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.comms-speaker-meta{flex-direction:column;gap:2px;display:flex}.comms-speaker-label{letter-spacing:.15em;color:#00e5ff;text-transform:uppercase;font-family:Inter,sans-serif;font-size:11px;font-weight:800}.comms-speaker-role{letter-spacing:.1em;color:#ffffff80;text-transform:uppercase;font-family:Inter,sans-serif;font-size:9px}.comms-signal-indicator{background:#00e5ff1a;border-radius:2px;align-items:center;gap:6px;padding:4px 8px;display:flex}.signal-dot{background:#00e5ff;border-radius:50%;width:6px;height:6px}.signal-dot.pulsing{animation:1.5s ease-in-out infinite comms-pulse}.signal-label{letter-spacing:.05em;color:#00e5ff;font-family:Inter,sans-serif;font-size:8px;font-weight:700}.comms-content-wrapper{align-items:flex-start;gap:16px;display:flex}.comms-portrait-container{background:#0000004d;border:1px solid #00e5ff4d;flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.comms-portrait-img{object-fit:cover;filter:brightness(1.2)contrast(1.1);width:100%;height:100%}.comms-portrait-fallback{justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.fallback-eye{background:#00e5ff;width:12px;height:4px}.comms-body{flex-grow:1}.comms-text-body{color:#e2e8f0;text-shadow:0 0 10px #0095ff4d;min-height:60px;font-family:Inter,sans-serif;font-size:13px;line-height:1.6}.comms-text-cursor{vertical-align:middle;background:#00e5ff;width:8px;height:14px;margin-left:4px;animation:.8s infinite comms-cursor-blink;display:inline-block}.comms-footer{margin-top:4px}.comms-status-bar{color:#ffffff4d;letter-spacing:.1em;justify-content:space-between;font-family:monospace;font-size:7px;display:flex}@keyframes comms-slide-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.pilot-mode.comms-overlay-container{animation:.5s cubic-bezier(.16,1,.3,1) comms-slide-in-right}@keyframes comms-slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes comms-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}to{opacity:.6;transform:scale(1)}}@keyframes comms-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.tutorial-overlay{pointer-events:none;z-index:1000;color:#c3f5ff;background:radial-gradient(circle,#0000 0%,#0c0e0f66 100%);width:100%;height:100%;font-family:Space Grotesk,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.scanline-overlay{pointer-events:none;z-index:10;opacity:.5;background:linear-gradient(#c3f5ff08 50%,#0000 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-top-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#181a1bd9;border-left:4px solid #c2f4fe;flex-direction:column;gap:4px;width:85%;padding:12px 20px;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:10px 0 30px #00000080}.objective-label{letter-spacing:2px;opacity:.6;font-size:10px;font-weight:700}.objective-title{letter-spacing:1px;font-size:20px;font-weight:800}.progress-track{background:#c3f5ff1a;width:100%;height:2px;margin-top:8px;overflow:hidden}.progress-fill{background:#c2f4fe;height:100%;transition:width .6s cubic-bezier(.23,1,.32,1);box-shadow:0 0 10px #c2f4fe80}.tutorial-center-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;background:#1d2021e6;border-right:4px solid #c2f4fe;width:380px;padding:24px;position:absolute;top:35%;right:5%;box-shadow:-20px 20px 60px #0009}.panel-header{opacity:.8;letter-spacing:2px;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;font-weight:800;display:flex}.panel-header:after{content:"";opacity:.3;background:#c3f5ff;flex-grow:1;height:1px}.instruction-text{color:#f6f6f7;font-family:Manrope,sans-serif;font-size:18px;line-height:1.6}.complete-btn{color:#0c0e0f;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#c2f4fe,#78a8b2);border:none;width:100%;margin-top:24px;padding:12px 24px;font-family:Space Grotesk,sans-serif;font-weight:800;transition:all .2s}.complete-btn:hover{filter:brightness(1.1);box-shadow:0 0 20px #c2f4fe66}.tutorial-comms-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#181a1be6;border-top:2px solid #c3f5ff1a;border-left:2px solid #c3f5ff1a;width:500px;padding:20px;position:absolute;bottom:40px;left:40px;box-shadow:20px -20px 60px #00000080}.comms-header{letter-spacing:2px;color:#c3f5ff;opacity:.7;margin-bottom:12px;font-size:10px;font-weight:800}.comms-content{align-items:flex-start;gap:20px;display:flex}.speaker-avatar{background:#1d2021;border:1px solid #c3f5ff4d;flex-shrink:0;width:60px;height:60px;position:relative;overflow:hidden}.avatar-placeholder{opacity:.4;background:linear-gradient(45deg,#376870,#174b53);width:100%;height:100%}.avatar-scanline{background:linear-gradient(#c3f5ff1a 0%,#0000 5% 100%);width:100%;height:200%;animation:3s linear infinite scanline_scroll;position:absolute;top:0;left:0}@keyframes scanline_scroll{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.comms-text{color:#aaabac;font-family:Manrope,sans-serif;font-size:15px;line-height:1.5}.typing-cursor{background:#c3f5ff;width:8px;height:15px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.control-prompts{align-items:flex-end;gap:40px;display:flex;position:absolute;bottom:40px;right:40px}.key-group{flex-direction:column;align-items:center;gap:4px;display:flex}.key-row{gap:4px;display:flex}.key-cap{color:#c3f5ff33;border:1px solid #c3f5ff4d;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;transition:all .3s;display:flex}.key-cap.active{color:#c3f5ff;background:#c3f5ff1a;border-color:#c3f5ff;box-shadow:0 0 15px #c3f5ff4d}.control-labels{flex-direction:column;gap:8px;display:flex}.label-item{letter-spacing:1px;opacity:.4;align-items:center;gap:10px;font-size:11px;font-weight:700;transition:all .3s;display:flex}.status-dot{opacity:.1;background:#c3f5ff;border-radius:50%;width:6px;height:6px}.status-dot.active{opacity:1;box-shadow:0 0 10px #c3f5ff}.label-item:has(.active){opacity:1}