:root{--font-heading:"Orbitron", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--color-bg-dark:#050714;--color-glass-bg:#0a0e22b8;--color-glass-border:#00f0ff40;--color-glass-hover:#00f0ff26;--neon-cyan:#00f0ff;--neon-pink:#ff007f;--neon-gold:#ffb700;--neon-purple:#9d00ff;--neon-green:#0f6;--neon-red:#ff2a2a;--shadow-neon-cyan:0 0 20px #00f0ff66, inset 0 0 15px #00f0ff1a;--shadow-neon-pink:0 0 20px rgba(ff, 0, 127, .4), inset 0 0 15px rgba(ff, 0, 127, .1);--shadow-neon-gold:0 0 20px #ffb70066, inset 0 0 15px #ffb7001a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#050714d9;border:1px solid #00f0ff26;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--neon-cyan), var(--neon-pink));box-shadow:0 0 10px var(--neon-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--neon-pink), var(--neon-gold));box-shadow:0 0 15px var(--neon-pink)}*{scrollbar-width:thin;scrollbar-color:var(--neon-cyan) #050714d9}.glass-panel{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-glass-border);box-shadow:0 8px 32px 0 #000000ab, var(--shadow-neon-cyan);color:#fff;border-radius:16px;transition:all .25s cubic-bezier(.2,.8,.2,1)}.glass-panel-pink{box-shadow:0 8px 32px 0 #000000ab, var(--shadow-neon-pink);border-color:#ff007f59}.glass-panel-gold{box-shadow:0 8px 32px 0 #000000ab, var(--shadow-neon-gold);border-color:#ffb70059}.glass-button{border:1px solid var(--neon-cyan);color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#00f0ff14;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-weight:700;transition:all .2s ease-in-out;display:inline-flex;box-shadow:0 0 15px #00f0ff33}.glass-button:hover{background:#00f0ff33;transform:translateY(-2px)scale(1.02);box-shadow:0 0 12px #00f0ff59}.glass-button:active{transform:translateY(1px)scale(.98)}.glass-button-red{color:#ffb3bf;background:#ff233c24;border-color:#ff2a4b;box-shadow:0 0 12px #ff233c40}.glass-button-red:hover{color:#fff;background:#ff233c40;box-shadow:0 0 14px #ff233c73}.glass-button-gold{border-color:var(--neon-gold);color:#ffe899;background:#ffb70014;box-shadow:0 0 12px #ffb70033}.glass-button-gold:hover{background:#ffb70033;box-shadow:0 0 12px #ffb70059}.glass-button-pink{border-color:var(--neon-pink);color:#fff;background:#ff007f1a;box-shadow:0 0 12px #ff007f40}.glass-button-pink:hover{background:#ff007f38;box-shadow:0 0 14px #ff007f66}@keyframes neonPulse{0%,to{filter:drop-shadow(0 0 8px #00f0ff99)}50%{filter:drop-shadow(0 0 20px #00f0ffe6)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-pulse{animation:2s infinite neonPulse}.animate-modal{animation:.3s cubic-bezier(.16,1,.3,1) forwards modalFadeIn}.neon-cube-currency{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-heading);background:linear-gradient(135deg,#0a1020eb,#140a1eeb);border:1px solid #00f0ff99;border-radius:50px;align-items:center;gap:12px;padding:8px 22px 8px 14px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 25px #00f0ff59,inset 0 0 15px #00f0ff1f}.neon-cube-currency:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff40,#0000);width:100%;height:100%;animation:4s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}20%,to{left:100%}}.neon-cube-icon-wrapper{background:#00f0ff26;border:1px solid #00f0ff99;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 12px #00f0ff66}.neon-cube-icon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);filter:drop-shadow(0 0 8px #00f0ff);background:linear-gradient(135deg,#00f0ff,#ff007f);width:18px;height:18px;animation:2s infinite neonPulse;display:inline-block}.currency-label{color:#a0e8ff;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;font-weight:700}.currency-divider{background:#00f0ff59;width:1px;height:20px}.currency-value{color:#00f0ff;letter-spacing:1px;text-shadow:0 0 12px #00f0ffe6;font-size:24px;font-weight:900}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--color-bg-dark);width:100%;height:100%;font-family:var(--font-body);color:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}#app{width:100vw;height:100vh;position:relative;overflow:hidden}#game-canvas{cursor:crosshair;background:radial-gradient(circle,#0a0d24 0%,#03040c 100%);width:100%;height:100%;display:block}#ui-container,#hud-container,#modal-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#ui-container{z-index:10}#modal-container{z-index:100}.hud-layer{pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:16px 24px;display:flex;position:absolute;top:0;left:0}.hud-layer *{pointer-events:auto}.hud-xp-line{z-index:15;background:#0a0f1ee6;border-bottom:1px solid #00f0ff66;width:100%;height:8px;position:absolute;top:0;left:0;box-shadow:0 0 12px #00f0ff4d}.xp-bar-fill{background:linear-gradient(90deg,#00f0ff,#0f6,#ff007f);width:0%;height:100%;transition:width .2s ease-out;box-shadow:0 0 14px #00f0ff}.xp-text{font-family:var(--font-heading);color:#a0f0ff;text-shadow:0 0 6px #00f0ffcc;letter-spacing:1.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#080c18e6;border:1px solid #00f0ff66;border-radius:20px;padding:3px 16px;font-size:11px;font-weight:800;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.hud-header-container{z-index:10;justify-content:space-between;align-items:flex-start;width:100%;margin-top:18px;display:flex}.hud-pod-left-metrics{align-items:center;gap:12px;display:flex}.hud-pod{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#080e1ceb,#120818eb);border:1px solid #00f0ff59;border-radius:30px;align-items:center;gap:12px;padding:6px 16px;display:flex;box-shadow:0 8px 24px #0009,inset 0 0 10px #00f0ff1a}.hud-pod-divider{background:linear-gradient(#0000,#00f0ff59,#0000);width:1px;height:22px}.hud-pod-right-group{align-items:center;gap:12px;display:flex}.hud-pause-btn{cursor:pointer;border:1px solid #00f0ff80;outline:none;padding:6px 14px;transition:transform .2s,border-color .2s,box-shadow .2s}.hud-pause-btn:hover{border-color:#00f0ff;transform:scale(1.06);box-shadow:0 0 16px #00f0ff99,inset 0 0 10px #00f0ff33}.hud-pause-btn:active,.hud-pause-btn.active-press{background:#00f0ff4d!important;border-color:#00f0ff!important;transform:scale(1.12)!important;box-shadow:0 0 25px #00f0ffe6,inset 0 0 15px #00f0ff66!important}.pause-icon{font-size:14px}.pause-label{font-family:var(--font-heading);color:#fff;letter-spacing:1px;font-size:11px;font-weight:800}.pause-key-badge{color:var(--neon-cyan);font-family:var(--font-heading);background:#00f0ff33;border:1px solid #00f0ff99;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:900;box-shadow:0 0 6px #00f0ff66}.hud-metric-pill{align-items:center;gap:10px;display:flex}.hud-metric-icon{align-items:center;font-size:16px;display:flex}.hud-metric-text{flex-direction:column;display:flex}.hud-metric-label{font-family:var(--font-heading);color:#80a0c0;letter-spacing:1.2px;font-size:9px;font-weight:700;line-height:1}.hud-metric-val{font-family:var(--font-heading);color:#fff;font-size:18px;font-weight:900;line-height:1.2}.stat-red .hud-metric-val{color:#f35;text-shadow:0 0 8px #f359}.stat-cyan .hud-metric-val{color:#00f0ff;text-shadow:0 0 8px #00f0ff99}.stat-pink .hud-metric-val{color:#ff007f;text-shadow:0 0 8px #ff007f99}.stat-gold .hud-metric-val{color:#ffb700;text-shadow:0 0 8px #ffb70099}.hud-bottom-bar{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.player-status{flex-direction:column;gap:8px;min-width:260px;display:flex}.health-bar-container{background:#0f050acc;border:1px solid #ff007f80;border-radius:11px;width:100%;height:22px;position:relative;overflow:hidden;box-shadow:0 0 15px #ff007f4d}.health-bar-fill{background:linear-gradient(90deg,#ff007f,#ff2a2a);width:100%;height:100%;transition:width .15s ease-out;box-shadow:0 0 12px #ff007f}.health-text{font-family:var(--font-heading);color:#fff;text-shadow:0 0 5px #000;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-weapons-dock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:linear-gradient(135deg,#080e1ceb,#120818eb);border:1px solid #00f0ff66;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 8px 24px #0009,inset 0 0 10px #00f0ff1a}.hud-weapons-header{font-family:var(--font-heading);color:#80a0c0;letter-spacing:1.5px;writing-mode:vertical-rl;text-transform:uppercase;opacity:.8;font-size:9px;font-weight:800;transform:rotate(180deg)}.active-weapons-container{flex-direction:column;gap:10px;display:flex}.weapon-slot{cursor:pointer;background:#0a1020d9;border:1px solid #00f0ff80;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 12px #00000080,inset 0 0 8px #00f0ff26}.weapon-slot:hover{border-color:#00f0ff;transform:scale(1.08);box-shadow:0 0 15px #00f0ff99}.weapon-slot.maxed{border-color:#ffb700;box-shadow:0 0 15px #ffb70080}.weapon-slot.maxed .lvl-tag{color:#000;background:#ffb700;box-shadow:0 0 6px #ffb700}.weapon-slot.evolved{border-color:#ff007f;animation:2s ease-in-out infinite alternate evolvedGlow;box-shadow:0 0 20px #ff007fb3}.weapon-slot.evolved .lvl-tag{color:#fff;background:#ff007f;box-shadow:0 0 6px #ff007f}@keyframes evolvedGlow{0%{box-shadow:0 0 15px #ff007f99}to{box-shadow:0 0 25px #00f0ffe6}}.weapon-slot .lvl-tag{background:var(--neon-cyan);color:#000;font-family:var(--font-heading);box-shadow:0 0 6px var(--neon-cyan);border-radius:6px;padding:1px 5px;font-size:9px;font-weight:900;position:absolute;bottom:-4px;right:-4px}.weapon-tooltip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:linear-gradient(135deg,#080e1cf2,#140818f2);border:1px solid #00f0ff99;border-radius:12px;width:220px;padding:10px 14px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:50%;left:56px;transform:translateY(-50%)translate(10px);box-shadow:0 10px 30px #000c,inset 0 0 12px #00f0ff33}.weapon-slot:hover .weapon-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.tooltip-title{font-family:var(--font-heading);color:#fff;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;font-weight:900;display:flex}.tooltip-lvl{color:var(--neon-cyan);font-size:10px}.tooltip-desc{color:#a0b8d8;margin-bottom:6px;font-size:11px;line-height:1.3}.tooltip-stats{font-family:var(--font-heading);color:var(--neon-gold);gap:12px;margin-bottom:4px;font-size:10px;display:flex}.tooltip-next{color:#80a0c0;font-size:10px;font-style:italic}.tooltip-evo{color:var(--neon-pink);letter-spacing:.5px;font-size:10px;font-weight:800}.health-bar-container.critical-hp{animation:.8s ease-in-out infinite alternate criticalHpFlash;border-color:#f03!important;box-shadow:0 0 25px #f03c,inset 0 0 10px #f036!important}@keyframes criticalHpFlash{0%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(1.02)}}.dash-progress-pod{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#080e1ceb,#120818eb);border:1px solid #00f0ff66;border-radius:16px;flex-direction:column;gap:6px;min-width:280px;padding:10px 16px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 8px 24px #0009,inset 0 0 10px #00f0ff1a}.dash-progress-pod.ready{border-color:#00f0ffcc;box-shadow:0 0 25px #00f0ff66,inset 0 0 12px #00f0ff33}.dash-progress-pod.recharging{border-color:#a0c0e04d}.dash-progress-header{font-family:var(--font-heading);justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.dash-progress-title{color:#80a0c0;letter-spacing:1px}.dash-progress-status{color:#00f0ff;letter-spacing:1px;font-weight:800}.dash-progress-bar-container{background:#0a0f1ee6;border:1px solid #00f0ff66;border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden}.dash-progress-fill{background:linear-gradient(90deg,#00f0ff,#0f6);height:100%;transition:width .1s linear;box-shadow:0 0 12px #00f0ff}.dash-progress-stripes{pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 8px,#ffffff14 8px 16px);width:100%;height:100%;position:absolute;top:0;left:0}.pause-overlay-transparent{z-index:100;pointer-events:auto;background:radial-gradient(circle,#0000 50%,#0006 100%);justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding-top:18px;display:flex;position:absolute;top:0;left:0}.pause-top-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#080e1cf0,#140818f0);border:1px solid #00f0ff80;border-radius:30px;align-items:center;gap:12px;padding:6px 16px;animation:.25s cubic-bezier(.16,1,.3,1) slideDownPill;display:flex;box-shadow:0 8px 30px #000c,inset 0 0 12px #00f0ff26}@keyframes slideDownPill{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.pause-pill-badge{align-items:center;gap:6px;display:flex}.pause-pill-icon{font-size:14px}.pause-pill-title{font-family:var(--font-heading);color:var(--neon-cyan);letter-spacing:1.5px;font-size:12px;font-weight:900}.pause-pill-divider{background:#00f0ff59;width:1px;height:20px}.pause-pill-btn{font-family:var(--font-heading);color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;outline:none;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:800;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex}.pause-pill-btn:hover{background:#00f0ff26;border-color:#00f0ff;transform:scale(1.06);box-shadow:0 0 12px #00f0ff80}.pause-pill-btn.btn-pink{color:#fff;border-color:#ff007f80}.pause-pill-btn.btn-pink:hover{background:#ff007f33;border-color:#ff007f;box-shadow:0 0 14px #ff007f99}.pause-pill-btn.btn-gold{color:#fff;border-color:#ffb70080}.pause-pill-btn.btn-gold:hover{background:#ffb70033;border-color:#ffb700;box-shadow:0 0 14px #ffb70099}.pill-key-tag{color:var(--neon-cyan);background:#00f0ff33;border:1px solid #00f0ff99;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:900}.title-chassis-border{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));filter:drop-shadow(0 0 30px #00f0ff66);background:linear-gradient(135deg,#00f0ffe6,#ff007fe6);width:100%;max-width:620px;padding:2px;position:relative}.title-chassis-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);clip-path:polygon(0 0,calc(100% - 22.5px) 0,100% 22.5px,100% 100%,22.5px 100%,0 calc(100% - 22.5px));text-align:center;background:linear-gradient(135deg,#080e1cf5,#16081ef5);width:100%;height:100%;padding:32px 36px;position:relative;overflow:hidden}.title-hero-logo-box{z-index:2;margin-top:8px;margin-bottom:20px;position:relative}.title-hero-main{font-family:var(--font-heading);letter-spacing:6px;color:#fff;text-shadow:0 0 20px #fff6,0 0 40px #00f0ff4d;font-size:42px;font-weight:900;line-height:1}.title-hero-sub{font-family:var(--font-heading);letter-spacing:8px;color:var(--neon-cyan);text-shadow:0 0 20px #00f0ffcc;margin-top:4px;font-size:28px;font-weight:900}.title-stats-row{z-index:2;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;display:grid;position:relative}.title-footer-meta{font-family:var(--font-heading);color:#80a0c0;letter-spacing:1px;z-index:2;border-top:1px solid #00f0ff33;justify-content:space-between;align-items:center;padding-top:12px;font-size:10px;display:flex;position:relative}.pause-chassis-border{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));filter:drop-shadow(0 0 30px #00f0ff66);background:linear-gradient(135deg,#00f0ffe6,#ff007fe6);width:100%;max-width:560px;padding:2px;position:relative}.pause-chassis-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);clip-path:polygon(0 0,calc(100% - 18.5px) 0,100% 18.5px,100% 100%,18.5px 100%,0 calc(100% - 18.5px));background:linear-gradient(135deg,#080e1cf5,#14081cf5);width:100%;height:100%;padding:28px 32px;transition:opacity .2s;position:relative;overflow:hidden}.pause-scanline-overlay{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00f0ff08 3px 6px);width:100%;height:100%;position:absolute;top:0;left:0}.pause-tactical-header{z-index:2;border-bottom:1px solid #00f0ff33;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex;position:relative}.tactical-status-indicator{font-family:var(--font-heading);color:#0f6;letter-spacing:1.5px;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.status-dot{background:#0f6;border-radius:50%;width:8px;height:8px;animation:1.5s infinite readyPulse;box-shadow:0 0 10px #0f6}.tactical-sys-label{font-family:var(--font-heading);color:#80a0c0;letter-spacing:1px;font-size:10px}.pause-hud-title{z-index:2;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex;position:relative}.pause-title-icon{font-size:24px}.pause-title-text{font-family:var(--font-heading);color:var(--neon-cyan);letter-spacing:3px;text-shadow:0 0 15px #00f0ff99;font-size:26px;font-weight:900}.pause-stats-row{z-index:2;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid;position:relative}.pause-mini-card{text-align:center;background:#00f0ff0d;border:1px solid #00f0ff40;border-radius:12px;padding:12px 10px;transition:transform .2s,border-color .2s,box-shadow .2s}.pause-mini-card:hover{border-color:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 0 16px #00f0ff4d}.mini-card-label{font-family:var(--font-heading);color:#80a0c0;letter-spacing:1px;margin-bottom:4px;font-size:9px;font-weight:800}.mini-card-val{font-family:var(--font-heading);font-size:18px;font-weight:900}.pause-mini-card.stat-gold .mini-card-val{color:var(--neon-gold);text-shadow:0 0 8px #ffb70080}.pause-mini-card.stat-cyan .mini-card-val{color:var(--neon-cyan);text-shadow:0 0 8px #00f0ff80}.pause-mini-card.stat-white .mini-card-val{color:#fff}.pause-arsenal-box{z-index:2;background:#ff007f0a;border:1px solid #ff007f40;border-radius:12px;margin-bottom:20px;padding:14px;position:relative}.pause-box-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pause-box-title{font-family:var(--font-heading);color:var(--neon-pink);letter-spacing:1.5px;font-size:11px;font-weight:800}.pause-box-count{font-family:var(--font-heading);color:#80a0c0;font-size:9px}.pause-weapons-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pause-actions-stack{z-index:2;flex-direction:column;gap:10px;display:flex;position:relative}.pause-action-btn{font-family:var(--font-heading);letter-spacing:1px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px;font-weight:800;display:flex}.cmd-key-tag{color:var(--neon-cyan);background:#00f0ff26;border:1px solid #00f0ff80;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:900}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;pointer-events:auto;cursor:default;background:#03050fd9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:absolute;top:0;left:0}.modal-content{width:100%;max-width:800px;max-height:90vh;padding:36px;position:relative;overflow-y:auto}.modal-title{font-family:var(--font-heading);text-transform:uppercase;text-align:center;letter-spacing:2px;background:linear-gradient(135deg, #fff 0%, var(--neon-cyan) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #00f0ff80);-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:32px;font-weight:900}.upgrade-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px;display:grid}.upgrade-card{border:2px solid var(--color-glass-border);cursor:pointer;text-align:center;background:#0c122ad9;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.upgrade-card:hover{border-color:var(--neon-cyan);transform:translateY(-6px)scale(1.03);box-shadow:0 0 30px #00f0ff66}.upgrade-card.rarity-rare{border-color:#08f;box-shadow:0 0 15px #0088ff4d}.upgrade-card.rarity-epic{border-color:var(--neon-purple);box-shadow:0 0 20px #9d00ff66}.upgrade-card.rarity-legendary{border-color:var(--neon-gold);animation:2s infinite neonPulse;box-shadow:0 0 25px #ffb70080}.upgrade-icon{background:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:4px;font-size:32px;display:flex}.upgrade-name{font-family:var(--font-heading);color:#fff;font-size:18px;font-weight:700}.upgrade-rarity-badge{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:800}.upgrade-desc{color:#b0c0df;font-size:13px;line-height:1.4}.title-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.title-logo{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:4px;background:linear-gradient(180deg, #fff 0%, var(--neon-cyan) 60%, var(--neon-pink) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px #00f0ffb3);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900;line-height:1.1}.title-subtitle{color:#8da4d0;letter-spacing:3px;text-transform:uppercase;font-size:16px}.menu-buttons-group{flex-direction:column;gap:16px;width:100%;max-width:320px;display:flex}.virtual-joystick-container{border:2px solid var(--color-glass-border);touch-action:none;z-index:50;background:#ffffff0d;border-radius:50%;width:120px;height:120px;display:none;position:absolute;bottom:40px;left:40px}.virtual-joystick-stick{background:var(--neon-cyan);width:50px;height:50px;box-shadow:0 0 15px var(--neon-cyan);pointer-events:none;border-radius:50%;margin-top:-25px;margin-left:-25px;position:absolute;top:50%;left:50%}@media (width<=768px){.title-logo{font-size:36px}.virtual-joystick-container{display:block}.hud-stats-row{flex-wrap:wrap;gap:8px}}.volume-slider-pod{background:#00f0ff0d;border:1px solid #00f0ff40;border-radius:14px;flex-direction:column;gap:8px;margin-top:14px;margin-bottom:14px;padding:12px 16px;display:flex}.volume-slider-header{font-family:var(--font-heading);color:#80a0c0;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.clickable-audio-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s,opacity .2s}.clickable-audio-toggle:hover{color:var(--neon-cyan)}.cyber-range-slider{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:4px;outline:none;width:100%;height:6px;transition:background .2s,opacity .2s,filter .2s}.cyber-range-slider:disabled{opacity:.35;cursor:not-allowed;filter:grayscale()}.cyber-range-slider::-webkit-slider-thumb{appearance:none;background:var(--neon-cyan);width:18px;height:18px;box-shadow:0 0 12px var(--neon-cyan), inset 0 0 4px #fff;cursor:pointer;border-radius:50%;transition:transform .15s,box-shadow .15s}.cyber-range-slider::-webkit-slider-thumb:hover{box-shadow:0 0 20px var(--neon-cyan), inset 0 0 6px #fff;transform:scale(1.2)}.cyber-range-slider::-moz-range-thumb{background:var(--neon-cyan);width:18px;height:18px;box-shadow:0 0 12px var(--neon-cyan), inset 0 0 4px #fff;cursor:pointer;border:none;border-radius:50%;transition:transform .15s,box-shadow .15s}.cyber-range-slider::-moz-range-thumb:hover{box-shadow:0 0 20px var(--neon-cyan), inset 0 0 6px #fff;transform:scale(1.2)}