*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;overflow:hidden;background:#0a0e27;color:#00f5ff}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e27;display:flex;justify-content:center;align-items:center;z-index:999;transition:opacity .5s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;max-width:600px;width:90%;position:relative}.loading-title{font-size:56px;color:gold;text-shadow:0 0 30px #FFD700,0 0 60px rgba(255,215,0,.5);margin-bottom:10px;letter-spacing:8px;animation:loadingPulse 2s ease-in-out infinite}.loading-subtitle{font-size:24px;color:#8b00ff;text-shadow:0 0 20px #8B00FF;font-style:italic;letter-spacing:2px;margin-bottom:50px}@keyframes loadingPulse{0%,to{text-shadow:0 0 30px #FFD700,0 0 60px rgba(255,215,0,.5)}50%{text-shadow:0 0 40px #FFD700,0 0 80px rgba(255,215,0,.8)}}.loading-bar-container{position:relative;margin-bottom:30px}.loading-bar-background{width:100%;height:40px;background:#00f5ff1a;border:2px solid #FFD700;box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #00000080;position:relative;overflow:hidden}.loading-bar-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#8b00ff,orchid);box-shadow:0 0 30px #8b00ffcc;transition:width .3s ease-out;animation:loadingShimmer 2s linear infinite}@keyframes loadingShimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.loading-bar-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:loadingGlowMove 2s ease-in-out infinite}@keyframes loadingGlowMove{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.loading-percentage{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;color:#fff;text-shadow:0 0 15px #00F5FF,0 2px 4px rgba(0,0,0,.8);z-index:2}.loading-status{font-size:18px;color:#8b00ff;text-shadow:0 0 15px #8B00FF;margin-top:20px;min-height:25px;animation:statusBlink 1.5s ease-in-out infinite;letter-spacing:2px}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.6}}.loading-grid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;z-index:-1;opacity:.3;perspective:1000px}.grid-line{position:absolute;background:linear-gradient(90deg,transparent,#00F5FF,transparent);height:2px;width:100%;box-shadow:0 0 10px #00f5ff;animation:gridScan 3s ease-in-out infinite}.grid-line:nth-child(1){top:10%;animation-delay:0s}.grid-line:nth-child(2){top:40%;animation-delay:.5s}.grid-line:nth-child(3){top:70%;animation-delay:1s}.grid-line:nth-child(4){top:90%;animation-delay:1.5s}@keyframes gridScan{0%,to{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}}canvas{display:block;position:fixed;top:0;left:0}#ui{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#sniper-scope{position:fixed;top:0;left:0;width:100%;height:100%;z-index:150;pointer-events:none;animation:scopeFadeIn .15s ease-out}@keyframes scopeFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scope-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,transparent 25%,rgba(0,0,0,.95) 25%);z-index:1}.scope-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border:3px solid rgba(0,245,255,.8);border-radius:50%;box-shadow:0 0 20px #00f5ff80,inset 0 0 30px #00f5ff33;z-index:2;animation:scopePulse 2s ease-in-out infinite}@keyframes scopePulse{0%,to{box-shadow:0 0 20px #00f5ff80,inset 0 0 30px #00f5ff33}50%{box-shadow:0 0 30px #00f5ffb3,inset 0 0 40px #00f5ff4d}}.scope-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:2px solid rgba(0,245,255,.6);border-radius:50%;animation:scopeRingRotate 4s linear infinite}@keyframes scopeRingRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.scope-crosshair{position:absolute;background:#ff006ecc;box-shadow:0 0 10px #ff006e99}.scope-horizontal{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.scope-vertical{left:50%;top:0;height:100%;width:2px;transform:translate(-50%)}.scope-center-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#ff006e;border-radius:50%;box-shadow:0 0 8px #ff006e}.scope-text{position:absolute;left:50%;transform:translate(-50%);font-family:Courier New,monospace;font-size:14px;color:#00f5ff;text-shadow:0 0 10px #00F5FF;letter-spacing:2px;z-index:3}.scope-text-top{top:calc(50% - 320px)}.scope-text-bottom{top:calc(50% + 310px)}.scope-circle:before,.scope-circle:after{content:"";position:absolute;width:4px;height:4px;background:#00f5ff99;border-radius:50%;left:50%;transform:translate(-50%)}.scope-circle:before{top:25%}.scope-circle:after{bottom:25%}.scope-tick{position:absolute;background:#00f5ffb3}.scope-tick-top,.scope-tick-bottom{width:30px;height:2px;left:50%;transform:translate(-50%)}.scope-tick-left,.scope-tick-right{height:30px;width:2px;top:50%;transform:translateY(-50%)}.scope-tick-top{top:80px}.scope-tick-bottom{bottom:80px}.scope-tick-left{left:80px}.scope-tick-right{right:80px}.scope-number{position:absolute;font-family:Courier New,monospace;font-size:12px;color:#00f5ffb3;text-shadow:0 0 5px rgba(0,245,255,.5);font-weight:700}.scope-num-1{top:100px;left:50%;transform:translate(-50%)}.scope-num-2{right:100px;top:50%;transform:translateY(-50%)}.scope-num-3{bottom:100px;left:50%;transform:translate(-50%)}.scope-num-4{left:100px;top:50%;transform:translateY(-50%)}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none;transition:all .2s ease-out}#crosshair.aiming{width:8px;height:8px}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ff006e;box-shadow:0 0 10px #ff006e;transition:all .2s ease-out}#crosshair:before{width:2px;height:100%;left:50%;transform:translate(-50%)}#crosshair:after{height:2px;width:100%;top:50%;transform:translateY(-50%)}#crosshair.aiming:before{width:1px;box-shadow:0 0 5px #ff006e}#crosshair.aiming:after{height:1px;box-shadow:0 0 5px #ff006e}#hud{position:absolute;width:100%;height:100%}#health-container{position:absolute;bottom:30px;left:30px;width:200px}#health-bar{width:100%;height:30px;background:#ff006e33;border:2px solid #FF006E;box-shadow:0 0 20px #ff006e80;position:relative}#health-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#ff006e;box-shadow:inset 0 0 20px #ff006ecc;transition:width .2s}#health-text{position:absolute;top:5px;left:50%;transform:translate(-50%);color:#fff;font-weight:700;text-shadow:0 0 10px #FF006E;font-size:18px}#ammo-container{position:absolute;bottom:30px;right:30px;text-align:right}#ammo-text{display:block;font-size:32px;font-weight:700;color:#00f5ff;text-shadow:0 0 20px #00F5FF;margin-bottom:5px}#weapon-name{display:block;font-size:18px;color:#8b00ff;text-shadow:0 0 10px #8B00FF}#kill-counter{position:absolute;top:30px;right:30px;font-size:24px;color:#00f5ff;text-shadow:0 0 15px #00F5FF}#ingame-controls{position:absolute;left:30px;top:50%;transform:translateY(-50%);background:#0a0e27cc;border:2px solid #00F5FF;border-left:4px solid #FF006E;box-shadow:0 0 20px #00f5ff4d;padding:15px;min-width:180px}.control-title{font-size:18px;font-weight:700;color:#ff006e;text-shadow:0 0 15px #FF006E;margin-bottom:12px;text-align:center;letter-spacing:2px;border-bottom:2px solid #FF006E;padding-bottom:8px}.control-item{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:4px 0}.control-key{font-size:14px;font-weight:700;color:#00f5ff;text-shadow:0 0 10px #00F5FF;background:#00f5ff1a;border:1px solid #00F5FF;padding:3px 8px;border-radius:3px;min-width:60px;text-align:center}.control-desc{font-size:13px;color:#8b00ff;text-shadow:0 0 8px #8B00FF;margin-left:10px}#death-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0e27f2;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s}#death-screen h1{font-size:80px;color:#ff006e;text-shadow:0 0 40px #FF006E;margin-bottom:20px;animation:glitch .5s infinite}#death-screen p{font-size:28px;color:#00f5ff;text-shadow:0 0 20px #00F5FF;margin-bottom:30px}#restart-btn{padding:15px 40px;font-size:24px;font-family:Courier New,monospace;background:transparent;color:#00f5ff;border:3px solid #00F5FF;cursor:pointer;pointer-events:all;transition:all .3s;box-shadow:0 0 20px #00f5ff80;text-shadow:0 0 10px #00F5FF}#restart-btn:hover{background:#00f5ff;color:#0a0e27;box-shadow:0 0 40px #00f5ffcc}#start-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0e27;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:all}#start-screen h1{font-size:72px;color:gold;text-shadow:0 0 40px #FFD700;margin-bottom:20px;animation:pulse 2s infinite}#start-screen>p{font-size:24px;color:#8b00ff;text-shadow:0 0 20px #8B00FF;margin-bottom:40px;animation:blink 1.5s infinite}.controls{text-align:center}.controls p{font-size:16px;color:#8b00ff;text-shadow:0 0 10px #8B00FF;margin:5px 0}.menu-btn{padding:12px 30px;font-size:20px;font-family:Courier New,monospace;background:transparent;color:#00f5ff;border:2px solid #00F5FF;cursor:pointer;pointer-events:all;transition:all .3s;box-shadow:0 0 15px #00f5ff4d;text-shadow:0 0 10px #00F5FF;margin:10px}.menu-btn:hover{background:#00f5ff;color:#0a0e27;box-shadow:0 0 30px #00f5ff99}#settings-btn{color:gold;border:2px solid #FFD700;box-shadow:0 0 15px #ffd7004d;text-shadow:0 0 10px #FFD700}#settings-btn:hover{background:gold;color:#0a0e27;box-shadow:0 0 30px #ffd70099}#back-btn{color:#8b00ff;border:2px solid #8B00FF;box-shadow:0 0 15px #8b00ff4d;text-shadow:0 0 10px #8B00FF}#back-btn:hover{background:#8b00ff;color:#0a0e27;box-shadow:0 0 30px #8b00ff99}#settings-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0e27;display:flex;justify-content:center;align-items:center;pointer-events:all}.settings-container{width:600px;max-width:90%;background:#0a0e27f2;border:3px solid #FFD700;box-shadow:0 0 40px #ffd70066;padding:30px;text-align:center}.settings-container h1{font-size:48px;color:gold;text-shadow:0 0 30px #FFD700;margin-bottom:20px}.settings-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.tab-btn{padding:10px 25px;font-size:18px;font-family:Courier New,monospace;background:transparent;color:gold;border:2px solid #FFD700;cursor:pointer;transition:all .3s;text-shadow:0 0 8px #FFD700}.tab-btn.active{background:gold;color:#0a0e27;box-shadow:0 0 20px #ffd70099}.tab-btn:hover:not(.active){border-color:gold;color:gold;text-shadow:0 0 10px #FFD700}.settings-content{min-height:300px;margin-bottom:20px}.tab-content{display:none}.tab-content.active{display:block}.tab-content h2{font-size:28px;color:gold;text-shadow:0 0 20px #FFD700;margin-bottom:20px}.map-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.map-btn{padding:20px;font-size:18px;font-family:Courier New,monospace;background:#ffd7001a;color:gold;border:2px solid #FFD700;cursor:pointer;transition:all .3s;text-shadow:0 0 8px #FFD700}.map-btn:hover{background:#ffd70033;border-color:gold;color:gold;text-shadow:0 0 10px #FFD700;box-shadow:0 0 20px #ffd70066}.map-btn.active{background:gold;color:#0a0e27;border-color:gold;box-shadow:0 0 25px #ffd70099;text-shadow:0 0 10px #0A0E27}.graphics-options{text-align:left;max-width:400px;margin:0 auto}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:15px;margin:10px 0;background:#ffd7000d;border:1px solid rgba(255,215,0,.3)}.setting-row label{font-size:18px;color:gold;text-shadow:0 0 10px #FFD700}.setting-row select{padding:8px 15px;font-size:16px;font-family:Courier New,monospace;background:#0a0e27;color:gold;border:2px solid #FFD700;cursor:pointer;text-shadow:0 0 8px #FFD700}.setting-row select:focus{outline:none;box-shadow:0 0 15px #ffd70080}.setting-row input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#FFD700}.hidden{display:none!important}@keyframes glitch{0%,to{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,-2px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:.3}}.hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;pointer-events:none;animation:hitmarkerFade .3s ease-out}.hitmarker.kill{width:40px;height:40px}.hitmarker.headshot{width:35px;height:35px}.hitmarker-line{position:absolute;background:#ff006e;box-shadow:0 0 10px #ff006e}.hitmarker.kill .hitmarker-line{background:#00f5ff;box-shadow:0 0 15px #00f5ff}.hitmarker.headshot .hitmarker-line{background:gold;box-shadow:0 0 20px gold,0 0 30px #ffd70099}.hitmarker.kill.headshot .hitmarker-line{background:gold;box-shadow:0 0 25px gold,0 0 40px #ffd700cc}.hitmarker-line-1{width:3px;height:12px;top:-6px;left:50%;transform:translate(-50%) rotate(45deg)}.hitmarker-line-2{width:3px;height:12px;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg)}.hitmarker-line-3{width:3px;height:12px;top:50%;left:-6px;transform:translateY(-50%) rotate(45deg)}.hitmarker-line-4{width:3px;height:12px;top:50%;right:-6px;transform:translateY(-50%) rotate(45deg)}@keyframes hitmarkerFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.damage-number{position:fixed;pointer-events:none;font-family:Courier New,monospace;font-weight:700;-webkit-user-select:none;user-select:none;animation:damageFloat 1s ease-out forwards}.kill-number{animation:killFloat 1s ease-out forwards}@keyframes damageFloat{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-50px) scale(.8);opacity:0}}@keyframes killFloat{0%{transform:translateY(0) scale(1.2);opacity:1}to{transform:translateY(-60px) scale(1);opacity:0}}