*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;font-family:'Courier New', monospace;overflow:hidden}#menu{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)}.menu-wrapper{display:flex;gap:30px;align-items:stretch;max-width:1200px;padding:20px}.info-card{background:#0f0f23;border:4px solid #533483;padding:25px;width:280px;box-shadow:6px 6px 0 #533483}.info-card h3{color:#e94560;font-size:20px;margin-bottom:20px;text-align:center;text-shadow:2px 2px 0 #533483}.gameplay-card{border-color:#4ade80;box-shadow:6px 6px 0 #4ade80}.gameplay-card h3{color:#4ade80}.gameplay-content{display:flex;flex-direction:column;gap:15px}.control-section h4{color:#fbbf24;font-size:14px;margin-bottom:8px;border-bottom:1px solid #333;padding-bottom:5px}.control-section p{color:#fff;font-size:13px;margin:5px 0;display:flex;align-items:center;gap:10px}.key{background:#1a1a2e;color:#60a5fa;padding:3px 8px;border:2px solid #60a5fa;font-size:11px;font-weight:bold;min-width:50px;text-align:center}.announcement-card{border-color:#f59e0b;box-shadow:6px 6px 0 #f59e0b}.announcement-card h3{color:#f59e0b}.announcement-content{max-height:400px;overflow-y:auto}.announcement-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #333}.announcement-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.announcement-date{color:#888;font-size:11px;display:block;margin-bottom:5px}.announcement-text{color:#fff;font-size:13px;line-height:1.5}.loading-text{color:#888;font-size:13px;text-align:center}.menu-container{background:#0f0f23;border:4px solid #e94560;padding:40px;text-align:center;box-shadow:8px 8px 0 #e94560;max-width:450px}.pixel-title{font-size:48px;color:#e94560;text-shadow:4px 4px 0 #533483;margin-bottom:10px}.pixel-subtitle{font-size:24px;color:#0f3460;background:#e94560;padding:5px 20px;margin-bottom:20px}.tab-buttons{display:flex;gap:10px;margin-bottom:20px}.tab-btn{flex:1;padding:10px;font-size:14px;font-family:'Courier New', monospace;background:#1a1a2e;color:#888;border:2px solid #533483;cursor:pointer;transition:all 0.2s}.tab-btn.active{background:#533483;color:#fff;border-color:#e94560}.tab-btn:hover{border-color:#e94560}.input-group{margin:15px 0;text-align:left}.input-group label{display:block;color:#e94560;margin-bottom:8px}.input-group input, .input-group select{width:100%;padding:12px;font-size:16px;font-family:'Courier New', monospace;background:#1a1a2e;border:3px solid #533483;color:#fff;outline:none}.input-group input:focus, .input-group select:focus{border-color:#e94560}.input-group select option{background:#1a1a2e;color:#fff}.team-select{display:flex;gap:10px}.team-btn{flex:1;padding:12px;font-size:14px;font-family:'Courier New', monospace;border:3px solid #533483;cursor:pointer;transition:all 0.2s}.ct-btn{background:#1a3050;color:#60a5fa}.t-btn{background:#3d2817;color:#fbbf24}.team-btn.active{border-color:#e94560;box-shadow:0 0 10px rgba(233, 69, 96, 0.5)}.team-btn:hover{transform:scale(1.02)}.pixel-btn{width:100%;padding:15px 30px;font-size:18px;font-family:'Courier New', monospace;background:#e94560;color:#fff;border:none;cursor:pointer;margin-top:15px;box-shadow:4px 4px 0 #533483}.pixel-btn:hover{transform:translate(2px, 2px);box-shadow:2px 2px 0 #533483}#game{width:100vw;height:100vh;position:relative}#game canvas{display:block}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#0f0;font-size:30px;font-weight:bold;text-shadow:0 0 5px #0f0;pointer-events:none;z-index:100;transition:transform 0.05s ease-out}#scope{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle, transparent 20%, rgba(0,0,0,0.95) 21%);pointer-events:none;z-index:99}#scope::before, #scope::after{content:'';position:absolute;background:rgba(0,0,0,0.8)}#scope::before{top:50%;left:0;width:100%;height:1px;transform:translateY(-50%)}#scope::after{left:50%;top:0;width:1px;height:100%;transform:translateX(-50%)}#top-hud{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;gap:30px;align-items:center;z-index:100}.team-score{padding:8px 20px;font-size:18px;font-weight:bold;border:2px solid}.team-score.ct{background:rgba(30, 64, 175, 0.8);border-color:#60a5fa;color:#60a5fa}.team-score.t{background:rgba(139, 69, 19, 0.8);border-color:#fbbf24;color:#fbbf24}#game-info{background:rgba(0, 0, 0, 0.7);color:#fff;padding:8px 15px;font-size:14px;border:2px solid #e94560}#hud{position:absolute;bottom:20px;left:20px;display:flex;gap:20px;z-index:100}#hud > div{background:rgba(0, 0, 0, 0.7);color:#fff;padding:10px 20px;font-size:16px;border:2px solid #e94560}#health{color:#4ade80}#weapon{color:#fbbf24}#score{color:#60a5fa}#fps-counter{position:absolute;top:10px;left:10px;background:rgba(0, 0, 0, 0.7);color:#a855f7;padding:8px 15px;font-size:14px;border:2px solid #a855f7;z-index:100}#killfeed{position:absolute;top:60px;right:20px;text-align:right;z-index:100}.kill-msg{background:rgba(0, 0, 0, 0.7);color:#fff;padding:5px 10px;margin-bottom:5px;font-size:14px;animation:fadeOut 3s forwards}@keyframes fadeOut{0%, 70%{opacity:1}100%{opacity:0}}#death-screen{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(139, 0, 0, 0.8);padding:40px 60px;text-align:center;border:4px solid #e94560;z-index:200}#death-screen p{color:#fff;font-size:24px;margin:10px 0}#game-over{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0, 0, 0, 0.9);padding:50px 80px;text-align:center;border:4px solid #e94560;z-index:300}#game-over h2{color:#e94560;font-size:36px;margin-bottom:20px}#game-over p{color:#fff;font-size:20px;margin-bottom:30px}#game-over .pixel-btn{width:auto;padding:15px 40px}.hit-marker{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#ff0000;font-size:40px;font-weight:bold;pointer-events:none;z-index:150;text-shadow:0 0 10px #ff0000;animation:hitPulse 0.2s ease-out}@keyframes hitPulse{0%{transform:translate(-50%, -50%) scale(1.5);opacity:1}100%{transform:translate(-50%, -50%) scale(1);opacity:0}}#buy-menu{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0, 0, 0, 0.95);padding:30px;text-align:center;border:4px solid #e94560;z-index:250;display:flex;flex-direction:column;align-items:center}#buy-menu h3{color:#e94560;font-size:20px;margin-bottom:25px;text-shadow:2px 2px 0 #533483}.buy-options{display:flex;gap:20px}.buy-btn{width:140px;padding:15px;font-family:'Courier New', monospace;background:#1a1a2e;color:#fff;border:3px solid #533483;cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;gap:10px}.buy-btn:hover{background:#533483;border-color:#e94560;transform:scale(1.05)}.weapon-icon{width:100px;height:40px;image-rendering:pixelated;background-size:contain;background-repeat:no-repeat;background-position:center}.ak47-icon{background:linear-gradient(90deg, transparent 0%, transparent 5%, #5c4033 5%, #5c4033 15%, #2a2a2a 15%, #2a2a2a 20%, #5c4033 20%, #5c4033 60%, #2a2a2a 60%, #2a2a2a 100% );position:relative}.ak47-icon::before{content:'';position:absolute;bottom:5px;left:35%;width:15px;height:20px;background:#4a3a2a;transform:rotate(15deg)}.ak47-icon::after{content:'';position:absolute;top:50%;left:10%;width:20px;height:8px;background:#5c4033;transform:translateY(-50%)}.m4a1-icon{background:linear-gradient(90deg, transparent 0%, transparent 5%, #1a1a1a 5%, #1a1a1a 15%, #333 15%, #333 20%, #1a1a1a 20%, #1a1a1a 55%, #2a2a2a 55%, #2a2a2a 70%, #333 70%, #333 100% );position:relative}.m4a1-icon::before{content:'';position:absolute;bottom:5px;left:35%;width:12px;height:18px;background:#1a1a1a}.m4a1-icon::after{content:'';position:absolute;top:8px;left:30%;width:20px;height:6px;background:#1a1a1a}.awp-icon{background:linear-gradient(90deg, transparent 0%, transparent 5%, #2d4a2d 5%, #2d4a2d 20%, #2a2a2a 20%, #2a2a2a 25%, #2d4a2d 25%, #2d4a2d 60%, #2a2a2a 60%, #2a2a2a 100% );position:relative}.awp-icon::before{content:'';position:absolute;top:5px;left:25%;width:25px;height:10px;background:#2a2a2a;border-radius:2px}.awp-icon::after{content:'';position:absolute;bottom:5px;left:35%;width:12px;height:15px;background:#2d4a2d}.weapon-name{font-size:14px;font-weight:bold;color:#e94560}.weapon-desc{font-size:10px;color:#888}#settings-menu{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0, 0, 0, 0.95);padding:30px 40px;text-align:center;border:4px solid #e94560;z-index:260;min-width:350px}#settings-menu h3{color:#e94560;font-size:20px;margin-bottom:25px;text-shadow:2px 2px 0 #533483}.settings-group{margin:20px 0;text-align:left}.settings-group label{display:block;color:#fff;margin-bottom:10px;font-size:14px}.settings-group input[type="range"]{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:#1a1a2e;border:2px solid #533483;border-radius:0;outline:none;cursor:pointer}.settings-group input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#e94560;border:2px solid #fff;cursor:pointer}.settings-group input[type="range"]::-moz-range-thumb{width:20px;height:20px;background:#e94560;border:2px solid #fff;cursor:pointer;border-radius:0}.settings-group input[type="range"]:hover{border-color:#e94560}.settings-buttons{display:flex;flex-direction:column;gap:10px;margin-top:25px}.settings-btn{padding:12px 25px;font-size:14px;font-family:'Courier New', monospace;background:#1a1a2e;color:#fff;border:3px solid #533483;cursor:pointer;transition:all 0.2s}.settings-btn:hover{background:#533483;border-color:#e94560}.settings-btn.exit-btn{background:#5c1a1a;border-color:#e94560}.settings-btn.exit-btn:hover{background:#8b0000}.weapon-img{width:120px;height:60px;object-fit:contain;image-rendering:pixelated;background:#0a0a15;border:2px solid #333}#death-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;transition:all 0.5s ease}#death-overlay.active{background:rgba(0, 0, 0, 0.3)}#game.dead-effect canvas{filter:grayscale(100%) brightness(0.7);transition:filter 0.5s ease}#game canvas{transition:filter 0.3s ease}#kill-feedback{position:absolute;bottom:25%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:150;pointer-events:none}#kill-icon, #kill-streak-icon{display:none;padding:8px 16px;font-family:'Courier New', monospace;font-weight:bold;text-align:center;animation:killFeedbackPop 0.3s ease-out;image-rendering:pixelated}#kill-icon.headshot{display:block;background:linear-gradient(180deg, #ff4444 0%, #cc0000 100%);border:3px solid #ff6666;color:#fff;font-size:18px;text-shadow:2px 2px 0 #000;box-shadow:0 0 20px rgba(255, 0, 0, 0.6), inset 0 0 10px rgba(255, 255, 255, 0.2)}#kill-icon.headshot::before{content:'💀 '}#kill-icon.headshot::after{content:' 💀'}#kill-icon.kill{display:block;background:linear-gradient(180deg, #ffaa00 0%, #cc8800 100%);border:3px solid #ffcc44;color:#fff;font-size:16px;text-shadow:2px 2px 0 #000;box-shadow:0 0 15px rgba(255, 170, 0, 0.5)}#kill-icon.kill::before{content:'⚔️ '}#kill-icon.knife{display:block;background:linear-gradient(180deg, #aa44ff 0%, #7700cc 100%);border:3px solid #cc66ff;color:#fff;font-size:18px;text-shadow:2px 2px 0 #000;box-shadow:0 0 20px rgba(170, 68, 255, 0.6)}#kill-icon.knife::before{content:'🔪 '}#kill-streak-icon.active{display:block;background:linear-gradient(180deg, #00ccff 0%, #0088cc 100%);border:3px solid #44ddff;color:#fff;font-size:20px;text-shadow:2px 2px 0 #000;box-shadow:0 0 25px rgba(0, 200, 255, 0.7), inset 0 0 15px rgba(255, 255, 255, 0.3)}#kill-streak-icon.streak-3{background:linear-gradient(180deg, #44ff44 0%, #00cc00 100%);border-color:#66ff66;box-shadow:0 0 25px rgba(0, 255, 0, 0.7)}#kill-streak-icon.streak-4{background:linear-gradient(180deg, #ffff00 0%, #cccc00 100%);border-color:#ffff66;box-shadow:0 0 25px rgba(255, 255, 0, 0.7)}#kill-streak-icon.streak-5{background:linear-gradient(180deg, #ff8800 0%, #cc6600 100%);border-color:#ffaa44;box-shadow:0 0 30px rgba(255, 136, 0, 0.8)}#kill-streak-icon.streak-6{background:linear-gradient(180deg, #ff0000 0%, #cc0000 100%);border-color:#ff4444;box-shadow:0 0 35px rgba(255, 0, 0, 0.9);animation:killFeedbackPop 0.3s ease-out, streakGlow 0.5s ease-in-out infinite alternate}@keyframes killFeedbackPop{0%{transform:scale(0.5);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}@keyframes streakGlow{0%{box-shadow:0 0 35px rgba(255, 0, 0, 0.9)}100%{box-shadow:0 0 50px rgba(255, 0, 0, 1), 0 0 80px rgba(255, 0, 0, 0.5)}}