@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{--ui-scale:1;--global-scale:1;font-family:Space Grotesk,system-ui,monospace;font-size:calc(16px * var(--ui-scale));--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;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{0%,to{opacity:1}50%{opacity:.2}}.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}.glitch-text{color:red;text-shadow:2px 2px #fa0,-2px -2px #00e5ff;animation:.2s cubic-bezier(.25,.46,.45,.94) infinite both text-glitch}@keyframes text-glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(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:.05;z-index:100;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px;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{width:100%;height:100%;margin:0 auto;position:relative}.game-layer-root{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ui-layer-stack{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stitch-aspect-shell{width:100%;max-width:177.778vh;height:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 100px #000}@media (aspect-ratio<=1){.stitch-aspect-shell{max-width:100%}}.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}.stitch-aspect-shell{width:100vw;max-width:177.778vh;height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 100px #000;justify-content:center!important;align-items:center!important;display:flex!important}.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;position:relative;overflow:hidden}.game-container.title,.game-container.select{z-index:500;background:var(--bg);position:absolute;inset:0}.game-stage{z-index:1;background:#000;position:relative;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.game-stage .stage{image-rendering:pixelated;z-index:1;background:#000;display:block;position:relative;box-shadow:0 0 100px #000;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important}.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:17px}}@media (width>=2000px){html{font-size:18px}}@media (width>=2500px){html{font-size:19px}}.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}}: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}.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;display:flex;position:absolute;top:0;left:0;overflow:visible}.hud-header{box-sizing:border-box;z-index:50;background:0 0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;display:flex;position:absolute;top:0;left:0}.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}.score-group{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.score-group .label{font-family:var(--font-headline);letter-spacing:.1em;color:#e0e2eab3;font-size:10px;font-weight:500}.hud-score{font-family:var(--font-headline);letter-spacing:.1em;color:var(--color-on-surface);filter:drop-shadow(0 0 10px #00daf34d);font-size:1rem;font-weight:700}.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,.hud-right-panel{-webkit-backdrop-filter:blur(12px);z-index:20;pointer-events:auto;scrollbar-width:none;background:#0a0f1499;border:1px solid #00e5ff1a;flex-direction:column;gap:1rem;width:140px;height:calc(100% - 140px);padding:1rem .75rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:70px;overflow-y:auto}.hud-left-panel::-webkit-scrollbar{display:none}.hud-right-panel::-webkit-scrollbar{display:none}.hud-left-panel{border-right:2px solid #00e5ff;right:calc(100% + 40px)}.hud-right-panel{border-left:2px solid #00e5ff;left:calc(100% + 40px)}.pilot-avatar-wrapper{flex-direction:column;align-items:center;gap:.15rem;margin-bottom:.5rem;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:.75rem;width:100%;display:flex}.nav-item{color:#e0e2ead9;box-sizing:border-box;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .25rem;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}.thrust-module{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.label-text{font-family:var(--font-label);letter-spacing:.1em;color:var(--color-on-surface);text-transform:uppercase;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:.5rem;display:flex}.cell{background-color:var(--color-primary-container);width:.75rem;height:100%}.cell.empty{background-color:var(--color-surface-container-highest)}.secondary-stats{flex-direction:column;gap:.75rem;width:100%;margin-top:auto;display:flex}.stat-group{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.stat-group .label{font-family:var(--font-headline);letter-spacing:.1em;color:#e0e2eab3;text-transform:uppercase;font-size:10px;font-weight:500}.stat-group .stat-value{font-family:var(--font-headline);color:#fff;font-size:1.125rem;font-weight:700}.stat-icons{color:var(--color-primary-container);gap:.25rem;display:flex}.stat-icons .material-symbols-outlined{font-size:18px}.stat-icons .empty{opacity:.2}.right-panel-combo{text-align:right;width:100%;padding-right:1rem}.combo-title{font-size:9px;font-family:var(--font-headline);letter-spacing:.1em;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.25rem;font-weight:700}.combo-value span{font-size:.875rem}.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}.footer-item.special-ready{color:#c2ff70;filter:drop-shadow(0 0 6px #c2ff70cc)}.footer-item.special-ready .material-symbols-outlined{font-variation-settings:"FILL" 1}.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:2rem;height:2rem;position:absolute;top:20px;left:20px}.reticle-br{border-bottom:2px solid #c3f5ff66;border-right:2px solid #c3f5ff66;width:2rem;height:2rem;position:absolute;bottom:20px;right:20px}.progression-module{background:0 0;border:none;flex-direction:column;gap:4px;width:100%;margin:.5rem 0;padding:0;display:flex}.level-info{justify-content:space-between;align-items:baseline;display:flex}.level-info .label{color:#00f0ffb3;letter-spacing:.1em;font-family:Space Grotesk,monospace;font-size:.65rem}.level-info .value{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700}.exp-bar-bg{background:#ffffff1a;border:1px solid #ffffff0d;height:6px;position:relative;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg,#00f0ff,#08f);height:100%;transition:width .3s cubic-bezier(.1,.7,.1,1);box-shadow:0 0 10px #00f0ff80}.exp-info{justify-content:flex-end;margin-top:-4px;display:flex}.exp-text{color:#00f0ff80;text-align:right;letter-spacing:.05em;font-family:Space Grotesk,monospace;font-size:.6rem}.buff-monitor{background:#00000026;border-left:1px solid #ffffff0d;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:8px;display:flex}.telemetry-header{color:#fff6;font-family:var(--font-headline);letter-spacing:.15em;border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;margin-bottom:.5rem;padding-bottom:4px;font-size:8px;display:flex}.telemetry-header span{font-size:14px}.buff-item{opacity:.6;align-items:center;gap:.75rem;transition:all .3s;display:flex}.buff-item.active-bonus{opacity:1;filter:drop-shadow(0 0 5px #00f0ff4d)}.buff-item.active-bonus .buff-value{color:#00f0ff;text-shadow:0 0 10px #00f0ff80}.buff-info{flex-direction:column;display:flex}.buff-label{color:#fff6;letter-spacing:.1em;font-family:Space Grotesk,sans-serif;font-size:8px;font-weight:500}.buff-value{color:#fff;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700}.farming-next-btn{cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;margin:.5rem 0;transition:all .3s;animation:2s ease-in-out infinite sidebarPulse;display:flex;color:#00f0ff!important;background:linear-gradient(135deg,#00f0ff66,#08f6)!important;border:1px solid #00f0ffcc!important;padding:.75rem!important}.farming-next-btn:hover{transform:translate(5px);box-shadow:0 0 20px #00f0ff80;background:#00f0ff99!important}.farming-next-btn .material-symbols-outlined{color:#fff;font-size:20px}.farming-next-btn .font-bold{letter-spacing:.1em;text-shadow:0 0 10px #00f0ffcc;font-size:.8rem}@keyframes sidebarPulse{0%{border-color:#00f0ff80;box-shadow:0 0 5px #00f0ff33}50%{border-color:#00f0ff;box-shadow:0 0 15px #00f0ff80}to{border-color:#00f0ff80;box-shadow:0 0 5px #00f0ff33}}@keyframes pulseGlow{0%{opacity:.6;filter:drop-shadow(0 0 2px #00f0ff)}to{opacity:1;filter:drop-shadow(0 0 10px #00f0ff)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.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-fail-reason{color:#ffb4ab;max-width:32rem;margin:-1rem auto 2rem;font-size:.95rem;line-height:1.5}.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:absolute;inset:0;overflow:hidden auto}.st-selection-main{justify-content:center;align-items:center;width:100%;min-height:100%;padding-top:4rem;padding-bottom:6rem;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-container{width:100%;max-width:900px;padding:2rem 0;position:relative;overflow:hidden}.st-selection-carousel{width:200%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex}.st-selection-carousel.FALCON{transform:translate(0%)}.st-selection-carousel.RAYCE{transform:translate(-50%)}.st-ship-card{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;width:50%;padding:0 5%;transition:opacity .5s,transform .5s;display:flex}.st-ship-card:not(.active){opacity:.3;pointer-events:none;transform:scale(.9)translateY(20px)}.st-carousel-controls{justify-content:center;gap:1rem;margin-top:2rem;display:none}.st-dot{cursor:pointer;background:0 0;border:1px solid #c3f5ff;border-radius:50%;width:10px;height:10px;transition:all .3s}.st-dot.active{background:#c3f5ff;transform:scale(1.3);box-shadow:0 0 10px #c3f5ff99}@media (width<=1024px){.st-sel-aside{display:none}.st-selection-main{flex-direction:column;justify-content:flex-start;padding-top:5rem}.st-selection-container{max-width:100%;margin-top:2rem}.st-carousel-controls{display:flex}.st-selection-main:after{content:"TELEMETRY & LOADOUT";letter-spacing:.3em;color:#c3f5ff4d;margin-top:3rem;font-family:Space Grotesk,sans-serif;font-size:10px}.st-ship-name{font-size:1.8rem}.st-mobile-info{flex-direction:column;gap:2rem;width:100%;padding:2rem;animation:.5s ease-out st-sideSlideIn;display:flex}.st-mobile-stats{background:#c3f5ff08;border:1px solid #c3f5ff1a;grid-template-columns:1fr;gap:1rem;padding:1.5rem;display:grid}.st-mobile-stats .st-stat-block{margin-bottom:0}}.st-mobile-info{display:none}@keyframes st-sideSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.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;justify-content:center;align-items:center;width:100%;margin-bottom:2rem;display:flex;position:relative;overflow:hidden}.st-ship-img{object-fit:contain;mix-blend-mode:screen;opacity:.9;width:56%;height:56%;transition:opacity .3s,transform .3s}.st-ship-card:hover .st-ship-img{opacity:1;transform:scale(1.05)}.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:absolute;bottom:0}.animate-in{animation:.5s ease-out forwards st-fadeIn}.st-account-meta{clip-path:polygon(0 15px,15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);background:#0006;border:1px solid #00e5ff1a;padding:1.5rem}.st-meta-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.st-points-badge{color:#00e5ff;letter-spacing:.1em;background:#00e5ff33;padding:4px 10px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:800}.st-upgrade-row{align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.st-upgrade-label{color:#c3f5ff99;letter-spacing:.1em;width:5rem;font-family:Space Grotesk,sans-serif;font-size:11px}.st-upgrade-dots{flex-grow:1;gap:4px;display:flex}.st-upgrade-dot{clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);background:#ffffff1a;width:12px;height:6px}.st-upgrade-dot.filled{background:#00e5ff;box-shadow:0 0 10px #00e5ff66}.st-upgrade-btn{color:#00e5ff;cursor:pointer;background:0 0;border:1px solid #00e5ff66;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.st-upgrade-btn:hover:not(:disabled){color:#000;background:#00e5ff}.st-upgrade-btn:disabled{opacity:.2;cursor:not-allowed}.st-level-pill{color:#000;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);background:#00e5ff;flex-direction:column;align-items:center;padding:8px 16px;display:flex}.st-level-pill .label{margin-bottom:-2px;font-size:8px;font-weight:800}.st-level-pill .value{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:900}.st-exp-pill-container{flex-direction:column;gap:4px;display:flex}.st-exp-label{color:#c3f5ff99;font-family:Space Grotesk,monospace;font-size:10px}.st-exp-bar{background:#ffffff1a;width:160px;height:4px;overflow:hidden}.st-exp-fill{background:#00e5ff;height:100%;box-shadow:0 0 10px #00e5ff80}.levelup-overlay{-webkit-backdrop-filter:blur(16px);z-index:2000;background:radial-gradient(circle,#0a0e19eb 0%,#05050afa 100%);justify-content:center;align-items:center;width:100%;height:100%;animation:.5s cubic-bezier(.16,1,.3,1) modal-entrance;display:flex;position:absolute;top:0;left:0}@keyframes modal-entrance{0%{opacity:0;filter:blur(20px);transform:scale(1.1)}to{opacity:1;filter:blur();transform:scale(1)}}.levelup-container{flex-direction:column;gap:40px;width:90%;max-width:480px;padding:40px 10px;display:flex}.levelup-header{text-align:center;position:relative}.level-badge{color:#fff;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);background:linear-gradient(90deg,#00f0ff,#7000ff);margin-bottom:8px;padding:4px 12px;font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:800;display:inline-block;box-shadow:0 0 15px #00f0ff4d}.glitch-title{color:#fff;letter-spacing:.2rem;text-transform:uppercase;text-shadow:0 0 20px #fff3;margin:0;font-family:Space Grotesk,sans-serif;font-size:2.4rem;font-weight:900;position:relative}.subtitle{color:#00f0ff99;letter-spacing:.3rem;text-transform:uppercase;margin-top:8px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.skill-grid{flex-direction:column;gap:18px;display:flex}.skill-card{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:20px;padding:20px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.skill-card:hover{background:#00f0ff14;border-color:#00f0ff80;transform:translate(12px)scale(1.02);box-shadow:-10px 0 30px #00f0ff26}.skill-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.skill-card:hover:after{left:100%}.skill-icon-box{background:linear-gradient(135deg,#14141ecc,#0a0a0fe6);border:1px solid #00f0ff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:70px;height:70px;transition:all .3s;display:flex}.skill-card:hover .skill-icon-box{border-color:#00f0ff;transform:rotate(-3deg);box-shadow:0 0 15px #00f0ff4d}.skill-icon{filter:drop-shadow(0 0 8px #00f0ff80);font-size:1.8rem}.skill-level-dots{gap:3px;display:flex}.level-dot{background:#ffffff1a;border-radius:50%;width:5px;height:5px}.level-dot.filled{background:#00f0ff;box-shadow:0 0 6px #00f0ff}.level-dot.active{background:#fff;animation:1s infinite alternate dot-pulse}@keyframes dot-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.5)}}.skill-info{flex:1}.skill-name{color:#fff;align-items:center;gap:8px;margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.level-text{color:#00f0ff;background:#00f0ff1a;border-radius:4px;padding:0 6px;font-size:.8rem;font-weight:400}.skill-desc{color:#ffffff80;margin:0;font-family:Inter,sans-serif;font-size:.88rem;line-height:1.5;transition:color .3s}.skill-card:hover .skill-desc{color:#ffffffe6}.skill-card.evo-ready{background:linear-gradient(135deg,#ffd70014,#ff640014);border:1px solid #ffd70099;animation:2s ease-in-out infinite evo-pulse;box-shadow:0 0 30px #ffd70033}.skill-card.synergy-match{background:linear-gradient(135deg,#00f0ff14,#0064ff14);border:1px solid #00f0ff99;box-shadow:0 0 25px #00f0ff26}.evo-tag,.synergy-tag{text-transform:uppercase;border-bottom-left-radius:8px;align-items:center;gap:5px;padding:4px 12px;font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:900;display:flex;position:absolute;top:0;right:0}.evo-tag{color:#000;background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 0 15px #ffd70066}.synergy-tag{color:#fff;background:linear-gradient(135deg,#00f0ff,#0070ff);animation:.3s cubic-bezier(.175,.885,.32,1.275) tag-slide;box-shadow:0 0 15px #00f0ff66}@keyframes evo-pulse{0%,to{box-shadow:0 0 20px #ffd70033}50%{border-color:gold;box-shadow:0 0 40px #ffd70080}}@keyframes tag-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.maxed-fallback{text-align:center;background:#00f0ff05;border:1px solid #00f0ff33;border-radius:12px;padding:60px 20px;position:relative;overflow:hidden}.maxed-icon{margin-bottom:24px;font-size:4rem;animation:3s ease-in-out infinite float-icon;display:block}@keyframes float-icon{0%,to{filter:drop-shadow(0 0 10px #00f0ff);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 25px #00f0ff);transform:translateY(-15px)scale(1.1)}}.continue-btn{color:#000;cursor:pointer;letter-spacing:.2rem;text-transform:uppercase;background:#fff;border:none;margin-top:32px;padding:18px 40px;font-family:Space Grotesk,sans-serif;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #fff3}.continue-btn:hover{background:#00f0ff;transform:translateY(-5px);box-shadow:0 15px 40px #00f0ff66}.supply-box-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:200;color:#fff;background:#000000d9;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}.box-portal{flex-direction:column;justify-content:center;align-items:center;width:500px;height:500px;display:flex;position:relative}.portal-ring{border:2px solid #ffd7004d;border-radius:50%;animation:10s linear infinite ring-spin;position:absolute}.portal-ring:first-child{border-top-color:gold;width:400px;height:400px;box-shadow:0 0 30px #ffd70033}.portal-ring:nth-child(2){border-bottom-color:gold;width:450px;height:450px;animation-duration:15s;animation-direction:reverse}.portal-core{background:radial-gradient(circle,#fff,gold,#0000);border-radius:50%;width:100px;height:100px;animation:2s ease-in-out infinite pulse;position:absolute;box-shadow:0 0 100px gold}.spinning-text{letter-spacing:.5em;color:gold;font-family:Space Mono,monospace;animation:.5s step-end infinite blink;position:absolute;bottom:0}.items-grid{z-index:10;perspective:1000px;gap:20px;display:flex}.revealed-item-card{width:140px;animation:.6s cubic-bezier(.34,1.56,.64,1) both slide-up-reveal;animation-delay:var(--delay);background:#141414cc;border:1px solid #ffd7004d;border-radius:12px;flex-direction:column;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 20px 40px #00000080}.item-icon{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.icon-inner{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;font-weight:900;display:flex}.item-name{text-align:center;text-transform:uppercase;color:#eee;font-size:14px;font-weight:700}.item-type{color:gold;opacity:.7;font-family:Space Mono,monospace;font-size:10px}.confirm-button{color:#000;letter-spacing:.2em;cursor:pointer;z-index:10;background:gold;border:none;border-radius:4px;margin-top:50px;padding:15px 40px;font-weight:900;transition:all .2s;box-shadow:0 0 30px #ffd70066}.confirm-button:hover{transform:scale(1.1);box-shadow:0 0 50px #ffd70099}.revealed-item-card.synergy-match{border-color:#00e5ff;animation:1.5s ease-in-out infinite alternate card-pulse-cyan;box-shadow:0 0 30px #00e5ff66}.card-synergy-tag{color:#000;letter-spacing:1px;background:#00e5ff;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:900;position:absolute;top:-8px;right:-8px}@keyframes card-pulse-cyan{0%{box-shadow:0 0 15px #00e5ff33}to{box-shadow:0 0 40px #00e5ff99}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes slide-up-reveal{0%{opacity:0;transform:translateY(50px)rotateX(-20deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}.quickstart-overlay{z-index:40;pointer-events:none;position:absolute;top:18px;left:50%;transform:translate(-50%)}.quickstart-card{color:#e2f8ff;text-align:center;background:#060c18bf;border:1px solid #ffffff4d;border-radius:10px;padding:10px 16px;font-family:Space Grotesk,sans-serif;font-size:12px;box-shadow:0 8px 24px #00000059}.quickstart-title{color:#67e8f9;margin-bottom:4px;font-weight:700}.quickstart-line{line-height:1.4}