*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--hud-bg:#0f1412bf;--hud-border:#4ade8040;--accent:#4ade80;--accent-hot:#f97316;--accent-gold:#fbbf24;--text:#e8edf5;--font-ui:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace}html,body{width:100%;height:100%;font-family:var(--font-ui);color:var(--text);background:#0a0a12;overflow:hidden}#game-canvas{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}#start-screen{z-index:100;cursor:default;background:radial-gradient(at 50% 40%,#00e5ff14 0%,#0000 60%),linear-gradient(#0a0a12 0%,#12121f 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .5s;display:flex;position:fixed;inset:0}#start-screen.hidden{opacity:0;pointer-events:none}#start-screen h1{letter-spacing:-1px;background:linear-gradient(135deg, var(--accent) 0%, #7c4dff 50%, var(--accent-hot) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,6vw,5rem);font-weight:900;animation:3s ease-in-out infinite alternate titlePulse}@keyframes titlePulse{0%{filter:brightness()}to{filter:brightness(1.3)}}#start-screen p{color:#e8edf599;text-align:center;max-width:420px;font-size:1.05rem;line-height:1.6}.controls-hint{grid-template-columns:repeat(2,1fr);gap:12px 32px;margin-top:8px;display:grid}.controls-hint span{font-family:var(--font-mono);color:#e8edf573;font-size:.85rem}.controls-hint span b{color:var(--accent);font-weight:700}#fruit-select{flex-wrap:wrap;justify-content:center;gap:24px;max-width:700px;margin-top:12px;display:flex}.fruit-card{cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:180px;height:180px;transition:all .25s;display:flex}.fruit-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-3px)}.fruit-card.selected{background:#00e5ff14;border-color:#00e5ff80;box-shadow:0 0 24px #00e5ff26,inset 0 0 20px #00e5ff0d}.fruit-card[data-fruit=Takaw\ Batman].selected{background:#f1c40f14;border-color:#f1c40f80;box-shadow:0 0 24px #f1c40f33,inset 0 0 20px #f1c40f0d}.fruit-card[data-fruit=Army].selected{background:#4f744f14;border-color:#4f744f80;box-shadow:0 0 24px #4f744f33,inset 0 0 20px #4f744f0d}.fruit-card[data-fruit=Sport].selected{background:#e67e2214;border-color:#e67e2280;box-shadow:0 0 24px #e67e2233,inset 0 0 20px #e67e220d}.fruit-card[data-fruit=Marvel].selected{background:#e74c3c14;border-color:#e74c3c80;box-shadow:0 0 24px #e74c3c33,inset 0 0 20px #e74c3c0d}.fruit-card-icon{border-radius:50%;width:72px;height:72px;box-shadow:0 4px 16px #0000004d}.fruit-card-name{color:#fff;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.fruit-card-desc{color:#fff6;text-align:center;max-width:160px;font-family:Outfit,sans-serif;font-size:.75rem;line-height:1.4}#test-mode-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:#e8edf5d9;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.95rem;transition:all .2s;display:flex}#test-mode-toggle:hover{background:#ffffff0d;border-color:#ffffff1a}#test-mode-toggle input[type=checkbox]{cursor:pointer;accent-color:#00e5ff;width:16px;height:16px}.test-mode-hint{color:#e8edf566;font-size:.8rem}#start-btn{font-family:var(--font-ui);letter-spacing:1px;text-transform:uppercase;color:#0a0a12;background:linear-gradient(135deg, var(--accent), #7c4dff);cursor:pointer;border:none;border-radius:12px;margin-top:12px;padding:16px 52px;font-size:1.15rem;font-weight:700;transition:transform .2s,box-shadow .3s;box-shadow:0 4px 30px #00e5ff4d}#start-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 40px #4ade8080}#lobby-ui{z-index:99;cursor:default;background:0 0;display:block;position:fixed;inset:0;overflow:hidden auto}#lobby-ui.hidden{display:none}#lobby-nav{border-bottom:1px solid var(--hud-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0e0cf2;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.nav-tabs{gap:20px;display:flex}.nav-tab{color:#fff6;font-family:var(--font-ui);letter-spacing:2px;cursor:pointer;background:0 0;border:none;padding:10px 0;font-size:1.2rem;font-weight:900;transition:color .2s;position:relative}.nav-tab:hover{color:#fffc}.nav-tab.active{color:var(--accent)}.nav-tab.active:after{content:"";background:var(--accent);width:100%;height:3px;box-shadow:0 0 10px var(--accent);position:absolute;bottom:-17px;left:0}.nav-right{align-items:center;gap:30px;display:flex}#nav-deploy-btn{font-family:var(--font-ui);letter-spacing:2px;color:#000;background:var(--accent);cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:1.1rem;font-weight:900;transition:all .2s;box-shadow:0 0 15px #4ade8066}#nav-deploy-btn:hover{background:#22c55e;transform:scale(1.05);box-shadow:0 0 25px #4ade8099}.lobby-panel{width:100%;display:none}.lobby-panel.active{display:flex}#outfits-panel{flex-direction:column;position:relative}.skins-fullscreen{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0e0cf2;flex-direction:column;padding:30px 40px;display:flex}.skins-fullscreen.hidden{display:none}#inventory-content{flex-direction:column;display:flex}.skins-focus{flex:1;display:flex;position:relative}.skins-focus.hidden{display:none}#anim-state-label{font-family:var(--font-mono);color:var(--accent);border-left:4px solid var(--accent);text-transform:uppercase;letter-spacing:2px;background:#00000080;padding:10px 20px;font-size:1.5rem;font-weight:700;position:absolute;top:40px;left:40px}.item-focus-sidebar{background:linear-gradient(90deg,#0000,#0a0e0cfa 10%);flex-direction:column;justify-content:center;gap:20px;width:480px;padding:40px;display:flex;position:absolute;top:0;bottom:0;right:0}#back-to-grid-btn{color:#fff;font-family:var(--font-ui);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;align-self:flex-start;margin-bottom:auto;padding:8px 16px;font-weight:700}#back-to-grid-btn:hover{background:#ffffff1a}.item-focus-details h1{text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;font-size:2.8rem;font-weight:900}.focus-rarity{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;margin-bottom:16px;font-size:1rem;font-weight:700}#focus-desc{color:#ffffffb3;font-size:1.1rem;line-height:1.5}#equip-btn{width:100%;font-family:var(--font-ui);letter-spacing:1px;background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:8px;padding:16px 24px;font-size:1.2rem;font-weight:700}#equip-btn:hover{background:#22c55e}.skins-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.skins-panel-header h2{letter-spacing:3px;color:var(--text);text-shadow:0 2px 10px #00000080;margin:0;font-size:1.8rem;font-weight:900}#kb-display{font-family:var(--font-mono);color:#d4af37;letter-spacing:1px;text-shadow:0 0 10px #d4af374d;background:#d4af371a;border:1px solid #d4af374d;border-radius:8px;padding:8px 16px;font-size:1.1rem;font-weight:700}.category-tabs{gap:6px;margin-bottom:16px;display:flex}.cat-tab{font-family:var(--font-ui);letter-spacing:1.5px;color:#fff6;cursor:pointer;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:10px 0;font-size:.8rem;font-weight:700;transition:all .2s}.cat-tab:hover{color:#ffffffb3;background:#ffffff14;border-color:#ffffff26}.cat-tab.active{color:var(--accent);border-color:var(--accent);background:#4ade801a;box-shadow:0 0 12px #4ade8026}.outfit-grid{grid-template-columns:repeat(2,1fr);align-content:start;gap:12px;padding-right:6px;display:grid}.outfit-grid::-webkit-scrollbar{width:4px}.outfit-grid::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.outfit-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}#shop-content{flex-direction:column;gap:16px;padding-right:6px;display:flex}#shop-content::-webkit-scrollbar{width:4px}#shop-content::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}#shop-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.shop-timer{font-family:var(--font-mono);color:var(--accent-hot);background:#f973161a;border:1px solid #f973164d;border-radius:4px;padding:4px 10px;font-size:.8rem;font-weight:700}.shop-section-title{font-family:var(--font-ui);letter-spacing:2px;color:#fff;border-bottom:2px solid #ffffff1a;margin-top:8px;padding-bottom:4px;font-size:1rem;font-weight:900}.shop-section-title:first-child{margin-top:0}.featured-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.daily-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.outfit-card.featured .outfit-card-swatch{aspect-ratio:.8}.outfit-card.daily .outfit-card-swatch{aspect-ratio:1}.outfit-card.daily .outfit-card-name{padding:6px 6px 4px;font-size:.65rem}.outfit-card.daily .outfit-card-badge{padding:3px 6px;font-size:.6rem;top:6px;right:6px}.outfit-card.rarity-legendary{border-color:#d4af37;box-shadow:inset 0 0 20px #d4af371a,0 2px 10px #d4af3733}.outfit-card.rarity-epic{border-color:#9b59b6;box-shadow:inset 0 0 20px #9b59b61a,0 2px 10px #9b59b633}.outfit-card.rarity-rare{border-color:#3498db;box-shadow:inset 0 0 20px #3498db1a,0 2px 10px #3498db33}.outfit-card.rarity-uncommon{border-color:#2ecc71;box-shadow:inset 0 0 20px #2ecc711a,0 2px 10px #2ecc7133}.outfit-card.rarity-common{border-color:#fff3}.outfit-card.rarity-legendary:hover{border-color:#f1c40f;transform:translateY(-3px)scale(1.02);box-shadow:inset 0 0 30px #f1c40f33,0 6px 20px #f1c40f66}.outfit-card.rarity-epic:hover{border-color:#af7ac5;transform:translateY(-3px)scale(1.02);box-shadow:inset 0 0 30px #af7ac533,0 6px 20px #af7ac566}.outfit-card.rarity-rare:hover{border-color:#5dade2;transform:translateY(-3px)scale(1.02);box-shadow:inset 0 0 30px #5dade233,0 6px 20px #5dade266}.outfit-card.rarity-uncommon:hover{border-color:#58d68d;transform:translateY(-3px)scale(1.02);box-shadow:inset 0 0 30px #58d68d33,0 6px 20px #58d68d66}.outfit-card{cursor:pointer;background:#ffffff08;border:2px solid #ffffff14;border-radius:10px;flex-direction:column;transition:all .25s;display:flex;position:relative;overflow:hidden}.outfit-card:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:0 6px 20px #0006}.outfit-card.selected{border-color:var(--accent-hot);box-shadow:0 0 0 1px var(--accent-hot), 0 0 24px #f973164d}.outfit-card.equipped{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 20px #4ade8033}.outfit-card-swatch{aspect-ratio:1.3;width:100%;position:relative;box-shadow:inset 0 -20px 30px #00000080}.outfit-card-name{font-family:var(--font-ui);color:var(--text);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;padding:10px 10px 8px;font-size:.75rem;font-weight:700;overflow:hidden}.outfit-card-badge{font-family:var(--font-mono);letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700;position:absolute;top:8px;right:8px}.outfit-card-badge.free{color:var(--accent);background:#4ade8033;border:1px solid #4ade804d}.outfit-card-badge.price{color:#d4af37;background:#d4af3726;border:1px solid #d4af3740}.outfit-card-badge.equipped-badge{color:var(--accent);background:#4ade8033;border:1px solid #4ade8066}.outfit-card-lock{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:all .2s;display:flex;position:absolute;inset:0}.outfit-card:hover .outfit-card-lock{background:#0006}.outfit-card-lock .lock-icon{opacity:.7;font-size:1.4rem}.outfit-card-lock .lock-price{font-family:var(--font-mono);color:#d4af37;letter-spacing:1px;font-size:.8rem;font-weight:700}#unlock-area{margin-top:12px}#unlock-area.hidden{display:none}#unlock-btn{width:100%;font-family:var(--font-ui);letter-spacing:1px;color:#1a1a1a;cursor:pointer;background:linear-gradient(135deg,#d4af37,#f0d060);border:none;border-radius:8px;padding:16px 24px;font-size:1rem;font-weight:700;transition:all .25s;box-shadow:0 4px 20px #d4af374d}#unlock-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0c050,#f8e080);transform:translateY(-2px);box-shadow:0 6px 28px #d4af3780}#unlock-btn:disabled{color:#ffffff40;cursor:not-allowed;box-shadow:none;background:#ffffff14}@keyframes unlock-pulse{0%{box-shadow:0 0 #d4af3780}70%{box-shadow:0 0 0 12px #d4af3700}to{box-shadow:0 0 #d4af3700}}.outfit-card.just-unlocked{animation:.6s ease-out unlock-pulse}.ds-kb span:last-child{color:#d4af37;text-shadow:0 0 8px #d4af374d}#next-loadout-btn{font-family:var(--font-ui);letter-spacing:1px;color:#000;background:var(--accent);cursor:pointer;border:none;border-radius:8px;margin-top:14px;padding:18px 24px;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 20px #4ade804d}#next-loadout-btn:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 6px 25px #4ade8080}#loadout-panel{background:radial-gradient(at 50% 30%,#7c4dff1a 0%,#0000 60%),linear-gradient(#0a0a12 0%,#12121f 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;overflow-y:auto}#loadout-panel h2{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg, var(--accent-gold) 0%, var(--accent-hot) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.loadout-columns{flex-wrap:wrap;justify-content:center;gap:28px;max-width:1100px;display:flex}.loadout-col{flex-direction:column;flex:1;gap:12px;min-width:240px;max-width:320px;display:flex}.loadout-col-title{text-transform:uppercase;letter-spacing:3px;color:#e8edf566;text-align:center;border-bottom:1px solid #78c8ff26;padding-bottom:6px;font-size:.75rem}.weapon-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#141423b3;border:2px solid #78c8ff1f;border-radius:12px;padding:14px 16px;transition:all .25s;position:relative}.weapon-card:hover{background:#1e1e32cc;border-color:#78c8ff59;transform:translateY(-2px)}.weapon-card.selected{border-color:var(--accent);background:#00e5ff14;box-shadow:0 0 20px #00e5ff26,inset 0 0 30px #00e5ff0d}.weapon-card.selected:after{content:"✓";color:var(--accent);font-size:1.1rem;font-weight:700;position:absolute;top:8px;right:12px}.weapon-card.locked{opacity:.3;pointer-events:none}.weapon-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.weapon-icon{text-align:center;width:36px;font-size:1.6rem}.weapon-name{color:var(--text);font-size:1rem;font-weight:700}.weapon-caliber{font-family:var(--font-mono);color:#e8edf559;margin-top:1px;font-size:.65rem}.weapon-stats{flex-direction:column;gap:5px;display:flex}.stat-row{align-items:center;gap:8px;display:flex}.stat-name{text-transform:uppercase;letter-spacing:1px;color:#e8edf566;flex-shrink:0;width:52px;font-size:.6rem}.stat-bar-outer{background:#ffffff0f;border-radius:3px;flex:1;height:5px;overflow:hidden}.stat-bar-inner{border-radius:3px;height:100%;transition:width .4s}.stat-bar-inner.dmg{background:linear-gradient(90deg,#ff3d5a,#ff6b81)}.stat-bar-inner.rof{background:linear-gradient(90deg,#00e5ff,#40c4ff)}.stat-bar-inner.acc{background:linear-gradient(90deg,#00e676,#69f0ae)}.stat-bar-inner.mag{background:linear-gradient(90deg,#ffd740,#ffe082)}.stat-bar-inner.spd{background:linear-gradient(90deg,#ce93d8,#e1bee7)}.stat-bar-inner.rng{background:linear-gradient(90deg,#ffab40,#ffcc80)}#interact-prompt{pointer-events:none;z-index:100;color:#fffc;text-shadow:0 2px 4px #000c;font-size:1rem;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}#interact-prompt.hidden{opacity:0;transform:translate(-50%,-45%)}#fruit-dealer-ui{z-index:200;pointer-events:auto;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}#fruit-dealer-ui.hidden{display:none}.npc-dialog{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#141428f2,#1e1e3cf2);border:1px solid #ffd7404d;border-radius:16px;min-width:340px;max-width:420px;padding:32px 40px;box-shadow:0 12px 48px #0009,0 0 30px #ffd7401a}.npc-name{color:#ffd740;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.npc-text{color:#ffffffbf;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:.95rem;font-style:italic;line-height:1.5}.fruit-options{gap:12px;margin-bottom:20px;display:flex}.fruit-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;flex:1;padding:14px 16px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.fruit-btn:hover{background:#ffd74026;border-color:#ffd74080;transform:translateY(-2px);box-shadow:0 4px 16px #ffd74033}#btn-close-dealer{color:#fff9;cursor:pointer;background:#ff3c3c1a;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}#btn-close-dealer:hover{color:#fff;background:#ff3c3c40;border-color:#ff3c3c66}.weapon-note{font-family:var(--font-mono);color:var(--accent-hot);opacity:.7;margin-top:6px;font-size:.6rem}.locked-overlay{z-index:2;background:#0a0a12d9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none;position:absolute;inset:0}.locked-overlay.active{display:flex}.locked-overlay span{font-family:var(--font-mono);letter-spacing:2px;color:var(--accent-hot);text-transform:uppercase;font-size:.75rem}.locked-overlay small{color:#e8edf559;font-size:.6rem}#deploy-btn{font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;color:#0a0a12;background:linear-gradient(135deg, var(--accent-gold), var(--accent-hot));cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:16px 64px;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .3s;box-shadow:0 4px 30px #ffd7404d}#deploy-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 40px #ffd74080}#hud{pointer-events:none;z-index:50;opacity:0;transition:opacity .4s;position:fixed;inset:0}#hud.visible{opacity:1}#crosshair{width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#ffffffd9;border-radius:1px;position:absolute}#crosshair:before{width:2px;height:100%;left:50%;transform:translate(-50%)}#crosshair:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.crosshair-dot{background:var(--accent);width:4px;height:4px;box-shadow:0 0 6px var(--accent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hitmarker{opacity:0;width:24px;height:24px;transition:opacity 50ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hitmarker.flash{opacity:1}#top-bar{background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hud-border);border-radius:14px;gap:32px;padding:10px 28px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:2px;color:#e8edf573;font-size:.65rem}.stat-value{font-family:var(--font-mono);font-size:1.35rem;font-weight:700}#score-val{color:var(--accent-gold)}#kills-val{color:var(--accent-hot)}#timer-val{color:var(--accent)}#bottom-bar{align-items:flex-end;gap:40px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.bottom-panel{background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hud-border);border-radius:14px;align-items:center;gap:14px;padding:12px 24px;display:flex}#health-bar-outer{background:#ffffff14;border-radius:4px;width:160px;height:8px;overflow:hidden}#health-bar-inner{background:linear-gradient(90deg,#00e676,#69f0ae);border-radius:4px;width:100%;height:100%;transition:width .3s}#health-label{font-family:var(--font-mono);font-size:.85rem}#ammo-display{font-family:var(--font-mono);font-size:1.6rem;font-weight:700}#ammo-current{color:var(--text)}#ammo-sep{color:#e8edf54d;margin:0 4px}#ammo-reserve{color:#e8edf566;font-size:1rem}#ammo-display.reloading #ammo-current{color:var(--accent-hot);animation:.4s infinite alternate reloadBlink}@keyframes reloadBlink{0%{opacity:1}to{opacity:.3}}#reload-hint{text-transform:uppercase;letter-spacing:1px;color:#e8edf559;font-size:.7rem}#muzzle-flash{opacity:0;pointer-events:none;filter:blur(4px);background:radial-gradient(circle,#ffc832e6 0%,#ff641480 40%,#0000 70%);border-radius:50%;width:80px;height:80px;position:absolute;bottom:25%;right:35%}#muzzle-flash.flash{animation:80ms ease-out forwards muzzle}@keyframes muzzle{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1.5)}}#kill-feed{flex-direction:column;gap:6px;display:flex;position:absolute;top:80px;right:24px}.kill-entry{background:var(--hud-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:3px solid var(--accent-hot);font-size:.8rem;font-family:var(--font-mono);color:#e8edf5bf;border-radius:6px;padding:6px 14px;animation:.3s ease-out killSlide,.5s 2s forwards killFade}@keyframes killSlide{0%{opacity:0;transform:translate(40px)}}@keyframes killFade{to{opacity:0;transform:translateY(-10px)}}#weapon-info{background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hud-border);font-family:var(--font-mono);color:#e8edf580;border-radius:12px;padding:10px 18px;font-size:.8rem;position:absolute;bottom:24px;right:24px}#slot-indicators{gap:6px;display:flex;position:absolute;bottom:80px;right:24px}.slot-ind{font-family:var(--font-mono);color:#e8edf559;background:#0a0a1299;border:1px solid #78c8ff26;border-radius:6px;padding:4px 10px;font-size:.65rem;transition:all .2s}.slot-ind.active{border-color:var(--accent);color:var(--accent);background:#00e5ff1a;box-shadow:0 0 8px #00e5ff33}.slot-ind.empty{opacity:.2}#minimap-container{background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hud-border);border-radius:14px;width:140px;height:140px;position:absolute;bottom:24px;left:24px;overflow:hidden}#error-msg{color:#fff;z-index:200;text-align:center;background:#f003;border:1px solid red;border-radius:12px;max-width:500px;padding:24px;font-family:monospace;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#damage-vignette{pointer-events:none;z-index:50;opacity:0;background:radial-gradient(#0000 40%,#c800008c 100%);transition:opacity 80ms ease-in;position:fixed;inset:0}#rage-overlay{pointer-events:none;z-index:50;opacity:0;background:radial-gradient(#0000 35%,#ff0000bf 100%);transition:opacity .15s ease-in;position:fixed;inset:0}#death-screen{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(#7800008c 0%,#0a0000e6 100%);justify-content:center;align-items:center;animation:.6s forwards deathFadeIn;display:flex;position:fixed;inset:0}#death-screen.hidden{display:none}@keyframes deathFadeIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.death-container{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.death-title{letter-spacing:4px;color:#ff3d5a;text-shadow:0 0 30px #ff3d5acc,0 0 80px #ff3d5a66;font-size:clamp(3.5rem,10vw,7rem);font-weight:900;animation:1.6s ease-in-out infinite alternate deathPulse}@keyframes deathPulse{0%{text-shadow:0 0 30px #ff3d5acc,0 0 80px #ff3d5a66}to{text-shadow:0 0 60px #ff3d5a,0 0 120px #ff3d5a99}}.death-sub{color:#e8edf58c;letter-spacing:1px;font-size:1.1rem}.death-stats{background:#0006;border:1px solid #ff3d5a4d;border-radius:12px;flex-direction:column;gap:10px;min-width:260px;padding:20px 40px;display:flex}.ds-row{font-family:var(--font-mono);color:var(--text);justify-content:space-between;gap:40px;font-size:1.1rem;display:flex}.ds-row span:last-child{color:var(--accent-gold);font-weight:700}#respawn-btn{font-family:var(--font-ui);letter-spacing:2px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff3d5a,#c0003a);border:none;border-radius:8px;margin-top:8px;padding:14px 48px;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:0 0 30px #ff3d5a80}#respawn-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 0 50px #ff3d5acc}#respawn-btn:active{transform:scale(.97)}@keyframes aggro-ring{0%{opacity:1}to{opacity:0}}#sniper-scope{pointer-events:none;z-index:10;background:radial-gradient(circle,#0000 40%,#000 41% 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}#sniper-scope.hidden{display:none}.scope-crosshair{width:100%;height:100%;position:relative}.scope-crosshair:before,.scope-crosshair:after{content:"";background:#f00c;position:absolute}.scope-crosshair:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.scope-crosshair:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.season-badge{color:#111;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#ffd740,#ff8c00);border-radius:4px;margin-bottom:20px;padding:8px 24px;font-size:1.2rem;font-weight:900;display:inline-block;box-shadow:0 4px 15px #ffd74066}#match-status{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0a0f19b3;border:1px solid #fff3;border-radius:8px;padding:12px 24px;position:absolute;top:100px;left:50%;transform:translate(-50%)}#match-status-text{letter-spacing:2px;color:#fff;opacity:.8;font-size:16px}#match-status-timer{color:#00e5ff;text-shadow:0 0 10px #00e5ff66;font-size:32px;font-weight:700}.victory-container{border-color:#00e5ff4d!important;box-shadow:0 0 40px #00e5ff26!important}#victory-respawn-btn{color:#0a0f19;letter-spacing:2px;cursor:pointer;background:#00e5ff;border:none;border-radius:6px;width:100%;margin-top:10px;padding:16px;font-size:18px;font-weight:700;transition:all .2s}#victory-respawn-btn:hover{background:#fff;box-shadow:0 0 20px #00e5ff66}#victory-respawn-btn:active{transform:scale(.98)}#mode-selection{background:#0a0e0ce6;border-bottom:1px solid #ffffff0f;gap:12px;padding:16px 40px;display:flex}.mode-card{cursor:pointer;text-align:center;background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;flex:1;padding:20px;transition:all .3s;position:relative;overflow:hidden}.mode-card:before{content:"";opacity:0;background:radial-gradient(at 50% 0,#4ade801a 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.mode-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.mode-card:hover:before{opacity:1}.mode-card.active{border-color:var(--accent);background:#4ade800f;box-shadow:0 0 20px #4ade8026,inset 0 0 30px #4ade800d}.mode-card.active:before{opacity:1}.mode-icon{filter:grayscale(.3);margin-bottom:10px;font-size:2.2rem;transition:filter .3s}.mode-card.active .mode-icon,.mode-card:hover .mode-icon{filter:grayscale(0)}.mode-name{font-family:var(--font-ui);letter-spacing:2px;color:#ffffffd9;margin-bottom:8px;font-size:1rem;font-weight:900}.mode-card.active .mode-name{color:var(--accent)}.mode-desc{color:#fff6;margin-bottom:10px;font-size:.75rem;line-height:1.4}.mode-players{font-family:var(--font-mono);color:#ffffff4d;letter-spacing:1px;text-transform:uppercase;font-size:.7rem;font-weight:700}.mode-card.active .mode-players{color:#4ade8099}#tdm-scores{z-index:20;pointer-events:none;align-items:center;gap:16px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}#tdm-scores.hidden{display:none}.tdm-team{flex-direction:column;align-items:center;gap:4px;min-width:80px;display:flex}.tdm-label{font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;font-size:.65rem;font-weight:900}.tdm-team.red .tdm-label{color:#ff4757}.tdm-team.blue .tdm-label{color:#3498db}.tdm-score{font-family:var(--font-mono);text-shadow:0 2px 10px #00000080;font-size:2.2rem;font-weight:700}.tdm-team.red .tdm-score{color:#ff6b81}.tdm-team.blue .tdm-score{color:#70a1ff}.tdm-divider{font-family:var(--font-ui);letter-spacing:3px;color:#ffffff4d;font-size:.9rem;font-weight:900}#gun-game-hud{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}#gun-game-hud.hidden{display:none}.gg-label{font-family:var(--font-ui);letter-spacing:2px;color:#fff6;text-transform:uppercase;font-size:.6rem;font-weight:700}.gg-weapon{font-family:var(--font-mono);color:var(--accent-gold);text-shadow:0 0 15px #fbbf244d;text-transform:uppercase;letter-spacing:2px;font-size:1.4rem;font-weight:700}.gg-progress{font-family:var(--font-mono);color:#ffffff80;font-size:.8rem}#respawn-countdown{z-index:50;pointer-events:none;background:#0009;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#respawn-countdown.hidden{display:none}.respawn-text{font-family:var(--font-ui);letter-spacing:3px;color:#ffffff80;text-transform:uppercase;margin-bottom:8px;font-size:1rem;font-weight:700}.respawn-timer{font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 30px #4ade8080;font-size:4rem;font-weight:700;animation:1s ease-in-out infinite respawnPulse}@keyframes respawnPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes ggAdvance{0%{transform:translate(-50%)scale(1)}30%{color:#00e5ff;text-shadow:0 0 30px #00e5ff99;transform:translate(-50%)scale(1.3)}to{transform:translate(-50%)scale(1)}}#gun-game-hud.advance{animation:.6s ease-out ggAdvance}.team-badge{font-family:var(--font-mono);letter-spacing:1px;pointer-events:none;z-index:25;border-radius:3px;padding:2px 8px;font-size:.6rem;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.team-badge.red{color:#ff4757;background:#ff475733;border:1px solid #ff47574d}.team-badge.blue{color:#3498db;background:#3498db33;border:1px solid #3498db4d}#powers-hud{flex-direction:column;gap:12px;width:240px;display:flex;position:absolute;bottom:24px;right:24px}.gem-header{background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hud-border);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.gem-icon{background:radial-gradient(circle at 30% 30%,#e0e7ff,#a5b4fc,#6366f1);border-radius:6px;width:32px;height:32px;transform:rotate(45deg);box-shadow:0 0 10px #6366f180}.gem-info{flex-direction:column;display:flex}.gem-name{font-family:var(--font-ui);color:#fff;letter-spacing:1px;font-size:1.1rem;font-weight:900}.mastery-val{font-family:var(--font-mono);color:#a5b4fc;font-size:.8rem}#mastery-amount{color:#818cf8;font-weight:700}.powers-list{flex-direction:column;gap:8px;display:flex}.power-item{background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hud-border);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .3s;display:flex}.power-item.locked{opacity:.5;filter:grayscale()}.power-item.unlocked{border-color:#a5b4fc66}.power-item.selected-power{background:#818cf826;border-color:#818cf8;transform:scale(1.02);box-shadow:0 0 15px #818cf84d,inset 0 0 10px #818cf81a}.power-cost{font-family:var(--font-mono);color:#6366f1;text-align:center;background:#6366f126;border-radius:4px;min-width:38px;padding:4px 8px;font-size:1.1rem;font-weight:700}.power-item.locked .power-cost{color:#fff6;background:#ffffff1a}.power-name{font-family:var(--font-ui);color:#e0e7ff;flex:1;font-size:.95rem;font-weight:700}.power-key{font-family:var(--font-mono);color:#ffffff80;font-size:.75rem}#turret-overlay{pointer-events:none;color:#0f0;text-shadow:0 0 8px #0f0;box-sizing:border-box;z-index:99;background:radial-gradient(circle,#0000 60%,#00320026 100%);border:4px solid #00ff0059;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:30px;font-family:JetBrains Mono,monospace;display:none;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #00ff0040}#turret-overlay.visible{display:flex}.turret-scanline{pointer-events:none;background:linear-gradient(#12101000 50%,#00ff0014 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000a,#00ff0005,#0000ff0a) 0 0/6px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.turret-top{letter-spacing:2px;font-size:1.5rem;font-weight:700;animation:1.5s ease-in-out infinite alternate turret-glow}.turret-reticle{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle-ring{border:2px dashed #0f0;border-radius:50%;width:120px;height:120px;animation:20s linear infinite turret-spin;box-shadow:0 0 10px #0f06}.reticle-line{background:#0f0;position:absolute;box-shadow:0 0 6px #0f0}.reticle-line.h{width:180px;height:2px}.reticle-line.v{width:2px;height:180px}.turret-bottom{flex-direction:column;align-items:center;gap:10px;display:flex}.turret-ammo{font-size:2.2rem;font-weight:900}.turret-hint{letter-spacing:1px;font-size:1rem;animation:1s steps(2,start) infinite turret-blink}@keyframes turret-glow{0%{text-shadow:0 0 4px #0f0,0 0 10px #0f0}to{text-shadow:0 0 8px #0f0,0 0 20px #0f0}}@keyframes turret-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes turret-blink{to{visibility:hidden}}#gaming-overlay{z-index:1000;color:#0ff;background:#0a0a0fd9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Courier New,Courier,monospace;display:flex;position:absolute;top:0;left:0}#gaming-overlay.hidden{display:none!important}.gaming-title{letter-spacing:5px;color:#00d2ff;text-shadow:0 0 10px #00d2ff;margin-bottom:20px;font-size:3rem;font-weight:900;animation:1.5s ease-in-out infinite alternate turret-glow}.gaming-track-container{background:#00000080;border:2px solid #00d2ff;border-radius:10px;gap:40px;height:400px;padding:20px 40px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00d2ff33}.gaming-lane{border-left:1px dashed #00d2ff33;border-right:1px dashed #00d2ff33;width:80px;height:100%;position:relative}.gaming-target{text-shadow:0 0 5px #000c;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;font-weight:900;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 15px}.gaming-target.red{color:#f33;border-color:#f33}.gaming-target.green{color:#3f3;border-color:#3f3}.gaming-target.blue{color:#33f;border-color:#33f}.gaming-target.yellow{color:#ff3;border-color:#ff3}.gaming-note{color:#fff;text-shadow:0 0 8px #000c;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:2.2rem;font-weight:900;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 10px}.gaming-note.red{background:#f33;box-shadow:0 0 15px #f33}.gaming-note.green{background:#3f3;box-shadow:0 0 15px #3f3}.gaming-note.blue{background:#33f;box-shadow:0 0 15px #33f}.gaming-note.yellow{color:#000;background:#ff3;box-shadow:0 0 15px #ff3}.gaming-stats{gap:50px;margin-top:20px;display:flex}.gaming-stat{font-size:1.8rem;font-weight:700}.gaming-feedback{text-shadow:0 0 10px;height:30px;margin-top:15px;font-size:2rem;font-weight:900}.gaming-feedback.hit{color:#3f3;animation:.2s bounce}.gaming-feedback.miss{color:#f33;animation:.2s shake}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}