*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:#000;color:#fff}.hidden{display:none!important}.render-canvas{width:100%;height:100vh;display:block;outline:none;touch-action:none}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;justify-content:center;align-items:center;z-index:10000}.loading-content{text-align:center;max-width:500px;width:90%}.loading-title{font-size:4rem;font-weight:900;letter-spacing:8px;color:#00f7ff;text-shadow:0 0 20px rgba(0,247,255,.5);margin-bottom:50px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-bar-container{width:100%;height:30px;background:#ffffff1a;border-radius:15px;overflow:hidden;margin-bottom:20px;border:2px solid rgba(0,247,255,.3)}.loading-bar{width:0%;height:100%;background:linear-gradient(90deg,#00f7ff,#00a8ff);transition:width .3s ease;box-shadow:0 0 20px #00f7ffcc}.loading-text{font-size:1.2rem;color:#aaa}.main-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000;display:flex;justify-content:center;align-items:center}.menu-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);animation:menuBgShift 10s ease infinite}@keyframes menuBgShift{0%,to{opacity:1}50%{opacity:.8}}.menu-content{position:relative;text-align:center;z-index:1}.game-title{font-size:5rem;font-weight:900;letter-spacing:12px;color:#00f7ff;text-shadow:0 0 30px rgba(0,247,255,.7),0 0 60px rgba(0,247,255,.5);margin-bottom:80px;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 30px rgba(0,247,255,.7),0 0 60px rgba(0,247,255,.5)}50%{text-shadow:0 0 40px rgba(0,247,255,1),0 0 80px rgba(0,247,255,.7)}}.menu-buttons{display:flex;flex-direction:column;gap:20px;align-items:center}.menu-button{width:300px;padding:18px 40px;font-size:1.5rem;font-weight:700;letter-spacing:3px;color:#fff;background:linear-gradient(135deg,#00f7ff33,#00a8ff33);border:2px solid #00f7ff;border-radius:5px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 0 15px #00f7ff4d}.menu-button:hover{background:linear-gradient(135deg,#00f7ff66,#00a8ff66);box-shadow:0 0 30px #00f7ff99;transform:scale(1.05)}.menu-button:active{transform:scale(.98)}.menu-button-small{padding:12px 30px;font-size:1rem;font-weight:600;letter-spacing:2px;color:#fff;background:linear-gradient(135deg,#00f7ff33,#00a8ff33);border:2px solid #00f7ff;border-radius:5px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;margin:5px}.menu-button-small:hover{background:linear-gradient(135deg,#00f7ff66,#00a8ff66);box-shadow:0 0 20px #00f7ff80}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9500}.menu-panel{background:linear-gradient(135deg,#1a1a2ef2,#0a0a0af2);border:2px solid #00f7ff;border-radius:10px;padding:40px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 50px #00f7ff80}.menu-panel.large{max-width:800px}.menu-panel-title{font-size:2.5rem;font-weight:900;letter-spacing:5px;color:#00f7ff;text-align:center;margin-bottom:30px;text-shadow:0 0 20px rgba(0,247,255,.5)}.settings-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid rgba(0,247,255,.3)}.settings-tab{flex:1;padding:12px;background:transparent;border:none;border-bottom:3px solid transparent;color:#888;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.settings-tab.active{color:#00f7ff;border-bottom-color:#00f7ff}.settings-tab:hover{color:#00f7ff}.settings-tab-content{margin-bottom:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px;background:#00f7ff0d;border-radius:5px}.setting-row label{font-size:1.1rem;font-weight:600;color:#ddd}.setting-row input[type=range]{width:200px;margin:0 10px}.setting-row select{padding:8px 15px;background:#00000080;border:2px solid #00f7ff;border-radius:5px;color:#fff;font-size:1rem;cursor:pointer}.setting-row input[type=checkbox]{width:20px;height:20px;cursor:pointer}.keybind-list{max-height:400px;overflow-y:auto}.keybind-item{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:10px;background:#00f7ff0d;border-radius:5px;transition:background .2s ease}.keybind-item:hover{background:#00f7ff1a}.keybind-action{font-size:1rem;font-weight:600;color:#ddd}.keybind-key{padding:8px 20px;background:#00000080;border:2px solid #00f7ff;border-radius:5px;color:#00f7ff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:80px;text-align:center;text-transform:uppercase}.keybind-key:hover{background:#00f7ff33;box-shadow:0 0 15px #00f7ff66}.keybind-key.listening{background:#ffc8004d;border-color:#ffc800;color:#ffc800;animation:pulse-key .5s ease infinite}@keyframes pulse-key{0%,to{opacity:1}50%{opacity:.6}}.howto-content{text-align:left}.howto-content section{margin-bottom:30px}.howto-content h3{color:#00f7ff;font-size:1.5rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.howto-content p{line-height:1.6;color:#ccc;margin-bottom:10px}.howto-content ul{list-style-position:inside;color:#ccc;line-height:1.8}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.controls-grid div{padding:10px;background:#00f7ff0d;border-radius:5px;color:#ccc}.weapons-list div{padding:10px;margin-bottom:10px;background:#00f7ff0d;border-radius:5px;color:#ccc}.credits-content{text-align:center;line-height:1.8;color:#ccc}.hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.damage-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 30%,rgba(255,0,0,0) 40%,rgba(255,0,0,.6) 100%);opacity:0;transition:opacity .15s ease-out;pointer-events:none;z-index:1}.damage-vignette.active{opacity:1;animation:damage-pulse .5s ease-out}@keyframes damage-pulse{0%{opacity:.8}50%{opacity:1}to{opacity:0}}.hud-top-left{position:absolute;top:20px;left:20px}.health-container{width:250px}.health-bar-bg{width:100%;height:25px;background:#000000b3;border:2px solid #00f7ff;border-radius:5px;overflow:hidden;margin-bottom:8px}.health-bar{width:100%;height:100%;background:linear-gradient(90deg,#0f0,#7fff00);transition:width .3s ease,background .3s ease;box-shadow:0 0 15px #0f0c}.health-bar.warning{background:linear-gradient(90deg,#ff0,orange);box-shadow:0 0 15px #ff0c}.health-bar.critical{background:linear-gradient(90deg,red,#ff4500);box-shadow:0 0 15px #f00c;animation:pulse-health .5s ease infinite}@keyframes pulse-health{0%,to{opacity:1}50%{opacity:.5}}.health-text{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8)}.hud-top-right{position:absolute;top:20px;right:20px;text-align:right}.stats-display{background:#000000b3;border:2px solid #00f7ff;border-radius:5px;padding:10px 15px;margin-bottom:15px;font-size:1rem;font-weight:700;color:#fff}.match-timer{background:#000c;border:3px solid #ff0044;border-radius:5px;padding:15px 20px;margin-bottom:15px;text-align:center}.timer-display{font-size:2.5rem;font-weight:900;color:#f04;text-shadow:0 0 10px #ff0044,0 0 20px #ff0044;font-family:Courier New,monospace;letter-spacing:2px}.map-name{font-size:.9rem;font-weight:600;color:#00f7ff;text-transform:uppercase;margin-top:5px;letter-spacing:1px}.score-display{background:#000c;border:3px solid #00ff88;border-radius:5px;padding:12px 20px;margin-bottom:15px;text-align:center}.score-label{font-size:.8rem;font-weight:700;color:#0f8;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.score-value{font-size:2rem;font-weight:900;color:#0f8;text-shadow:0 0 10px #00ff88,0 0 20px #00ff88;font-family:Courier New,monospace;letter-spacing:1px}.score-value.negative{color:#f04;text-shadow:0 0 10px #ff0044,0 0 20px #ff0044}.minimap{width:150px;height:150px;background:#000000b3;border:2px solid #00f7ff;border-radius:5px;overflow:hidden}#minimap-canvas{display:block}.hud-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.crosshair{width:40px;height:40px;position:relative}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fffc;box-shadow:0 0 5px #000c}.crosshair:before{width:20px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:after{width:2px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%)}.hit-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:red;text-shadow:0 0 10px rgba(255,0,0,.8);animation:hitMarkerFade .3s ease}@keyframes hitMarkerFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.kill-feed{position:absolute;top:-150px;left:50%;transform:translate(-50%);width:400px}.kill-message{background:#000c;border:2px solid #00f7ff;border-radius:5px;padding:10px;margin-bottom:10px;font-size:1rem;font-weight:700;color:#fff;animation:killMessageSlide 3s ease forwards}@keyframes killMessageSlide{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.hud-bottom-right{position:absolute;bottom:20px;right:20px}.weapon-display{background:#000000b3;border:2px solid #00f7ff;border-radius:5px;padding:15px;margin-bottom:10px;min-width:200px}.weapon-name{font-size:1.2rem;font-weight:700;color:#00f7ff;margin-bottom:8px;text-shadow:0 0 10px rgba(0,247,255,.5)}.weapon-cooldown-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.weapon-cooldown-fill{width:100%;height:100%;background:linear-gradient(90deg,#00f7ff,#00a8ff);transition:width .1s linear;box-shadow:0 0 10px #00f7ffcc}.ram-cooldown{background:#000000b3;border:2px solid #ff4500;border-radius:5px;padding:10px;display:flex;align-items:center;gap:10px}.ram-icon{width:40px;height:40px;background:#ff45004d;border:2px solid #ff4500;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#ff4500}.ram-timer{font-size:1.2rem;font-weight:700;color:#ff4500}.damage-indicators{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.damage-indicator{position:absolute;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:25px solid rgba(255,0,0,.7);animation:damageIndicatorFade .5s ease forwards}@keyframes damageIndicatorFade{0%{opacity:1}to{opacity:0}}.damage-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 30%,rgba(255,0,0,.5) 100%);opacity:0;pointer-events:none;transition:opacity .2s ease}.damage-vignette.active{animation:damageFlash .3s ease}@keyframes damageFlash{0%{opacity:0}50%{opacity:.6}to{opacity:0}}.scope-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0014284d,#000000b3);pointer-events:none;z-index:1000}.scope-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border:4px solid rgba(0,170,255,.9);border-radius:50%;box-shadow:0 0 30px #0af9,0 0 60px #00aaff4d,inset 0 0 60px #000c,inset 0 0 30px #0064c833;animation:scopePulse 2s ease-in-out infinite}@keyframes scopePulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.02)}}.scope-crosshair-h{position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(to right,transparent 0%,rgba(0,170,255,.4) 20%,rgba(0,200,255,.8) 48%,rgba(0,247,255,1) 50%,rgba(0,200,255,.8) 52%,rgba(0,170,255,.4) 80%,transparent 100%);box-shadow:0 0 10px #00f7ffcc}.scope-crosshair-v{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent 0%,rgba(0,170,255,.4) 20%,rgba(0,200,255,.8) 48%,rgba(0,247,255,1) 50%,rgba(0,200,255,.8) 52%,rgba(0,170,255,.4) 80%,transparent 100%);box-shadow:0 0 10px #00f7ffcc}.weapon-scope{background:radial-gradient(ellipse at center,#14002833,#000c)}.weapon-scope-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:450px;border:3px solid rgba(0,255,136,.8);border-radius:50%;box-shadow:0 0 20px #00ff8880,0 0 40px #0f83,inset 0 0 60px #000000b3}.weapon-scope.sniper .weapon-scope-circle,.weapon-scope.sniper .weapon-scope-crosshair-h,.weapon-scope.sniper .weapon-scope-crosshair-v{border-color:#00ff88e6}.weapon-scope.sniper .weapon-scope-crosshair-h{background:linear-gradient(to right,transparent 0%,rgba(0,255,136,.4) 20%,rgba(0,255,136,.8) 48%,rgba(0,255,136,1) 50%,rgba(0,255,136,.8) 52%,rgba(0,255,136,.4) 80%,transparent 100%);box-shadow:0 0 10px #0f8c}.weapon-scope.sniper .weapon-scope-crosshair-v{background:linear-gradient(to bottom,transparent 0%,rgba(0,255,136,.4) 20%,rgba(0,255,136,.8) 48%,rgba(0,255,136,1) 50%,rgba(0,255,136,.8) 52%,rgba(0,255,136,.4) 80%,transparent 100%);box-shadow:0 0 10px #0f8c}.weapon-scope.burst .weapon-scope-circle{border-color:#ff0044e6;box-shadow:0 0 20px #ff004480,0 0 40px #f043,inset 0 0 60px #000000b3}.weapon-scope.burst .weapon-scope-crosshair-h{background:linear-gradient(to right,transparent 0%,rgba(255,0,68,.4) 20%,rgba(255,0,68,.8) 48%,rgba(255,0,68,1) 50%,rgba(255,0,68,.8) 52%,rgba(255,0,68,.4) 80%,transparent 100%);box-shadow:0 0 10px #f04c}.weapon-scope.burst .weapon-scope-crosshair-v{background:linear-gradient(to bottom,transparent 0%,rgba(255,0,68,.4) 20%,rgba(255,0,68,.8) 48%,rgba(255,0,68,1) 50%,rgba(255,0,68,.8) 52%,rgba(255,0,68,.4) 80%,transparent 100%);box-shadow:0 0 10px #f04c}.weapon-scope.plasma .weapon-scope-circle{border-color:#ff8800e6;box-shadow:0 0 20px #ff880080,0 0 40px #f803,inset 0 0 60px #000000b3}.weapon-scope.plasma .weapon-scope-crosshair-h{background:linear-gradient(to right,transparent 0%,rgba(255,136,0,.4) 20%,rgba(255,136,0,.8) 48%,rgba(255,136,0,1) 50%,rgba(255,136,0,.8) 52%,rgba(255,136,0,.4) 80%,transparent 100%);box-shadow:0 0 10px #f80c}.weapon-scope.plasma .weapon-scope-crosshair-v{background:linear-gradient(to bottom,transparent 0%,rgba(255,136,0,.4) 20%,rgba(255,136,0,.8) 48%,rgba(255,136,0,1) 50%,rgba(255,136,0,.8) 52%,rgba(255,136,0,.4) 80%,transparent 100%);box-shadow:0 0 10px #f80c}.weapon-scope-crosshair-h{position:absolute;top:50%;left:0;right:0;height:2px}.weapon-scope-crosshair-v{position:absolute;left:50%;top:0;bottom:0;width:2px}.weapon-scope-rangefinder{position:absolute;top:60%;left:50%;transform:translate(-50%);color:#fffc;font-size:14px;text-align:center;font-family:monospace;text-shadow:0 0 5px rgba(0,0,0,.8)}.fps-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000000b3;border:2px solid #00f7ff;border-radius:5px;padding:5px 15px;font-size:.9rem;font-weight:700;color:#00f7ff;pointer-events:all}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#00f7ff80;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00f7ffb3}@media (max-width: 768px){.game-title{font-size:3rem;letter-spacing:5px}.menu-button{width:250px;font-size:1.2rem}.menu-panel{padding:20px;width:95%}.controls-grid{grid-template-columns:1fr}}.kill-feed{position:fixed;bottom:20px;left:20px;z-index:999;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start}@keyframes killFadeIn{0%{opacity:0;transform:scale(.5) translateY(-20px)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes killFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.death-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;font-weight:900;color:#f04;text-shadow:0 0 20px #ff0044,0 0 40px #ff0044,0 0 60px #ff0044,0 0 80px #000;z-index:10000;pointer-events:none;animation:deathPulse 1s ease-in-out infinite;letter-spacing:10px}@keyframes deathPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.05)}}.map-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px;max-height:500px;overflow-y:auto}.map-card{background:#000000b3;border:2px solid rgba(0,255,255,.3);border-radius:10px;padding:20px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;gap:12px}.map-card:hover{border-color:#0ffc;background:#00ffff1a;transform:translateY(-5px);box-shadow:0 10px 30px #00ffff4d}.map-card-name{font-size:24px;font-weight:900;color:#0ff;text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.5)}.map-card-description{font-size:14px;color:#aaa;text-align:center;line-height:1.6;flex-grow:1}.map-card-button{background:linear-gradient(135deg,#0ff,#09c);border:none;border-radius:5px;padding:12px 24px;color:#000;font-size:16px;font-weight:900;letter-spacing:2px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.map-card-button:hover{background:linear-gradient(135deg,#0ff,#0cf);box-shadow:0 0 20px #0ff9;transform:scale(1.05)}