*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;cursor:none}#gameCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh}#menu{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;cursor:default}#menu h1{font-size:72px;font-weight:900;letter-spacing:12px;color:#e63946;text-shadow:0 0 40px rgba(230,57,70,.5),0 0 80px rgba(230,57,70,.2);margin-bottom:8px}#menu .subtitle{font-size:16px;letter-spacing:4px;color:#888;margin-bottom:40px;text-transform:uppercase}.menu-form{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}.menu-form input{width:300px;padding:12px 20px;font-size:18px;background:#ffffff0d;border:2px solid rgba(230,57,70,.3);color:#fff;border-radius:4px;outline:none;text-align:center;letter-spacing:2px;transition:border-color .3s}.menu-form input:focus{border-color:#e63946}.menu-form button{width:300px;padding:14px;font-size:20px;font-weight:700;letter-spacing:6px;background:#e63946;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.menu-form button:hover{background:#c1121f;transform:scale(1.02)}.menu-form .divider{color:#555;font-size:14px;letter-spacing:3px;margin:4px 0}#lobbyStatus{margin-top:20px;text-align:center}#lobbyStatus p{color:#ccc}.room-code{font-size:32px!important;font-weight:900;letter-spacing:8px;color:#2ecc71!important;background:#2ecc711a;padding:12px 24px;border-radius:8px;margin:12px 0!important;font-family:monospace;-webkit-user-select:all;user-select:all}.lobby-hint{font-size:13px!important;color:#666!important}.controls-info{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:24px 40px;border-radius:8px}.controls-info h3{text-align:center;margin-bottom:12px;letter-spacing:4px;color:#e63946}.controls-info p{font-size:14px;color:#aaa;margin:4px 0}.controls-info p strong{color:#fff;display:inline-block;width:100px}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hidden{display:none!important}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-line{position:absolute;background:#fffc}.crosshair-line.top{width:2px;height:12px;left:-1px;top:-20px}.crosshair-line.bottom{width:2px;height:12px;left:-1px;top:8px}.crosshair-line.left{width:12px;height:2px;left:-20px;top:-1px}.crosshair-line.right{width:12px;height:2px;left:8px;top:-1px}.crosshair-dot{position:absolute;width:2px;height:2px;background:#e63946;left:-1px;top:-1px}#scopeOverlay{position:absolute;top:0;left:0;width:100%;height:100%}.scope-ring{position:absolute;top:50%;left:50%;width:70vh;height:70vh;transform:translate(-50%,-50%);border:3px solid rgba(0,0,0,.9);border-radius:50%;box-shadow:0 0 0 2000px #000000f2}.scope-cross-h{position:absolute;top:50%;left:0;width:100%;height:1px;background:#0009;transform:translateY(-.5px)}.scope-cross-v{position:absolute;top:0;left:50%;width:1px;height:100%;background:#0009;transform:translate(-.5px)}.scope-mil-dot{position:absolute;left:50%;width:6px;height:2px;background:#000000b3;transform:translate(-50%)}.scope-mil-dot.md1{top:calc(50% + 40px)}.scope-mil-dot.md2{top:calc(50% + 80px)}.scope-mil-dot.md3{top:calc(50% + 120px)}.scope-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 30%,rgba(0,0,0,.3) 70%)}#healthBar{position:absolute;bottom:30px;left:30px;width:200px;height:24px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:2px}#healthFill{height:100%;width:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);transition:width .3s,background .3s;border-radius:1px}#healthFill.low{background:linear-gradient(90deg,#e74c3c,#c0392b)}#healthFill.mid{background:linear-gradient(90deg,#f39c12,#e67e22)}#healthText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#ammoDisplay{position:absolute;bottom:30px;right:30px;font-size:28px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#ammoCount{font-size:36px;color:#fff}#reloadIndicator{font-size:14px;color:#f39c12;letter-spacing:2px;animation:reloadPulse .8s infinite}@keyframes reloadPulse{0%,to{opacity:1}50%{opacity:.3}}#killFeed{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:4px;max-width:400px}.kill-entry{background:#0009;padding:6px 12px;font-size:13px;border-radius:2px;animation:killFadeIn .3s ease-out;white-space:nowrap}.kill-entry .killer{color:#e63946;font-weight:700}.kill-entry .victim{color:#3498db;font-weight:700}@keyframes killFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}#scoreboard{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:16px;font-weight:700;letter-spacing:2px;background:#00000080;padding:8px 24px;border-radius:4px}#killCount{color:#e63946}#deathCount{color:#3498db}#hitMarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hit-line{position:absolute;width:16px;height:2px;background:#fff}.hit-line.tl{transform:rotate(-45deg);top:-10px;left:-10px}.hit-line.tr{transform:rotate(45deg);top:-10px;left:2px}.hit-line.bl{transform:rotate(45deg);top:8px;left:-10px}.hit-line.br{transform:rotate(-45deg);top:8px;left:2px}#hitMarker.headshot .hit-line{background:#e63946}#damageOverlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(230,57,70,.4) 100%);animation:damageFlash .4s ease-out forwards}@keyframes damageFlash{0%{opacity:1}to{opacity:0}}#breathBar{position:absolute;bottom:65px;left:30px;width:200px;height:6px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:2px}#breathFill{height:100%;width:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .1s;border-radius:1px}#deathScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#8b000066;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}#deathScreen h2{font-size:48px;letter-spacing:8px;color:#e63946;text-shadow:0 0 30px rgba(230,57,70,.5);margin-bottom:16px}#deathScreen p{font-size:18px;color:#ccc}.respawn-timer{margin-top:8px;color:#fff!important}#connectionStatus{position:absolute;bottom:65px;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:2px;color:#2ecc71;background:#0006;padding:4px 12px;border-radius:4px}#connectionStatus.disconnected{color:#e63946}#pauseOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:60;cursor:default}#pauseOverlay h2{font-size:56px;letter-spacing:12px;color:#fff;margin-bottom:20px}#pauseOverlay p{font-size:18px;color:#aaa;margin:6px 0}#pauseOverlay p strong{color:#e63946}