:root{--menu-bg:#080810f7;--menu-bg-translucent:#080810eb;--menu-grid:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px);--menu-grid-size:40px 40px;--font-ui:"Courier New", monospace;--color-cyan:#00e5ff;--color-cyan-06:#00e5ff0f;--color-cyan-08:#00e5ff14;--color-cyan-12:#00e5ff1f;--color-cyan-15:#00e5ff26;--color-cyan-40:#00e5ff66;--color-cyan-50:#00e5ff80;--color-surface:#ffffff08;--color-surface-02:#ffffff05;--color-border:#ffffff26;--color-border-subtle:#ffffff1a;--color-text:#ffffffd9;--color-text-muted:#fff6;--color-text-dim:#ffffff4d;--color-gold:#fbbf24;--color-green:#4ade80;--color-red:#ff5050;--transition-fast:.12s}.menu-overlay{background:var(--menu-bg);background-image:var(--menu-grid);background-size:var(--menu-grid-size);font-family:var(--font-ui);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-overlay--translucent{background-color:var(--menu-bg-translucent)}.ui-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);box-sizing:border-box;padding:14px 24px;font-size:14px}.ui-btn:hover{background:var(--color-cyan-06);border-color:var(--color-cyan-50);color:var(--color-cyan)}.ui-btn:active{background:var(--color-cyan-12)}.ui-btn.primary{background:var(--color-cyan-08);border-color:var(--color-cyan-40);color:var(--color-cyan)}.ui-btn.primary:hover{background:var(--color-cyan-15);border-color:var(--color-cyan)}.ui-btn:disabled,.ui-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;image-rendering:pixelated;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#1a1a2e;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{justify-content:center;align-items:center;min-width:6000px;min-height:6000px;margin:0;padding:0;display:flex;overflow:hidden}#app{contain:layout style;background-color:#0f0f1a;width:3000px;height:3000px;position:relative}.d-none{display:none}.ml-2{margin-left:8px}#fog-of-war{will-change:clip-path;background-color:#c8dcff1f;position:absolute}#adaptive-quality-modal{z-index:9500;background:#080810eb;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,monospace;display:flex;position:fixed;inset:0}.aq-title{color:#ffc832e6;letter-spacing:4px;text-transform:uppercase;margin-bottom:16px;font-size:24px;font-weight:700}.aq-body{color:#ffffffb3;letter-spacing:1px;margin-bottom:30px;font-size:14px}.aq-buttons{gap:12px;display:flex}#aq-accept,#aq-dismiss{color:#ffffffd9;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff26;width:180px;padding:14px 24px;font-family:Courier New,monospace;font-size:13px;transition:background .12s,border-color .12s,color .12s}#aq-accept:hover{color:#00e5ff;background:#00e5ff0f;border-color:#00e5ff80}#aq-dismiss:hover{color:#ff5050;background:#ff50500f;border-color:#ff505080}#hud-container{pointer-events:none;z-index:1000;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;font-family:Courier New,monospace;position:fixed;top:0;left:0}#hud-status{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:30px;left:30px}.hud-bar-container{background:#0009;border:1px solid #fff3;width:200px;height:16px}.hud-bar{height:100%;transition:width .15s ease-out}#hud-health-bar{background:#4ade80}#hud-armor-bar{background:#60a5fa}.hud-bar-label{color:#fff9;margin-bottom:1px;font-size:10px}#hud-ammo{text-align:right;position:absolute;bottom:30px;right:30px}#hud-ammo-count{color:#fff;font-size:28px;font-weight:700}#hud-ammo-max{color:#ffffff80;font-size:14px}#hud-weapon-name{color:#fff6;margin-bottom:4px;font-size:11px}#hud-reload-text{color:#fbbf24;font-size:14px;animation:.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#hud-money{color:#4ade80;font-size:18px;font-weight:700;position:absolute;top:20px;right:30px}#hud-timer{color:#fff;font-size:20px;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}#hud-score{color:#fff9;font-size:12px;position:absolute;top:48px;left:50%;transform:translate(-50%)}#hud-round-score{color:#ffffff80;white-space:nowrap;font-size:11px;position:absolute;top:66px;left:50%;transform:translate(-50%)}#hud-round-banner{z-index:1100;text-align:center;pointer-events:none;opacity:0;flex-direction:column;transition:opacity 1s}#hud-round-banner.active{opacity:1}#hud-round-banner.active.won{background-color:#20802040}#hud-round-banner.active.lost{background-color:#80202040}#round-banner-text{color:#fff;text-shadow:0 0 20px #ffc83299,0 2px 8px #000c;letter-spacing:4px;font-size:48px;font-weight:700}#round-banner-sub{color:#ffffffb3;margin-top:12px;font-size:18px}#hud-pause{z-index:9000;flex-direction:column;display:none}#hud-pause.active{display:flex}#pause-title{color:var(--color-text-dim);letter-spacing:10px;text-transform:uppercase;margin-bottom:40px;font-size:36px;font-weight:700}#pause-resume,#pause-return{background:var(--color-surface);border:1px solid var(--color-border);width:260px;color:var(--color-text);font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);margin-bottom:10px;padding:14px 24px;font-size:13px}#pause-resume:hover,#pause-return:hover{background:var(--color-cyan-06);border-color:var(--color-cyan-50);color:var(--color-cyan)}#hud-match-end{z-index:1200;opacity:0;pointer-events:none;flex-direction:column;transition:opacity .6s}#hud-match-end.active{opacity:1;pointer-events:auto}#hud-match-end.active.won{background-color:#20802040}#hud-match-end.active.lost{background-color:#80202040}#match-end-title{color:var(--color-gold);text-shadow:0 0 30px #ffc83280;letter-spacing:6px;font-size:56px;font-weight:700}#match-end-winner{color:#fff;margin-top:20px;font-size:24px}#match-end-score{color:#fff9;margin-top:10px;font-size:18px}#match-end-return{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);margin-top:40px;padding:14px 36px;font-size:13px}#match-end-return:hover{background:var(--color-cyan-06);border-color:var(--color-cyan-50);color:var(--color-cyan)}#kill-banner-container{z-index:500;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;top:25%;left:50%;transform:translate(-50%)}.kill-banner{pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:4px;transition:transform .2s ease-out,opacity .2s ease-out;display:flex;transform:scale(.6)translateY(-10px)}.kill-banner.active{opacity:1;transform:scale(1)translateY(0)}.kill-banner.fade-out{opacity:0;transition:transform .5s ease-in,opacity .5s ease-in;transform:scale(.95)translateY(-10px)}.kill-banner-icon{color:#ff4040;text-shadow:0 0 16px #ff404099;font-size:36px}.kill-banner-text{letter-spacing:4px;text-transform:uppercase;color:#fff;text-shadow:0 0 8px #ff404080,0 1px 2px #000c;font-size:14px;font-weight:700}.kill-banner-name{color:#ff6b6b;text-shadow:0 0 6px #ff404066,0 1px 2px #000c;font-size:16px;font-weight:600}#hud-grenades{gap:6px;display:flex;position:absolute;bottom:30px;right:200px}.grenade-slot{color:#ffffff4d;background:#0006;border:1px solid #ffffff26;border-radius:4px;flex-direction:column;align-items:center;min-width:36px;padding:4px 8px;font-size:10px;display:flex}.grenade-slot.has-grenade{color:#ffffffe6;border-color:#fff6}.grenade-slot.selected{background:#ffc83226;border-color:#ffc832cc}.grenade-key{color:#ffc83299;font-size:11px;font-weight:700}.grenade-slot.has-grenade .grenade-key{color:#ffc832}.grenade-label{letter-spacing:.5px;font-size:8px}.grenade-count{font-size:12px;font-weight:700}.buymenu-section-header{letter-spacing:3px;color:#ffffff4d;text-transform:uppercase;text-align:left;border-top:1px solid #ffffff14;grid-column:1/-1;margin-top:8px;padding:10px 0 4px;font-size:9px}#hud-killfeed{flex-direction:column;gap:4px;max-width:300px;display:flex;position:absolute;top:60px;right:30px}.killfeed-entry{color:#fff;background:#00000080;border-radius:3px;padding:4px 8px;font-size:12px;animation:4s ease-out forwards killfeed-fade}@keyframes killfeed-fade{0%,70%{opacity:1}to{opacity:0}}#hud-crosshair{pointer-events:none;z-index:9999;position:fixed;top:0;left:0}#hud-crosshair .ch-h,#hud-crosshair .ch-v,#hud-crosshair .ch-dot{position:absolute;top:50%;left:50%}#hud-crosshair[data-weapon=PISTOL] .ch-h{background:#fff;width:16px;height:3px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000}#hud-crosshair[data-weapon=PISTOL] .ch-v{background:#fff;width:3px;height:16px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000}#hud-crosshair[data-weapon=PISTOL] .ch-dot{display:none}#hud-crosshair[data-weapon=SMG] .ch-h{background:linear-gradient(90deg,#00e5ff 8px,#0000 8px 16px,#00e5ff 16px);width:24px;height:3px;transform:translate(-50%,-50%)}#hud-crosshair[data-weapon=SMG] .ch-v{background:linear-gradient(#00e5ff 8px,#0000 8px 16px,#00e5ff 16px);width:3px;height:24px;transform:translate(-50%,-50%)}#hud-crosshair[data-weapon=SMG] .ch-dot{display:none}#hud-crosshair[data-weapon=RIFLE] .ch-h{background:linear-gradient(90deg,#50ffa0 10px,#0000 10px 18px,#50ffa0 18px);width:28px;height:2px;transform:translate(-50%,-50%)}#hud-crosshair[data-weapon=RIFLE] .ch-v{background:linear-gradient(#50ffa0 10px,#0000 10px 18px,#50ffa0 18px);width:2px;height:28px;transform:translate(-50%,-50%)}#hud-crosshair[data-weapon=RIFLE] .ch-dot{background:#50ffa0;border-radius:50%;width:4px;height:4px;transform:translate(-50%,-50%)}#hud-crosshair[data-weapon=SHOTGUN] .ch-h{background:0 0;border:3px solid #ffa520;border-radius:50%;width:28px;height:28px;transform:translate(-50%,-50%)}#hud-crosshair[data-weapon=SHOTGUN] .ch-v{display:none}#hud-crosshair[data-weapon=SHOTGUN] .ch-dot{background:#ffa520;border-radius:50%;width:5px;height:5px;transform:translate(-50%,-50%)}#hud-crosshair[data-weapon=SNIPER] .ch-h{background:#ff4040;width:40px;height:2px;transform:translate(-50%,-50%)}#hud-crosshair[data-weapon=SNIPER] .ch-v{background:#ff4040;width:2px;height:40px;transform:translate(-50%,-50%)}#hud-crosshair[data-weapon=SNIPER] .ch-dot{background:#ff4040;border-radius:50%;width:4px;height:4px;transform:translate(-50%,-50%)}#hud-crosshair:not([data-weapon]) .ch-h{background:#fff;width:16px;height:3px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000}#hud-crosshair:not([data-weapon]) .ch-v{background:#fff;width:3px;height:16px;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000}#hud-crosshair:not([data-weapon]) .ch-dot{display:none}#hud-buymenu{z-index:1002;pointer-events:auto;display:none}#hud-buymenu.open{display:flex}.buymenu-panel{box-sizing:border-box;width:100%;max-width:520px;padding:0 24px}#hud-buymenu h3{color:var(--color-text-dim);letter-spacing:4px;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:700}.buymenu-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.buymenu-item{background:var(--color-surface);border:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);color:var(--color-text);font-family:var(--font-ui);text-align:left;padding:10px}.buymenu-item:hover{background:var(--color-cyan-06);border-color:var(--color-cyan-50)}.buymenu-item.too-expensive{opacity:.3;cursor:not-allowed;pointer-events:none}.buymenu-item-name{letter-spacing:1px;color:#fff;margin-bottom:4px;font-size:13px;font-weight:700}.buymenu-item-price{color:var(--color-green);font-size:11px}.buymenu-item-stats{color:var(--color-text-muted);margin-top:4px;font-size:10px}#hud-death-overlay{z-index:999;background:#6400004d;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}#hud-death-overlay.active{justify-content:center;align-items:center;display:flex}#hud-death-text{color:#fff;text-shadow:0 2px 8px #00000080;font-size:32px;font-weight:700}#hud-damage-indicator{pointer-events:none;z-index:998;opacity:0;--dmg-angle:0deg;background:conic-gradient(from calc(var(--dmg-angle) - 40deg), transparent 0deg, #dc14148c 40deg, #dc1414b3 80deg, transparent 80deg);position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#0000 55%,#000 100%);mask-image:radial-gradient(70% 70%,#0000 55%,#000 100%)}#hud-damage-indicator.active{animation:.6s ease-out forwards damage-flash}@keyframes damage-flash{0%{opacity:1}30%{opacity:.9}to{opacity:0}}#hud-leaderboard{z-index:1100;background:#0a0a14eb;border:1px solid #ffffff26;border-radius:6px;min-width:360px;padding:16px 24px;font-family:Courier New,monospace;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#hud-leaderboard.open{display:block}#hud-leaderboard table{border-collapse:collapse;color:#fff;width:100%;font-size:13px}#hud-leaderboard thead th{color:#ffffff80;text-align:left;border-bottom:1px solid #ffffff1a;padding:4px 12px 8px 0;font-size:11px}#hud-leaderboard tbody td{padding:6px 12px 6px 0}#hud-leaderboard tbody tr.lb-local{background:#ffffff14}#hud-leaderboard tbody tr.lb-team-separator td{border-bottom:1px solid #ffffff1a;height:1px;padding:0}#hud-leaderboard tbody tr.lb-team-1 td:nth-child(2){color:#00e5ff}#hud-leaderboard tbody tr.lb-team-2 td:nth-child(2){color:#ff4757}#hud-leaderboard tbody tr.lb-team-3 td:nth-child(2){color:#ffa502}#settings-menu{z-index:10000;color:var(--color-text);font-family:var(--font-ui);font-size:13px}.settings-panel-wrapper{border:1px solid var(--color-border);box-sizing:border-box;flex-direction:column;width:100%;max-width:420px;max-height:80vh;display:flex}.settings-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.settings-header h2{letter-spacing:4px;text-transform:uppercase;color:var(--color-text-dim);margin:0;font-size:11px;font-weight:700}.settings-header button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.settings-header button:hover{color:var(--color-cyan)}.settings-tabs{border-bottom:1px solid var(--color-border-subtle);display:flex}.settings-tab{color:var(--color-text-muted);font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:11px;transition:color .15s,border-color .15s}.settings-tab:hover{color:#fffc}.settings-tab.active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.settings-body{flex:1;min-height:0;padding:12px 16px;overflow-y:auto}.settings-panel{display:none}.settings-panel.active{display:block}.keybind-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.keybind-label{font-size:13px}.keybind-btn{background:var(--color-surface);border:1px solid var(--color-border);min-width:64px;color:var(--color-text);font-size:13px;font-family:var(--font-ui);cursor:pointer;text-align:center;transition:border-color var(--transition-fast), color var(--transition-fast);padding:4px 12px}.keybind-btn:hover{border-color:var(--color-cyan-50);color:var(--color-cyan)}.keybind-btn.listening{border-color:var(--color-gold);color:var(--color-gold);animation:.8s ease-in-out infinite alternate pulse-border}@keyframes pulse-border{0%{border-color:var(--color-gold)}to{border-color:#b8860b}}.settings-row{border-bottom:1px solid #ffffff0d;flex-direction:column;align-items:start;padding:8px 0;display:flex}.settings-row label{font-size:13px}.settings-row input[type=range]{accent-color:var(--color-gold);flex:1}.settings-row span{text-align:right;color:#aaa;flex:0 0 40px;font-size:12px}.settings-row select{border:1px solid var(--color-border);font-family:var(--font-ui);padding:4px 8px;font-size:13px}.settings-row input[type=checkbox]{accent-color:var(--color-gold);width:16px;height:16px}.settings-hint{color:#ffffff59;margin-top:2px;font-size:10px;display:block}.projectile{pointer-events:none;z-index:50;contain:layout style paint;background:radial-gradient(circle,#fe6 30%,#fc0 70%,#0000 100%);border-radius:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;position:absolute}.projectile-shrapnel{background:radial-gradient(circle,#f94 30%,#f60 70%,#0000 100%);width:4px;height:4px;margin-top:-2px;margin-left:-2px}.projectile-sniper{background:radial-gradient(circle,#fff 20%,#fc0 60%,#0000 100%);width:12px;height:12px;margin-top:-6px;margin-left:-6px}.damage-number{pointer-events:none;z-index:200;color:#fff;text-shadow:0 0 4px #000,1px 1px #000;white-space:nowrap;font-family:Courier New,monospace;font-size:16px;font-weight:700;animation:.8s ease-out forwards damage-float;position:absolute;translate:-50%}.damage-number.kill{color:#ff4040;text-shadow:0 0 8px #ff4040cc,1px 1px #000;font-size:20px}@keyframes damage-float{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-40px}}#hud-crosshair.hit:before,#hud-crosshair.hit:after,#hud-crosshair.hit .ch-h,#hud-crosshair.hit .ch-v{display:none}#hud-crosshair.hit .ch-dot{background:0 0;border:3px solid #ff4040;border-radius:0;width:16px;height:16px;animation:.3s ease-out forwards hitmarker-flash;display:block;transform:translate(-50%,-50%)rotate(45deg)}#hud-crosshair.kill .ch-h,#hud-crosshair.kill .ch-v{display:none}#hud-crosshair.kill .ch-dot{background:0 0;border:3px solid red;border-radius:0;width:20px;height:20px;animation:.3s ease-out forwards hitmarker-flash;display:block;transform:translate(-50%,-50%)rotate(45deg)}@keyframes hitmarker-flash{0%{opacity:1}to{opacity:0}}.grenade{z-index:10;pointer-events:none;border-radius:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute}.grenade-FRAG{background:#4a7a3a;border:1px solid #2d4a24}.grenade-FLASH{background:#e0e0e0;border:1px solid #aaa}.grenade-SMOKE{background:#888;border:1px solid #666}.grenade-C4{background:#c43030;border:1px solid #8a1c1c}.grenade-C4.placed{will-change:opacity;animation:1s infinite c4-blink}@keyframes c4-blink{0%,to{opacity:1}50%{opacity:.3}}.explosion-ring{pointer-events:none;z-index:8;background:radial-gradient(circle,#ffc8324d 0%,#ff50001a 60%,#0000 100%);border:3px solid #ff7814cc;border-radius:50%;animation:.5s ease-out forwards explosion-expand;position:absolute}@keyframes explosion-expand{0%{opacity:1;transform:translate(-50%,-50%)scale(.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.explosion-ring.c4{background:radial-gradient(circle,#ff641e66 0%,#ff140026 60%,#0000 100%);border-color:#ff2828e6}.flash-overlay{z-index:1000;pointer-events:none;opacity:0;background:#fff;width:100vw;height:100vh;transition:none;position:fixed;top:0;left:0}.flash-overlay.active{animation:flash-fade var(--flash-duration,3s) ease-in forwards}@keyframes flash-fade{0%{opacity:var(--flash-intensity,1)}to{opacity:0}}.smoke-cloud{pointer-events:none;z-index:5;background:radial-gradient(circle,#c8c8c8a6 0%,#bebebe73 30%,#b4b4b440 55%,#aaaaaa1a 75%,#0000 90%);border-radius:50%;animation:.5s ease-out forwards smoke-appear;position:absolute}.smoke-cloud.fading{animation:2s ease-in forwards smoke-disappear}@keyframes smoke-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes smoke-disappear{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.player{opacity:0;contain:layout style;will-change:opacity;border-radius:25px;width:42px;height:42px;position:absolute}.player:after{content:"";z-index:1;width:2px;height:8px;position:absolute;top:-5px;left:20px}.player.visible{opacity:1}.player.dead{display:none}.corpse-marker{pointer-events:none;z-index:10;border-radius:25px;justify-content:center;align-items:center;width:42px;height:42px;transition:none;animation:5s ease-out forwards corpse-life;display:flex;position:absolute}.corpse-marker:before{content:"☠";opacity:.8;font-size:20px;line-height:1}.corpse-marker.team-1{color:#00e5ff;background:#00e5ff1a;border:2px solid #00e5ff}.corpse-marker.team-2{color:#ff4757;background:#ff47571a;border:2px solid #ff4757}.corpse-marker.team-3{color:#ffa502;background:#ffa5021a;border:2px solid #ffa502}@keyframes corpse-life{0%{opacity:0}6%{opacity:.5}75%{opacity:.5}to{opacity:0}}.player.same-team-not-visible{opacity:1;margin-top:11px;margin-left:11px;animation:4s infinite flash;border-radius:3px!important;width:20px!important;height:20px!important}@keyframes flash{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:1}}.player.same-team-not-visible:after{display:none}.last-known-position{opacity:.6;pointer-events:none;border-radius:3px;width:20px;height:20px;transition:opacity .5s ease-out;position:absolute}.player[data-team="1"],.last-known-position[data-team="1"],.corpse-marker[data-team="1"]{--team-color:#00e5ff;--team-bg:#00e5ff26;--team-bg-solid:#00e5ff;--corpse-bg:#00e5ff1a}.player[data-team="2"],.last-known-position[data-team="2"],.corpse-marker[data-team="2"]{--team-color:#ff4757;--team-bg:#ff475726;--team-bg-solid:#ff4757;--corpse-bg:#ff47571a}.player[data-team="3"],.last-known-position[data-team="3"],.corpse-marker[data-team="3"]{--team-color:#ffa502;--team-bg:#ffa50226;--team-bg-solid:#ffa502;--corpse-bg:#ffa5021a}.player[data-team="4"],.last-known-position[data-team="4"],.corpse-marker[data-team="4"]{--team-color:#7bed9f;--team-bg:#7bed9f26;--team-bg-solid:#7bed9f;--corpse-bg:#7bed9f1a}.player{border:2px solid var(--team-color,#fff);background:var(--team-bg,#ffffff26)}.player.same-team-not-visible{background:var(--team-bg-solid,#fff)}.player:after{background-color:var(--team-color,#fff)}.last-known-position{background:var(--team-color,#fff)}.corpse-marker{border:2px solid var(--team-color,#fff);background:var(--corpse-bg,#ffffff1a);color:var(--team-color,#fff)}.player-health-wrap{transform-origin:0 0;pointer-events:none;opacity:0;width:44px;transition:opacity .3s ease-out;position:absolute;top:-18px;translate:-50%}.player-health-wrap.health-visible{opacity:1;flex-direction:column;gap:2px;display:flex}.player-health-bar,.player-armor-bar{border-radius:2px;height:4px;transition:width .1s ease-out}.player-health-bar{background:#4ade80;width:100%}.player-armor-bar{background:#60a5fa;width:100%}.player.hit-flash{background:#ff8a3c99!important;border-color:#ff943c!important}.los{transform-origin:0 0;background-color:red;height:1px;position:absolute}.ray{transform-origin:0 0;background-color:#fff;height:1px;position:absolute}.ray.corner[data-visible=true]{background-color:#fff0;border-top:1px dotted orange;height:0}.ray.corner[data-visible=false]{display:none}.player-nametag{pointer-events:none;color:#ddd;text-shadow:0 0 4px #000,1px 1px #000;white-space:nowrap;opacity:.9;z-index:180;font-family:Courier New,monospace;font-size:13px;font-weight:700;position:absolute;translate:-50%}.player-status-label{pointer-events:none;z-index:190;letter-spacing:.5px;color:#ffffffe6;white-space:nowrap;background:#0009;border:1px solid #ffffff26;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:11px;font-weight:700;animation:1.5s ease-out forwards status-fade;position:absolute;translate:-50%}.player-status-label[data-status=DEAD]{color:#ff5050e6;border-color:#ff505040;animation-duration:2s}.player-status-label[data-status=BUYING]{opacity:1;animation:none}@keyframes status-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.player:before{content:"";background-color:var(--team-color,#fff);pointer-events:none;opacity:.75;position:absolute;inset:0;transform:rotate(-90deg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:65%;mask-size:65%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.player.weapon-flip:before{transform:rotate(-90deg)scaleY(-1)}.player[data-weapon=PISTOL]:before{-webkit-mask-image:url(/icons/weapons/pistol.svg);mask-image:url(/icons/weapons/pistol.svg)}.player[data-weapon=SMG]:before{-webkit-mask-image:url(/icons/weapons/smg.svg);mask-image:url(/icons/weapons/smg.svg)}.player[data-weapon=RIFLE]:before{-webkit-mask-image:url(/icons/weapons/rifle.svg);mask-image:url(/icons/weapons/rifle.svg)}.player[data-weapon=SHOTGUN]:before{-webkit-mask-image:url(/icons/weapons/shotgun.svg);mask-image:url(/icons/weapons/shotgun.svg)}.player[data-weapon=SNIPER]:before{-webkit-mask-image:url(/icons/weapons/sniper.svg);mask-image:url(/icons/weapons/sniper.svg)}#main-menu{z-index:9500;flex-direction:column;transition:opacity .4s}#main-menu.fade-out{opacity:0;pointer-events:none}.menu-header{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:520px;padding:0 24px;display:flex}#main-menu.is-subscreen .menu-header{visibility:hidden}.menu-panels{box-sizing:border-box;width:100%;max-width:520px;padding:0 24px;position:relative}.menu-panel{flex-direction:column;align-items:stretch;width:100%;display:none}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-panel.active{animation:.22s forwards panel-in;display:flex}.menu-title{color:#fff;letter-spacing:10px;text-transform:uppercase;text-shadow:0 0 40px #00e5ff4d;margin:0 0 6px;font-size:52px;font-weight:700}.menu-subtitle{color:#fff;letter-spacing:4px;text-transform:uppercase;margin:0 0 52px;font-size:12px}.menu-btn{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);box-sizing:border-box;margin-bottom:10px;padding:14px 24px;font-size:14px;position:relative}.menu-btn:hover{background:var(--color-cyan-06);border-color:var(--color-cyan-50);color:var(--color-cyan)}.menu-btn:active{background:var(--color-cyan-12)}.menu-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.menu-btn-tag{letter-spacing:2px;color:var(--color-text-dim);border:1px solid var(--color-border);border-radius:2px;padding:2px 6px;font-size:9px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.menu-btn.disabled .menu-btn-tag{color:#ff505080;border-color:#ff505040}.menu-section-title{letter-spacing:4px;color:var(--color-text-dim);text-transform:uppercase;align-self:flex-start;margin-bottom:16px;font-size:11px}.map-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-height:400px;margin-bottom:20px;display:grid;overflow-y:auto}.map-card{background:var(--color-surface-02);border:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);box-sizing:border-box;text-align:left;font-family:var(--font-ui);color:#fff;padding:16px}.map-card:hover{background:#ffffff0d;border-color:#ffffff40}.map-card.selected{background:var(--color-cyan-06);border-color:#00e5ff99;box-shadow:0 0 12px #00e5ff1a}.map-card-name{color:#fff;letter-spacing:1px;margin-bottom:6px;font-size:14px;font-weight:700}.map-card.selected .map-card-name{color:var(--color-cyan)}.map-card-desc{color:#ffffff73;font-size:11px;line-height:1.5}.mode-grid{flex-direction:column;gap:8px;width:100%;margin-bottom:20px;display:flex}.mode-card{background:var(--color-surface-02);border:1px solid var(--color-border-subtle);cursor:pointer;width:100%;transition:background var(--transition-fast), border-color var(--transition-fast);box-sizing:border-box;text-align:left;font-family:var(--font-ui);color:#fff;padding:14px 16px}.mode-card:hover{background:#ffffff0d;border-color:#ffffff40}.mode-card.selected{background:var(--color-cyan-06);border-color:#00e5ff99;box-shadow:0 0 12px #00e5ff1a}.mode-card-name{color:#fff;letter-spacing:1px;margin-bottom:4px;font-size:14px;font-weight:700}.mode-card.selected .mode-card-name{color:var(--color-cyan)}.mode-card-desc{color:#ffffff73;margin-bottom:8px;font-size:11px;line-height:1.5}.mode-card-tags{flex-wrap:wrap;gap:6px;display:flex}.mode-tag{letter-spacing:1.5px;color:#ffc832b3;border:1px solid #ffc83240;border-radius:2px;padding:2px 6px;font-size:9px}.menu-btn-row{gap:10px;width:100%;display:flex}.menu-btn-row .menu-btn{text-align:center;flex:1}.menu-btn.primary{background:var(--color-cyan-08);border-color:var(--color-cyan-40);color:var(--color-cyan)}.menu-btn.primary:hover{background:var(--color-cyan-15);border-color:var(--color-cyan)}.how-to-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:12px}.how-to-table tr{border-bottom:1px solid #ffffff0f}.how-to-table td{color:#ffffffb3;padding:10px 4px}.how-to-table td:first-child{width:160px;color:var(--color-gold);letter-spacing:1px;font-weight:700}.how-to-section-label{letter-spacing:3px;color:#ffffff40;text-transform:uppercase;padding:14px 4px 6px;font-size:9px}.menu-version{font-family:var(--font-ui);color:#ffffff26;letter-spacing:2px;pointer-events:none;font-size:10px;position:fixed;bottom:16px;right:20px}#lobby-screen{z-index:9800;color:#f3f4f6;transition:opacity .4s}#lobby-screen.fade-out{opacity:0;pointer-events:none}.lobby-connect{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:0 24px;display:flex}.lobby-connect-title{color:#fff;letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 40px #00e5ff4d;margin:0 0 32px;font-size:28px;font-weight:700}.lobby-field{width:100%;margin-bottom:14px}.lobby-field label{letter-spacing:3px;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.lobby-field input{border:1px solid var(--color-border);color:#fff;width:100%;font-family:var(--font-ui);letter-spacing:1px;box-sizing:border-box;transition:border-color var(--transition-fast);background:#ffffff0a;outline:none;padding:12px 14px;font-size:14px}.lobby-field input:focus{border-color:var(--color-cyan-50)}.lobby-field input::placeholder{color:#fff3}.lobby-error{width:100%;color:var(--color-red);letter-spacing:1px;min-height:16px;margin-bottom:14px;font-size:11px}.lobby-btn-row{gap:10px;width:100%;display:flex}.lobby-btn{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;text-align:center;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);box-sizing:border-box;padding:14px 24px;font-size:14px}.lobby-btn:hover{background:var(--color-cyan-06);border-color:var(--color-cyan-50);color:var(--color-cyan)}.lobby-btn:active{background:var(--color-cyan-12)}.lobby-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.lobby-btn.primary{background:var(--color-cyan-08);border-color:var(--color-cyan-40);color:var(--color-cyan)}.lobby-btn.primary:hover{background:#00e5ff29;border-color:#00e5ffb3}.lobby-btn.danger{color:var(--color-red);border-color:#ff50504d}.lobby-btn.danger:hover{color:var(--color-red);background:#ff505014;border-color:#ff505099}.lobby-btn-row .lobby-btn{flex:1}.lobby-room{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;width:100%;max-width:700px;max-height:calc(100vh - 48px);padding:0 24px;overflow-y:auto}.lobby-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.lobby-room-title{letter-spacing:4px;text-transform:uppercase;color:#fff;font-size:18px;font-weight:700}.lobby-room-code{letter-spacing:2px;color:#fff6;font-size:11px}.lobby-teams{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.lobby-team{border:1px solid var(--color-border-subtle);background:var(--color-surface-02);padding:12px}.lobby-team-header{letter-spacing:3px;color:var(--color-text-muted);text-transform:uppercase;border-bottom:1px solid #ffffff0f;margin-bottom:10px;padding-bottom:8px;font-size:10px}.lobby-team.team-1 .lobby-team-header{color:#00e5ff99;border-bottom-color:#00e5ff26}.lobby-team.team-2 .lobby-team-header{color:#ff643299;border-bottom-color:#ff643226}.lobby-player{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.lobby-player:last-child{border-bottom:none}.lobby-player-name{color:var(--color-text);font-size:13px}.lobby-player-tag{letter-spacing:1.5px;border-radius:2px;padding:2px 6px;font-size:9px}.lobby-player-tag.host{color:#ffc832b3;border:1px solid #ffc83240}.lobby-player-tag.ready{color:#50ff50b3;border:1px solid #50ff5040}.lobby-player-tag.not-ready{color:#ffffff40;border:1px solid #ffffff1a}.lobby-player-tags{align-items:center;gap:6px;display:flex}.lobby-swap-btn{letter-spacing:1px;color:#ffffff80;cursor:pointer;font-size:10px;font-family:var(--font-ui);transition:border-color var(--transition-fast), color var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff1f;padding:2px 8px}.lobby-swap-btn:hover{border-color:var(--color-cyan-40);color:var(--color-cyan)}.lobby-map-picker{border:1px solid var(--color-border-subtle);background:var(--color-surface-02);margin-bottom:12px;padding:12px}.lobby-map-list{flex-wrap:wrap;gap:8px;display:flex}.lobby-map-btn{border:1px solid var(--color-border-subtle);color:var(--color-text-dim);font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;padding:8px 16px;font-size:11px}.lobby-map-btn:hover:not(:disabled){background:var(--color-cyan-06);border-color:var(--color-cyan-50);color:var(--color-cyan)}.lobby-map-btn.selected{background:var(--color-cyan-06);color:var(--color-cyan);border-color:#00e5ff99}.lobby-map-btn:disabled{opacity:.4;cursor:default}.lobby-config{border:1px solid var(--color-border-subtle);background:var(--color-surface-02);margin-bottom:20px;padding:12px}.lobby-config-title{letter-spacing:3px;color:var(--color-text-muted);text-transform:uppercase;border-bottom:1px solid #ffffff0f;margin-bottom:10px;padding-bottom:8px;font-size:10px}.lobby-config-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.lobby-config-label{color:#fff9;font-size:12px}.lobby-config input{border:1px solid var(--color-border);color:#fff;width:80px;font-family:var(--font-ui);text-align:right;box-sizing:border-box;background:#ffffff0a;outline:none;padding:6px 8px;font-size:12px}.lobby-config input:focus{border-color:var(--color-cyan-50)}.lobby-config input:disabled{opacity:.4}.lobby-actions{justify-content:flex-end;gap:10px;display:flex}.lobby-actions .lobby-btn{width:auto;min-width:140px}.lobby-status{text-align:center;letter-spacing:2px;color:#ffffff4d;margin-top:16px;font-size:11px}.lobby-status.countdown{color:var(--color-cyan);letter-spacing:4px;font-size:14px}.game-customizer{border:1px solid var(--color-border);box-sizing:border-box;flex-direction:column;width:100%;margin-bottom:20px;display:flex}.gc-mode-select{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:8px 12px;display:flex}.gc-mode-select label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);white-space:nowrap;font-size:10px}.gc-mode-select select{background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-ui);outline:none;flex:1;padding:4px 8px;font-size:12px}.gc-mode-select select:focus{border-color:var(--color-cyan-50)}.gc-tabs{border-bottom:1px solid var(--color-border-subtle);scrollbar-width:none;display:flex;overflow-x:auto}.gc-tabs::-webkit-scrollbar{display:none}.gc-tab{color:var(--color-text-muted);font-family:var(--font-ui);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1 0 auto;padding:8px 6px;font-size:10px;transition:color .15s,border-color .15s}.gc-tab:hover{color:#fffc}.gc-tab.active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.gc-body{scrollbar-width:thin;scrollbar-color:var(--color-cyan-20) transparent;flex:1;min-height:240px;max-height:50vh;padding:8px 12px;overflow-y:auto}.gc-body.gc-compact{min-height:180px;max-height:35vh}.gc-panel{display:none}.gc-panel.active{display:block}.gc-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;display:flex}.gc-row label{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:12px}.gc-row input[type=number]{background:var(--color-surface);border:1px solid var(--color-border);width:80px;color:var(--color-text);font-family:var(--font-ui);text-align:right;outline:none;padding:3px 6px;font-size:12px}.gc-row input[type=number]:focus{border-color:var(--color-cyan-50)}.gc-row input[type=number]:disabled{opacity:.4;cursor:not-allowed}.gc-toggle{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;width:32px;height:16px;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:8px;flex-shrink:0;position:relative}.gc-toggle.active{background:var(--color-cyan-20);border-color:var(--color-cyan-50)}.gc-toggle:after{content:"";background:var(--color-text-muted);width:10px;height:10px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.gc-toggle.active:after{background:var(--color-cyan);transform:translate(16px)}.gc-toggle.disabled{opacity:.4;cursor:not-allowed}.gc-checkbox-grid{flex-wrap:wrap;gap:4px;padding:4px 0;display:flex}.gc-chip{font-size:10px;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:4px;padding:2px 8px;display:flex}.gc-chip.checked{border-color:var(--color-cyan-50);background:var(--color-cyan-06);color:var(--color-cyan)}.gc-chip.all-toggle{border-color:var(--color-gold);color:var(--color-gold);opacity:.6}.gc-chip.all-toggle.checked{opacity:1;background:#fbbf2414}.gc-chip.disabled{opacity:.4;cursor:not-allowed}.gc-grenade-counts{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.gc-grenade-count{text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:4px;font-size:10px;display:flex}.gc-grenade-count input{background:var(--color-surface);border:1px solid var(--color-border);width:40px;color:var(--color-text);font-family:var(--font-ui);text-align:right;outline:none;padding:1px 4px;font-size:11px}.gc-grenade-count input:focus{border-color:var(--color-cyan-50)}.gc-grenade-count input:disabled{opacity:.4}.gc-sub-label{color:var(--color-text-muted);opacity:.6;padding:4px 0 2px;font-size:10px}#loading-screen{z-index:9999;background-color:#080810;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:40px 40px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,monospace;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading-screen.fade-out{opacity:0;pointer-events:none}#loading-title{color:#fff;letter-spacing:10px;text-transform:uppercase;text-shadow:0 0 40px #00e5ff4d;margin:0 0 6px;font-size:52px;font-weight:700}#loading-subtitle{color:#fff;letter-spacing:4px;text-transform:uppercase;margin:0 0 52px;font-size:12px}#loading-bar-track{background:#ffffff14;width:320px;height:2px;position:relative;overflow:hidden}#loading-bar-fill{background:#00e5ff;width:0%;height:100%;transition:width .3s ease-out;position:absolute;top:0;left:0;box-shadow:0 0 8px #00e5ff66}#loading-status{letter-spacing:3px;color:#fff3;text-transform:uppercase;margin-top:16px;font-size:10px}.aim-line{pointer-events:none;z-index:9;transform-origin:0 0;height:0;display:none;position:absolute}.aim-line.aim-center{border-top:2px solid #ffcc00d9}.aim-line.aim-cone{border-top:1px solid #fc06}.aim-line.aim-grenade{border-top:2px dashed #ff6432d9}.wall{contain:layout style paint;position:absolute;overflow:hidden}.wall-sprite{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wall[data-wall-type=concrete]{outline-offset:-2px;background-color:#4a5568;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:16px 16px;border:1px solid #2d3748;outline:1px solid #ffffff0d}.wall[data-wall-type=metal]{background-color:#374151;background-image:repeating-linear-gradient(0deg,#0000,#0000 6px,#ffffff0f 6px 7px);border:1px solid #6b7280;border-color:#6b7280 #0000004d #1f2937 #ffffff14}.wall[data-wall-type=crate]{background-color:#78450a;background-image:linear-gradient(#00000040 1px,#0000 1px),linear-gradient(90deg,#00000040 1px,#0000 1px),linear-gradient(#ffffff0a 2px,#0000 2px),linear-gradient(90deg,#ffffff0a 2px,#0000 2px);background-size:20px 20px,20px 20px,5px 5px,5px 5px;border:2px solid #4a2c06;border-color:#ffffff1a #4a2c06 #0000004d}.wall[data-wall-type=sandbag]{background-color:#8a7352;background-image:repeating-radial-gradient(60% 40%,#9b8260 0%,#7a6344 40%,#6b5535 60%,#9b8260 100%);background-size:18px 12px;border:1px solid #5a4530;border-top:2px solid #0006}.wall[data-wall-type=barrier]{background-color:#5a6474;background-image:linear-gradient(#7a8494 0%,#5a6474 30%,#4a5464 60%,#6a7484 100%);border:1px solid #3a4454;border-top:2px solid #8a94a4}.wall[data-wall-type=pillar]{background-color:#3d4a5c;background-image:linear-gradient(90deg,#ffffff1a 0%,#0000 30% 70%,#0003 100%);border:1px solid #2d3748;border-left:2px solid #6d7a8c}