html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}#app{position:fixed;top:0;left:0;width:100%;height:100%}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-panel{position:absolute;background:#0a0c14bf;border:1px solid rgba(80,200,255,.25);border-radius:6px;padding:12px 16px;backdrop-filter:blur(4px);box-shadow:0 0 20px #00000080}.hud-panel-top-left{top:16px;left:16px}.hud-panel-top-right{top:16px;right:16px;text-align:right;min-width:90px}.hud-title{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:2px;color:#4fc3f7;text-shadow:0 0 12px rgba(79,195,247,.5)}.hud-map-name{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:3px;color:#ffd9a0;text-transform:uppercase;text-shadow:0 0 8px rgba(255,217,160,.4);border-bottom:1px solid rgba(255,217,160,.3);padding-bottom:6px}.hud-label{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#ffffff80;text-transform:uppercase;margin-bottom:4px}.hud-position{font-family:Consolas,Courier New,monospace;font-size:14px;color:#e0f7fa;letter-spacing:1px}.hud-fps{font-family:Consolas,Courier New,monospace;font-size:28px;font-weight:700;color:#4fc3f7;text-shadow:0 0 12px rgba(79,195,247,.5)}.hud-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#0a0c14b3;border:1px solid rgba(80,200,255,.2);border-radius:4px;padding:10px 20px;font-size:13px;font-weight:600;letter-spacing:1.5px;color:#ffffffd9;text-align:center;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.6}}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border:2px solid rgba(255,255,255,.7);border-radius:50%;z-index:5;pointer-events:none;box-shadow:0 0 4px #000c}@media(max-width:768px){.hud-title{font-size:14px}.hud-fps{font-size:20px}.hud-position{font-size:12px}}.hud-crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:15;width:0;height:0}.hud-crosshair-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:2px;background:#ffffffe6;border-radius:50%;box-shadow:0 0 4px #ffffff80}.hud-crosshair-line{position:absolute;top:50%;left:50%;width:2px;height:10px;background:#ffffffd9;box-shadow:0 0 4px #fff6;border-radius:1px}.hud-crosshair-top{transform:translate(-50%,-100%)}.hud-crosshair-bottom{transform:translate(-50%)}.hud-crosshair-left{transform:translate(-100%,-50%)}.hud-crosshair-right{transform:translateY(-50%)}.hud-crosshair-left,.hud-crosshair-right{width:10px;height:2px}.hud-panel-bottom-right{bottom:16px;right:16px;min-width:180px;text-align:right}.hud-weapon-name{font-size:18px;font-weight:700;letter-spacing:2px;color:#4fc3f7;text-shadow:0 0 12px rgba(79,195,247,.5);margin-bottom:4px}.hud-ammo{font-family:Consolas,Courier New,monospace;font-size:24px;font-weight:700;color:#ffe082;letter-spacing:2px;text-shadow:0 0 8px rgba(255,224,130,.4)}.hud-grenade-count{font-family:Consolas,Courier New,monospace;font-size:14px;font-weight:700;color:#ff8f00;letter-spacing:2px;text-shadow:0 0 8px rgba(255,143,0,.4);margin-top:4px}.hud-reload-bar-container{width:100%;height:4px;background:#ffffff26;border-radius:2px;margin-top:8px;overflow:hidden}.hud-reload-bar{height:100%;background:linear-gradient(90deg,#ff8f00,#ffc107);border-radius:2px;transition:width .1s linear;box-shadow:0 0 6px #ffc10780}.hud-reload-prompt{position:fixed;top:60%;left:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:700;letter-spacing:3px;color:#ff5722;text-shadow:0 0 12px rgba(255,87,34,.6);pointer-events:none;z-index:20;text-align:center}.hud-reload-prompt-flash{animation:reloadPromptFlash .5s ease-in-out infinite}@keyframes reloadPromptFlash{0%,to{opacity:1}50%{opacity:.3}}.hud-kill-count{font-family:Consolas,Courier New,monospace;font-size:22px;font-weight:700;letter-spacing:2px;color:#ff6d00;text-shadow:0 0 12px rgba(255,109,0,.6),0 0 24px rgba(255,109,0,.3);margin-bottom:8px}.hud-panel-bottom-left{bottom:16px;left:16px;min-width:200px}.hud-health-bar-container{width:100%;height:14px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin-top:4px}.hud-health-bar-fill{height:100%;background:linear-gradient(90deg,#00c853,#69f0ae);border-radius:3px;transition:width .2s ease-out;box-shadow:0 0 8px #00c85366}.hud-health-text{font-family:Consolas,Courier New,monospace;font-size:14px;font-weight:600;color:#fff;margin-top:4px;text-align:right;letter-spacing:1px;text-shadow:0 0 6px rgba(0,0,0,.8)}.hud-hitmarker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;pointer-events:none;z-index:25;animation:hitMarkerScaleIn .15s ease-out}.hud-hitmarker-line{position:absolute;top:50%;left:50%;width:4px;height:100%;background:#fff;box-shadow:0 0 6px #fffc,0 0 12px #fff6;border-radius:2px}.hud-hitmarker-line-1{transform:translate(-50%,-50%) rotate(45deg)}.hud-hitmarker-line-2{transform:translate(-50%,-50%) rotate(-45deg)}.hud-hitmarker-hit .hud-hitmarker-line{background:#fff;box-shadow:0 0 6px #fffc,0 0 12px #fff6}.hud-hitmarker-kill .hud-hitmarker-line{background:#ff1744;box-shadow:0 0 6px #ff1744cc,0 0 12px #ff174466}@keyframes hitMarkerScaleIn{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.hud-scope-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:30;background:radial-gradient(circle at center,transparent 0 38%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.96) 48%,black 60%)}.hud-scope-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76vmin;height:76vmin;overflow:hidden;border-radius:50%}.hud-scope-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76vmin;height:76vmin;border:2px solid rgba(0,0,0,.9);border-radius:50%;box-shadow:inset 0 0 24px #000000e6,0 0 0 1px #ffffff1f}.hud-scope-line{position:absolute;background:#000000eb;box-shadow:0 0 0 1px #ffffff26}.hud-scope-line-h{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.hud-scope-line-v{top:0;left:50%;width:2px;height:100%;transform:translate(-50%)}.hud-weapon-slots{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:15;pointer-events:none}.hud-weapon-slot{background:#0a0c14bf;border:1px solid rgba(80,200,255,.25);border-radius:6px;padding:8px 12px;min-width:70px;text-align:center;backdrop-filter:blur(4px);transition:all .2s ease}.hud-weapon-slot.active{border-color:#4fc3f7;background:#14283cd9;box-shadow:0 0 12px #4fc3f766;transform:translateY(-4px)}.hud-weapon-slot.locked{opacity:.45;border-color:#7878824d;background:#0f0f1699;filter:grayscale(1)}.hud-weapon-slot-number{font-size:12px;font-weight:700;color:#fff9;letter-spacing:1px}.hud-weapon-slot.active .hud-weapon-slot-number{color:#4fc3f7}.hud-weapon-slot-name{font-size:14px;font-weight:700;color:#fff;letter-spacing:1px;margin-top:2px}.hud-weapon-slot-ammo{font-family:Consolas,Courier New,monospace;font-size:11px;color:#ffe082cc;margin-top:2px}.hud-zoom-indicator{position:fixed;bottom:120px;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;color:#4fc3f7;text-shadow:0 0 12px rgba(79,195,247,.6);letter-spacing:2px;z-index:20;pointer-events:none}.hud-wave-number{font-size:24px;font-weight:700;letter-spacing:2px;color:#4fc3f7;text-shadow:0 0 12px rgba(79,195,247,.5),0 0 24px rgba(79,195,247,.25);margin-bottom:8px}.hud-wave-progress-bar-container{width:100%;height:8px;background:#0009;border-radius:4px;overflow:hidden;margin-top:8px;border:1px solid rgba(80,200,255,.3)}.hud-wave-progress-bar-fill{height:100%;background:linear-gradient(90deg,#4fc3f7,#00e5ff);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #4fc3f780}.hud-wave-progress-text{font-family:Consolas,Courier New,monospace;font-size:11px;color:#ffffffb3;text-align:right;margin-top:4px}.wave-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;z-index:1000;font-family:Arial Black,Arial,sans-serif;text-align:center}.wave-announcement{font-size:48px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,200,0,.8),0 0 40px rgba(255,200,0,.4);opacity:0;transition:opacity .5s ease-in-out;letter-spacing:4px;text-transform:uppercase}.wave-countdown{font-size:32px;font-weight:700;color:#8cf;text-shadow:0 0 15px rgba(100,180,255,.6);opacity:0;transition:opacity .5s ease-in-out;letter-spacing:2px;margin-top:20px}.wave-game-over{display:none;flex-direction:column;align-items:center;gap:20px;background:#000000d9;padding:40px 60px;border-radius:10px;border:2px solid #ff4444;box-shadow:0 0 40px #ff00004d}@keyframes waveAnnouncementPulse{0%,to{opacity:1}50%{opacity:.8}}.wave-announcement[style*="opacity: 1"]{animation:waveAnnouncementPulse 2s ease-in-out infinite}@media(max-width:768px){.wave-announcement{font-size:32px}.wave-countdown{font-size:24px}.wave-game-over{padding:24px 32px}}.hud-pickup-prompt{position:fixed;bottom:140px;left:50%;transform:translate(-50%);background:#0a0c14d9;border:1px solid rgba(79,195,247,.4);border-radius:6px;padding:12px 24px;font-size:18px;font-weight:700;letter-spacing:2px;color:#fff;text-shadow:0 0 12px rgba(79,195,247,.6),0 0 24px rgba(79,195,247,.3);backdrop-filter:blur(4px);box-shadow:0 0 20px #00000080,0 0 30px #4fc3f733;z-index:20;pointer-events:none;text-align:center;animation:pickupPromptPulse 1.5s ease-in-out infinite}@keyframes pickupPromptPulse{0%,to{opacity:1;box-shadow:0 0 20px #00000080,0 0 30px #4fc3f733}50%{opacity:.85;box-shadow:0 0 20px #00000080,0 0 40px #4fc3f766}}.hud-pickup-prompt[data-state=full]{border-color:#f449;color:#f44;text-shadow:0 0 12px rgba(255,68,68,.6),0 0 24px rgba(255,68,68,.3);box-shadow:0 0 20px #00000080,0 0 30px #ff44444d;animation:inventoryFullFlash .5s ease-in-out infinite}@keyframes inventoryFullFlash{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.hud-pickup-prompt{bottom:120px;font-size:14px;padding:10px 16px}}.map-select-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#05080feb;z-index:2000;pointer-events:auto;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}.map-select-title{font-size:42px;font-weight:700;letter-spacing:6px;color:#4fc3f7;text-shadow:0 0 20px rgba(79,195,247,.6),0 0 40px rgba(79,195,247,.3);margin-bottom:8px;text-transform:uppercase}.map-select-subtitle{font-size:16px;font-weight:600;letter-spacing:3px;color:#fff9;margin-bottom:40px;text-transform:uppercase}.map-select-buttons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:420px}.map-select-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 32px;background:#0f1928d9;border:2px solid rgba(79,195,247,.35);border-radius:8px;cursor:pointer;transition:all .25s ease;text-align:center;backdrop-filter:blur(4px)}.map-select-button:hover{border-color:#4fc3f7;background:#192d46e6;box-shadow:0 0 20px #4fc3f74d,0 0 40px #4fc3f726;transform:translateY(-2px)}.map-select-button-name{font-size:22px;font-weight:700;letter-spacing:3px;color:#fff;text-shadow:0 0 10px rgba(79,195,247,.4);margin-bottom:6px;text-transform:uppercase}.map-select-button-desc{font-size:13px;font-weight:500;letter-spacing:1px;color:#ffffff8c;line-height:1.4}.map-select-footer{margin-top:40px;font-size:12px;font-weight:600;letter-spacing:2px;color:#ffffff59;text-transform:uppercase}@media(max-width:768px){.map-select-title{font-size:28px;letter-spacing:4px}.map-select-subtitle{font-size:12px;letter-spacing:2px}.map-select-buttons{max-width:320px}.map-select-button{padding:14px 20px}.map-select-button-name{font-size:18px}.map-select-button-desc{font-size:11px}}.game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#05080feb;z-index:3000;pointer-events:auto;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;backdrop-filter:blur(8px);animation:menuFadeIn .3s ease-out forwards;overflow-x:hidden}.game-overlay[hidden]{display:none!important}@keyframes menuFadeIn{0%{opacity:0}to{opacity:1}}.menu-container{display:flex;flex-direction:column;align-items:center;gap:32px;padding:48px 64px;background:#0a0f19d9;border:2px solid rgba(79,195,247,.3);border-radius:12px;box-shadow:0 0 40px #0009,0 0 60px #4fc3f71a;backdrop-filter:blur(12px);max-width:90vw;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.menu-title{font-size:36px;font-weight:700;letter-spacing:6px;color:#4fc3f7;text-shadow:0 0 20px rgba(79,195,247,.6),0 0 40px rgba(79,195,247,.3);margin:0;text-align:center;text-transform:uppercase}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.menu-button{padding:14px 32px;background:#0f1928d9;border:2px solid rgba(79,195,247,.35);border-radius:6px;color:#fff;font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .25s ease;backdrop-filter:blur(4px);text-align:center}.menu-button:hover{border-color:#4fc3f7;background:#192d46e6;box-shadow:0 0 20px #4fc3f74d,0 0 40px #4fc3f726;transform:translateY(-2px)}.menu-button:active{transform:translateY(0);box-shadow:0 0 10px #4fc3f733}.menu-button-primary{background:linear-gradient(135deg,#4fc3f74d,#4fc3f71a);border-color:#4fc3f7;box-shadow:0 0 20px #4fc3f733;font-size:18px;font-weight:700}.menu-button-primary:hover{background:linear-gradient(135deg,#4fc3f780,#4fc3f733);box-shadow:0 0 30px #4fc3f766,0 0 60px #4fc3f733}.menu-footer{font-size:12px;font-weight:600;letter-spacing:2px;color:#ffffff59;text-transform:uppercase;text-align:center}#main-menu-overlay .menu-title{font-size:52px;letter-spacing:8px;text-shadow:0 0 30px rgba(79,195,247,.8),0 0 60px rgba(79,195,247,.4),0 0 90px rgba(79,195,247,.2);margin-bottom:8px}#main-menu-overlay .menu-container{padding:56px 72px;gap:40px}.controls-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:calc(100% - 48px);padding:16px 24px;background:#0000004d;border-radius:8px;border:1px solid rgba(79,195,247,.15);box-sizing:border-box}.control-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.control-row:last-child{border-bottom:none}.control-key{display:inline-block;padding:4px 12px;background:#4fc3f726;border:1px solid rgba(79,195,247,.4);border-radius:4px;font-family:Consolas,Courier New,monospace;font-size:14px;font-weight:700;color:#4fc3f7;text-shadow:0 0 8px rgba(79,195,247,.4);box-shadow:0 2px #4fc3f733;min-width:80px;text-align:center;letter-spacing:1px}.control-action{font-size:14px;font-weight:500;color:#fffc;letter-spacing:1px;text-transform:uppercase}#pause-overlay .menu-container{padding:40px 56px;gap:28px}.menu-title-danger{color:#ff1744;text-shadow:0 0 20px rgba(255,23,68,.8),0 0 40px rgba(255,23,68,.4),0 0 60px rgba(255,23,68,.2)}.game-over-stats{display:flex;flex-direction:column;gap:12px;width:100%;max-width:calc(100% - 48px);padding:16px 24px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,23,68,.2);box-sizing:border-box}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row:last-child{border-bottom:none}.stat-label{font-size:14px;font-weight:600;letter-spacing:2px;color:#ffffffb3;text-transform:uppercase}.stat-value{font-family:Consolas,Courier New,monospace;font-size:24px;font-weight:700;color:#ff1744;text-shadow:0 0 12px rgba(255,23,68,.5)}#game-over-overlay .menu-container{padding:48px 64px;gap:32px}.damage-indicator{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500}.damage-indicator-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,0,0,.4) 70%,rgba(255,0,0,.8) 100%);animation:damageFlash .5s ease-out forwards}@keyframes damageFlash{0%{opacity:1}to{opacity:0}}.damage-indicator-front .damage-indicator-flash{background:linear-gradient(to bottom,rgba(255,0,0,.8) 0%,rgba(255,0,0,.4) 30%,transparent 60%)}.damage-indicator-back .damage-indicator-flash{background:linear-gradient(to top,rgba(255,0,0,.8) 0%,rgba(255,0,0,.4) 30%,transparent 60%)}.damage-indicator-left .damage-indicator-flash{background:linear-gradient(to right,rgba(255,0,0,.8) 0%,rgba(255,0,0,.4) 30%,transparent 60%)}.damage-indicator-right .damage-indicator-flash{background:linear-gradient(to left,rgba(255,0,0,.8) 0%,rgba(255,0,0,.4) 30%,transparent 60%)}.damage-indicator-front-left .damage-indicator-flash{background:radial-gradient(ellipse at 0% 0%,rgba(255,0,0,.8) 0%,rgba(255,0,0,.4) 30%,transparent 60%)}.damage-indicator-front-right .damage-indicator-flash{background:radial-gradient(ellipse at 100% 0%,rgba(255,0,0,.8) 0%,rgba(255,0,0,.4) 30%,transparent 60%)}.damage-indicator-back-left .damage-indicator-flash{background:radial-gradient(ellipse at 0% 100%,rgba(255,0,0,.8) 0%,rgba(255,0,0,.4) 30%,transparent 60%)}.damage-indicator-back-right .damage-indicator-flash{background:radial-gradient(ellipse at 100% 100%,rgba(255,0,0,.8) 0%,rgba(255,0,0,.4) 30%,transparent 60%)}.low-health-vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:400;background:radial-gradient(ellipse at center,transparent 50%,rgba(255,0,0,.3) 80%,rgba(255,0,0,.6) 100%);animation:lowHealthPulse 1.5s ease-in-out infinite}@keyframes lowHealthPulse{0%,to{opacity:.6}50%{opacity:1}}.hud-hitmarker{animation:hitMarkerEnhanced .25s ease-out forwards}@keyframes hitMarkerEnhanced{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.hud-hitmarker-kill{animation:hitMarkerKillBurst .35s ease-out forwards}@keyframes hitMarkerKillBurst{0%{transform:translate(-50%,-50%) scale(1.8);opacity:0;filter:drop-shadow(0 0 0 rgba(255,23,68,0))}30%{opacity:1;filter:drop-shadow(0 0 12px rgba(255,23,68,.8))}to{transform:translate(-50%,-50%) scale(1.2);opacity:0;filter:drop-shadow(0 0 24px rgba(255,23,68,.4))}}@media(max-width:768px){.menu-container{padding:32px 24px;gap:24px}.menu-title{font-size:24px;letter-spacing:4px}#main-menu-overlay .menu-title{font-size:32px;letter-spacing:5px}.menu-buttons{max-width:260px}.menu-button{padding:12px 24px;font-size:14px}.menu-button-primary{font-size:16px}.controls-list{max-width:300px;padding:12px 16px}.control-key{font-size:12px;min-width:60px;padding:3px 8px}.control-action{font-size:12px}.game-over-stats{max-width:260px;padding:12px 16px}.stat-label{font-size:12px}.stat-value{font-size:18px}.damage-indicator-flash{background:radial-gradient(ellipse at center,transparent 30%,rgba(255,0,0,.4) 65%,rgba(255,0,0,.8) 100%)}.low-health-vignette{background:radial-gradient(ellipse at center,transparent 40%,rgba(255,0,0,.3) 75%,rgba(255,0,0,.6) 100%)}.hud-grenade-count{font-size:12px;letter-spacing:1px}}