@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@500;600;700&family=Inter:wght@400;600&display=swap";:root{--primary-cyan:#00f3ff;--accent-gold:#ffb703;--danger-red:#ff2a5f;--success-green:#0f8;--bg-dark:#0a0e16e0;--glass-border:#00f3ff40;--glass-glow:#00f3ff26;--crosshair-gap:8px;--crosshair-color:#0f8}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{color:#fff;background-color:#05070a;width:100%;height:100%;font-family:Rajdhani,sans-serif;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}canvas{width:100%;height:100%;display:block}#hud-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}#damage-vignette{pointer-events:none;z-index:5;width:100%;height:100%;transition:box-shadow .15s ease-out;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #ff2a5f00}#damage-vignette.hit{box-shadow:inset 0 0 140px #ff2a5fb3}#eliminated-banner{border:2px solid var(--danger-red);text-align:center;z-index:50;opacity:0;visibility:hidden;pointer-events:none;background:#0e121cf2;border-radius:8px;padding:18px 36px;transition:opacity .25s,transform .25s cubic-bezier(.18,.89,.32,1.28),visibility .25s;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 0 40px #ff2a5f99,inset 0 0 20px #ff2a5f4d}#eliminated-banner.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.banner-title{color:var(--danger-red);letter-spacing:3px;text-shadow:0 0 12px var(--danger-red);font-family:Orbitron,monospace;font-size:26px;font-weight:900}.banner-subtitle{color:#a4b7cc;letter-spacing:2px;margin-top:4px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700}#crosshair-container{pointer-events:none;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-line{background-color:var(--crosshair-color,#0f8);box-shadow:0 0 6px var(--crosshair-color,#0f8);border-radius:1px;transition:transform 50ms ease-out;position:absolute}.crosshair-line.top{width:2px;height:10px;left:23px;bottom:calc(24px + var(--crosshair-gap))}.crosshair-line.bottom{width:2px;height:10px;left:23px;top:calc(24px + var(--crosshair-gap))}.crosshair-line.left{width:10px;height:2px;top:23px;right:calc(24px + var(--crosshair-gap))}.crosshair-line.right{width:10px;height:2px;top:23px;left:calc(24px + var(--crosshair-gap))}.crosshair-dot{background:var(--crosshair-color,#0f8);width:2px;height:2px;box-shadow:0 0 4px var(--crosshair-color,#0f8);border-radius:50%;position:absolute;top:23px;left:23px}#hitmarker{opacity:0;pointer-events:none;width:32px;height:32px;transition:opacity 80ms,transform 80ms cubic-bezier(.18,.89,.32,1.28);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}#hitmarker.active{opacity:1;transform:translate(-50%,-50%)scale(1.1)}#hitmarker.headshot .hitmarker-line{background-color:var(--danger-red);box-shadow:0 0 8px var(--danger-red)}.hitmarker-line{background-color:#fff;border-radius:2px;width:10px;height:2.5px;position:absolute;box-shadow:0 0 6px #fff}.hitmarker-line.tl{top:4px;left:4px;transform:rotate(45deg)}.hitmarker-line.tr{top:4px;right:4px;transform:rotate(-45deg)}.hitmarker-line.bl{bottom:4px;left:4px;transform:rotate(-45deg)}.hitmarker-line.br{bottom:4px;right:4px;transform:rotate(45deg)}.interact-prompt{backdrop-filter:blur(8px);letter-spacing:.1em;color:#00f3ff;pointer-events:none;opacity:0;visibility:hidden;z-index:50;background:#0a101ae0;border:1px solid #00f3ff73;border-radius:6px;align-items:center;gap:10px;padding:8px 16px;font-family:Orbitron,-apple-system,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;top:calc(50% + 42px);left:50%;transform:translate(-50%)translateY(10px)scale(.92);box-shadow:0 0 20px #00f3ff40,inset 0 0 12px #00f3ff1a}.interact-prompt.active{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.interact-prompt .key-cap{color:#050b14;background:linear-gradient(135deg,#00f3ff,#0284c7);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:900;animation:1.4s ease-in-out infinite prompt-pulse;box-shadow:0 0 10px #00f3ff99}@keyframes prompt-pulse{0%,to{filter:drop-shadow(0 0 2px #00f3ff);transform:scale(1)}50%{filter:drop-shadow(0 0 8px #00f3ff);transform:scale(1.08)}}.hud-header{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.header-left{flex:1;gap:12px;display:flex}.header-right{flex:1;justify-content:flex-end;display:flex}.tactical-badge{background:var(--bg-dark);border:1px solid var(--glass-border);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000080, 0 0 15px var(--glass-glow);border-radius:6px;align-items:center;gap:12px;padding:8px 16px;display:flex}.badge-label{letter-spacing:2px;color:#8da4be;font-family:Orbitron,monospace;font-size:12px;font-weight:700}.badge-value{color:var(--primary-cyan);text-shadow:0 0 10px var(--primary-cyan);font-family:Orbitron,monospace;font-size:22px;font-weight:900}.badge-value.headshot{color:var(--danger-red);text-shadow:0 0 10px var(--danger-red)}.tactical-scoreboard{border:1px solid #00f3ff59;border-top:3px solid var(--primary-cyan);backdrop-filter:blur(16px);background:#0a101aeb;border-radius:8px;flex-direction:column;align-items:center;min-width:280px;padding:8px 24px;display:flex;box-shadow:0 8px 30px #000000a6,0 0 20px #00f3ff33}.scoreboard-protocol{letter-spacing:2px;color:#5d7897;margin-bottom:2px;font-family:Orbitron,monospace;font-size:10px;font-weight:700}.scoreboard-main{align-items:baseline;gap:8px;display:flex}.scoreboard-label{color:#a4b7cc;letter-spacing:2px;font-family:Orbitron,monospace;font-size:12px;font-weight:700}.scoreboard-number{color:#fff;text-shadow:0 0 14px #00f3ffcc,0 0 24px #00f3ff66;letter-spacing:1px;font-family:Orbitron,monospace;font-size:28px;font-weight:900}.scoreboard-number.pulse{animation:.22s ease-out scorePulse}@keyframes scorePulse{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.6);color:var(--accent-gold);transform:scale(1.15)}to{filter:brightness();transform:scale(1)}}.scoreboard-pts{color:var(--accent-gold);letter-spacing:1px;font-family:Orbitron,monospace;font-size:11px;font-weight:700}.scoreboard-sub{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:4px;display:flex}.streak-pill{color:var(--primary-cyan);letter-spacing:1px;background:#00f3ff1f;border:1px solid #00f3ff66;border-radius:4px;padding:2px 8px;font-family:Orbitron,monospace;font-size:11px;font-weight:800;transition:all .2s}.streak-pill.streak-x2{border-color:var(--success-green);color:var(--success-green);text-shadow:0 0 6px var(--success-green);background:#00ff8826}.streak-pill.streak-x3{border-color:var(--accent-gold);color:var(--accent-gold);text-shadow:0 0 8px var(--accent-gold);background:#ffb7032e}.streak-pill.streak-x4{border-color:var(--danger-red);color:var(--danger-red);text-shadow:0 0 10px var(--danger-red);background:#ff2a5f38}.scoreboard-best{color:#728aa5;letter-spacing:1px;font-size:12px;font-weight:700}.scoreboard-best span{color:#c5d7ed;font-family:Orbitron,monospace}.combo-bar-bg{background:#ffffff1a;border-radius:2px;width:100%;height:3px;margin-top:6px;overflow:hidden}.combo-bar-fill{background:linear-gradient(90deg, var(--primary-cyan), var(--accent-gold));height:100%;box-shadow:0 0 6px var(--primary-cyan);transition:width 80ms linear}#reward-toast-container{pointer-events:none;z-index:25;flex-direction:column;gap:8px;display:flex;position:absolute;top:96px;right:28px}.reward-toast{border-left:4px solid var(--success-green);backdrop-filter:blur(12px);letter-spacing:1px;background:#0a101aeb;border-radius:4px;align-items:center;gap:12px;padding:8px 16px;font-family:Orbitron,monospace;font-size:13px;font-weight:800;animation:.25s ease-out forwards toastSlideIn;display:flex;box-shadow:0 4px 18px #0009,0 0 10px #0f83}.reward-toast.heal{border-left-color:var(--success-green);color:#e2fff1}.reward-toast.heal .toast-value{color:var(--success-green);text-shadow:0 0 8px var(--success-green)}.reward-toast.ammo{border-left-color:var(--primary-cyan);color:#e2f9ff;box-shadow:0 4px 18px #0009,0 0 10px #00f3ff33}.reward-toast.ammo .toast-value{color:var(--primary-cyan);text-shadow:0 0 8px var(--primary-cyan)}.reward-toast.score{border-left-color:var(--accent-gold);color:#fff9e6;box-shadow:0 4px 18px #0009,0 0 10px #ffb70333}.reward-toast.score .toast-value{color:var(--accent-gold);text-shadow:0 0 8px var(--accent-gold)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}#kill-feed{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.kill-feed-entry{border-left:3px solid var(--accent-gold);backdrop-filter:blur(8px);letter-spacing:1px;background:#0c121cd9;border-radius:4px;align-items:center;gap:10px;padding:6px 14px;font-size:14px;font-weight:700;animation:.25s ease-out forwards slideInRight;display:flex}.kill-feed-entry.headshot{border-left-color:var(--danger-red)}.kill-feed-entry .badge-headshot{color:var(--danger-red)}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.hud-footer{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.tactical-card{background:var(--bg-dark);border:1px solid var(--glass-border);backdrop-filter:blur(14px);box-shadow:0 6px 24px #0009, 0 0 20px var(--glass-glow);border-radius:8px;min-width:220px;padding:14px 22px}.stat-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.stat-label{letter-spacing:2px;color:#7b94ad;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700}.stat-value{font-family:Orbitron,monospace;font-size:32px;font-weight:900;line-height:1}.stat-value.hp{color:var(--success-green);text-shadow:0 0 12px #0f86}.stat-value.hp.low{color:var(--danger-red);text-shadow:0 0 15px #ff2a5fcc;animation:.8s infinite alternate pulseLow}@keyframes pulseLow{0%{opacity:.6}to{opacity:1}}.stat-value.ammo{color:#fff}.stat-subvalue{color:#6884a4;margin-left:4px;font-size:18px}.progress-bar-bg{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-top:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, #00d26a, var(--success-green));width:100%;height:100%;box-shadow:0 0 8px var(--success-green);border-radius:4px;transition:width .2s ease-out,background .2s}.progress-bar-fill.low{background:linear-gradient(90deg, #b8173d, var(--danger-red));box-shadow:0 0 8px var(--danger-red)}#reload-prompt{color:var(--accent-gold);letter-spacing:2px;text-align:right;opacity:0;margin-top:6px;font-family:Orbitron,monospace;font-size:13px;font-weight:800;transition:opacity .15s}#reload-prompt.blink{opacity:1;animation:.6s infinite alternate blinkWarn}@keyframes blinkWarn{0%{opacity:.3}to{opacity:1}}#splash-overlay{backdrop-filter:blur(16px);z-index:100;background:radial-gradient(circle,#0e1420d9 0%,#05070cf5 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:absolute;top:0;left:0}#splash-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.menu-card{border:1px solid var(--glass-border);box-shadow:0 12px 40px #000c, 0 0 35px var(--glass-glow);text-align:center;background:#0d131feb;border-radius:14px;width:90%;max-width:600px;padding:38px 46px;position:relative;overflow:hidden}.menu-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary-cyan), transparent);height:3px;position:absolute;top:0;left:0;right:0}.game-title{letter-spacing:8px;background:linear-gradient(135deg,#fff 0%,#f59e0b 60%,#ea580c 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;filter:drop-shadow(0 0 25px #f59e0b73);-webkit-background-clip:text;margin-bottom:6px;font-family:Orbitron,sans-serif;font-size:52px;font-weight:900}.game-subtitle{letter-spacing:3px;color:var(--primary-cyan);text-transform:uppercase;margin-bottom:28px;font-size:15px;font-weight:600}.controls-grid{text-align:left;background:#070a1299;border:1px solid #ffffff0f;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px;padding:16px 20px;display:grid}.control-item{color:#a4b7cc;align-items:center;gap:10px;font-size:14px;display:flex}.key-cap{color:var(--primary-cyan);text-align:center;background:#00f3ff1f;border:1px solid #00f3ff59;border-radius:4px;min-width:32px;padding:4px 8px;font-family:Orbitron,monospace;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0006}.deploy-btn{color:#fff;letter-spacing:3px;cursor:pointer;background:linear-gradient(135deg,#00d2ff 0%,#07f 100%);border:none;border-radius:8px;width:100%;padding:16px 40px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:900;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 6px 25px #0077ff73}.deploy-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 30px #00b4ff99}.deploy-btn:active{transform:translateY(1px)}.menu-footer{color:#556c86;letter-spacing:1px;margin-top:18px;font-size:12px}.settings-menu-btn{color:var(--primary-cyan);letter-spacing:2px;border:1px solid var(--glass-border);cursor:pointer;background:#0e1622d9;border-radius:6px;width:100%;margin-top:10px;padding:12px 30px;font-family:Orbitron,monospace;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 4px 15px #0006}.settings-menu-btn:hover{border-color:var(--primary-cyan);background:#00f3ff26;transform:translateY(-1px);box-shadow:0 0 20px #00f3ff59}.quick-settings-btn{background:var(--bg-dark);color:#a4b7cc;border:1px solid var(--glass-border);cursor:pointer;pointer-events:auto;backdrop-filter:blur(8px);border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .15s;display:flex}.quick-settings-btn:hover{color:var(--primary-cyan);border-color:var(--primary-cyan);transform:rotate(45deg);box-shadow:0 0 14px #00f3ff66}.modal-overlay{backdrop-filter:blur(14px);z-index:100;pointer-events:auto;opacity:1;visibility:visible;background:#04070ce0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s,visibility .2s;display:flex;position:absolute;top:0;left:0}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.settings-card{border:1px solid #00f3ff59;border-top:3px solid var(--primary-cyan);background:#0c111af2;border-radius:10px;flex-direction:column;width:640px;max-width:92vw;animation:.22s cubic-bezier(.18,.89,.32,1.28) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 15px 50px #000c,0 0 35px #00f3ff33}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-header{background:#101826b3;border-bottom:1px solid #00f3ff33;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{letter-spacing:2px;color:var(--primary-cyan);text-shadow:0 0 10px #00f3ff80;font-family:Orbitron,monospace;font-size:15px;font-weight:800}.modal-close-btn{color:#728aa5;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;transition:color .15s}.modal-close-btn:hover{color:var(--danger-red)}.settings-tabs{background:#080c14cc;border-bottom:1px solid #ffffff14;display:flex;overflow-x:auto}.tab-btn{color:#8da4be;letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 14px;font-family:Orbitron,monospace;font-size:11px;font-weight:700;transition:all .18s}.tab-btn:hover{color:#fff;background:#00f3ff0f}.tab-btn.active{color:var(--primary-cyan);border-bottom-color:var(--primary-cyan);text-shadow:0 0 8px #00f3ff66;background:#00f3ff1a}.tab-content-container{max-height:52vh;padding:24px;overflow-y:auto}.tab-pane{flex-direction:column;gap:18px;display:none}.tab-pane.active{display:flex}.setting-row{background:#121a2873;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.setting-info{flex-direction:column;gap:2px;display:flex}.setting-title{letter-spacing:1px;color:#fff;font-family:Orbitron,monospace;font-size:13px;font-weight:700}.setting-desc{color:#7b94ad;font-size:13px}.slider-wrapper{align-items:center;gap:14px;min-width:200px;display:flex}.slider-wrapper input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:#00f3ff33;border-radius:3px;outline:none;flex:1;height:6px}.slider-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-cyan);width:16px;height:16px;box-shadow:0 0 8px var(--primary-cyan);cursor:pointer;border-radius:50%;transition:transform .1s}.slider-wrapper input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-val{color:var(--primary-cyan);text-align:right;min-width:54px;font-family:Orbitron,monospace;font-size:13px;font-weight:800}.tactical-switch{flex-shrink:0;width:48px;height:24px;display:inline-block;position:relative}.tactical-switch input{opacity:0;width:0;height:0}.slider-toggle{cursor:pointer;background-color:#ffffff26;border:1px solid #fff3;border-radius:24px;transition:all .2s;position:absolute;inset:0}.slider-toggle:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.tactical-switch input:checked+.slider-toggle{border-color:var(--primary-cyan);background-color:#00f3ff4d;box-shadow:0 0 10px #00f3ff66}.tactical-switch input:checked+.slider-toggle:before{background-color:var(--primary-cyan);box-shadow:0 0 8px var(--primary-cyan);transform:translate(24px)}.keybinds-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.keybind-item{background:#10182680;border:1px solid #ffffff14;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.keybind-label{color:#c0d1e5;font-size:14px;font-weight:600}.keybind-key{color:var(--primary-cyan);cursor:pointer;text-align:center;background:#00f3ff1f;border:1px solid #00f3ff66;border-radius:4px;min-width:60px;padding:4px 10px;font-family:Orbitron,monospace;font-size:12px;font-weight:800;transition:all .15s}.keybind-key:hover{border-color:var(--primary-cyan);background:#00f3ff40}.keybind-key.binding{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffb70340;animation:.6s infinite alternate bindingPulse}@keyframes bindingPulse{0%{box-shadow:0 0 4px var(--accent-gold);transform:scale(1)}to{box-shadow:0 0 14px var(--accent-gold);transform:scale(1.05)}}.keybind-hint{color:#6d88a4;text-align:center;margin-top:4px;font-size:12px}.color-picker-group{gap:12px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:all .15s}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 12px #fffc}.setting-action-row{justify-content:flex-end;margin-top:4px;display:flex}.tactical-btn-secondary{color:#9cb4cc;letter-spacing:1px;cursor:pointer;background:#141c2ccc;border:1px solid #ffffff26;border-radius:5px;padding:8px 18px;font-family:Orbitron,monospace;font-size:12px;font-weight:700;transition:all .15s}.tactical-btn-secondary:hover{color:#fff;border-color:var(--primary-cyan);background:#00f3ff1f}.modal-footer{background:#0a0f18d9;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.debug-toggle-box{backdrop-filter:blur(8px);background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:14px;padding:10px 18px;display:flex}.debug-label{letter-spacing:1.5px;color:#f59e0b;text-shadow:0 0 10px #f59e0b66;font-family:Orbitron,monospace;font-size:13px;font-weight:800}.debug-status-text{letter-spacing:.5px;color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:color .2s}.debug-status-text.active{color:#10b981;text-shadow:0 0 8px #10b98180}