:root{--neon-blue:#00f3ff;--neon-pink:#ff00ea;--neon-yellow:#fffb00;--neon-green:#39ff14;--dark-bg:#0a0a0f;--ui-font:"Rajdhani", sans-serif;--title-font:"Orbitron", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--dark-bg);font-family:var(--ui-font);color:#fff;overflow:hidden}#game-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}#crosshair{width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-horizontal{background:#00f3ffcc;width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cross-vertical{background:#00f3ffcc;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}#hit-marker{opacity:0;border:2px solid #fff;width:20px;height:20px;transition:opacity .1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#hit-marker.active{opacity:1}#shield-overlay{pointer-events:none;z-index:4;width:100%;height:100%;transition:box-shadow .2s;position:absolute;top:0;left:0;box-shadow:inset 0 0 #0096ff00}#low-health-overlay{pointer-events:none;z-index:5;width:100%;height:100%;transition:box-shadow .2s;position:absolute;top:0;left:0;box-shadow:inset 0 0 #f000}#damage-overlay{pointer-events:none;z-index:6;width:100%;height:100%;transition:box-shadow .2s ease-out;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #f000}#damage-overlay.active{box-shadow:inset 0 0 150px #f00c}#hud{width:100%;height:100%;position:absolute;top:0;left:0}.hidden{display:none!important}#health-container{width:300px;height:60px;position:absolute;bottom:30px;left:30px}#highscore-screen{z-index:9;background:#0a0a14f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#top-center-hud{text-align:center;font-family:Courier New,Courier,monospace;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}#round-text{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);font-size:24px}#player-name-display{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);font-family:Orbitron,sans-serif;font-size:18px;position:absolute;top:-25px;left:10px}.bar-bg{border:2px solid var(--neon-blue);background:#141414cc;width:100%;height:20px;position:absolute;top:0;left:0;transform:skew(-15deg)}.bar-fill{transform-origin:0;width:100%;height:20px;transition:transform .2s ease-out;position:absolute;top:0;left:0;transform:skew(-15deg)}#shield-bar-fill{background:linear-gradient(90deg, #05f, var(--neon-blue))}#health-bar-fill{background:linear-gradient(90deg, var(--neon-blue), var(--neon-green))}#shield-text,#health-text{text-shadow:0 0 10px #000;font-size:16px;font-weight:700;position:absolute;left:20px}#shield-text{color:var(--neon-blue);top:0}#health-text{color:var(--neon-green);top:25px}#ammo-container{text-align:right;position:absolute;bottom:30px;right:30px}#ammo-text{color:var(--neon-yellow);text-shadow:0 0 15px #fffb0080;font-size:48px;font-weight:700;font-family:var(--title-font);display:block}#weapon-name{color:#ccc;letter-spacing:2px;font-size:24px;display:block}#top-stats{border:1px solid var(--neon-pink);background:#00000080;border-radius:5px;gap:40px;padding:10px 30px;font-size:28px;font-weight:700;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ff00ea4d}#minimap{border:2px solid var(--neon-blue);box-shadow:0 0 15px var(--neon-blue);z-index:100;background:#0009;border-radius:50%;position:absolute;top:20px;right:20px}#killfeed{color:#fff;flex-direction:column;gap:5px;font-family:Courier New,Courier,monospace;font-size:16px;display:flex;position:absolute;top:20px;left:20px}.killfeed-item{border-left:3px solid var(--neon-pink);white-space:nowrap;background:#0009;padding:5px 10px;animation:5s forwards fadeout}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}#title-screen{pointer-events:auto;background:radial-gradient(circle,#1a1a2e 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#title-screen h1{font-family:var(--title-font);color:var(--neon-yellow);text-transform:uppercase;text-shadow:0 0 20px var(--neon-yellow), 0 0 40px var(--neon-yellow);letter-spacing:5px;margin-bottom:-10px;font-size:100px}.subtitle{font-family:var(--title-font);color:var(--neon-pink);letter-spacing:10px;text-shadow:0 0 10px var(--neon-pink);margin-bottom:60px;font-size:30px}#play-button{font-size:30px;font-family:var(--title-font);color:#fff;border:3px solid var(--neon-blue);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:5px;padding:15px 50px;transition:all .2s;box-shadow:0 0 15px #00f3ff80,inset 0 0 15px #00f3ff80}#play-button:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 30px #00f3ffcc,inset 0 0 30px #00f3ffcc}.controls-info{text-align:center;color:#888;margin-top:50px;line-height:1.8}#death-screen{pointer-events:auto;background:#96000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#death-screen h1{font-family:var(--title-font);color:#fff;text-shadow:0 0 20px red;margin-bottom:20px;font-size:80px}#death-screen p{font-size:30px}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 red;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 #00f;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(79px, 9999px, 86px, 0)}5%{clip:rect(61px, 9999px, 51px, 0)}10%{clip:rect(78px, 9999px, 35px, 0)}15%{clip:rect(31px, 9999px, 42px, 0)}20%{clip:rect(98px, 9999px, 95px, 0)}25%{clip:rect(100px, 9999px, 73px, 0)}30%{clip:rect(75px, 9999px, 1px, 0)}35%{clip:rect(21px, 9999px, 90px, 0)}40%{clip:rect(43px, 9999px, 60px, 0)}45%{clip:rect(83px, 9999px, 10px, 0)}50%{clip:rect(2px, 9999px, 9px, 0)}55%{clip:rect(68px, 9999px, 53px, 0)}60%{clip:rect(7px, 9999px, 48px, 0)}65%{clip:rect(67px, 9999px, 94px, 0)}70%{clip:rect(65px, 9999px, 12px, 0)}75%{clip:rect(77px, 9999px, 11px, 0)}80%{clip:rect(54px, 9999px, 68px, 0)}85%{clip:rect(53px, 9999px, 83px, 0)}90%{clip:rect(3px, 9999px, 20px, 0)}95%{clip:rect(93px, 9999px, 57px, 0)}to{clip:rect(6px, 9999px, 73px, 0)}}@keyframes glitch-anim2{0%{clip:rect(65px, 9999px, 100px, 0)}5%{clip:rect(52px, 9999px, 74px, 0)}10%{clip:rect(79px, 9999px, 85px, 0)}15%{clip:rect(75px, 9999px, 5px, 0)}20%{clip:rect(67px, 9999px, 61px, 0)}25%{clip:rect(14px, 9999px, 79px, 0)}30%{clip:rect(1px, 9999px, 66px, 0)}35%{clip:rect(86px, 9999px, 30px, 0)}40%{clip:rect(23px, 9999px, 98px, 0)}45%{clip:rect(85px, 9999px, 72px, 0)}50%{clip:rect(71px, 9999px, 75px, 0)}55%{clip:rect(2px, 9999px, 48px, 0)}60%{clip:rect(30px, 9999px, 16px, 0)}65%{clip:rect(59px, 9999px, 50px, 0)}70%{clip:rect(41px, 9999px, 62px, 0)}75%{clip:rect(2px, 9999px, 82px, 0)}80%{clip:rect(47px, 9999px, 73px, 0)}85%{clip:rect(3px, 9999px, 27px, 0)}90%{clip:rect(26px, 9999px, 55px, 0)}95%{clip:rect(42px, 9999px, 97px, 0)}to{clip:rect(38px, 9999px, 49px, 0)}}.setting-row{flex-direction:column;margin-bottom:20px;display:flex}.setting-row label{color:#fff;font-size:18px;font-family:var(--ui-font);margin-bottom:8px}.setting-row span{color:var(--neon-pink);font-weight:700}.setting-row input[type=range]{-webkit-appearance:none;background:0 0;width:100%}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--neon-blue);cursor:pointer;width:20px;height:20px;box-shadow:0 0 10px var(--neon-blue);border-radius:50%;margin-top:-8px}.setting-row input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#333;border-radius:2px;width:100%;height:4px}.setting-row input[type=range]:focus{outline:none}#news-bar{border-bottom:2px solid var(--neon-blue);z-index:100;background:#08080cf2;align-items:center;width:100%;height:45px;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 5px 25px #00f3ff4d}.news-content{white-space:nowrap;will-change:transform;font-family:var(--title-font);color:#fff;letter-spacing:2px;text-transform:uppercase;padding-left:100%;font-size:16px;font-weight:900;animation:30s linear infinite marquee}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate(-100%)}}#mobile-controls{z-index:99;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}#joystick-zone{pointer-events:auto;transform-origin:0 100%;border-radius:50%;width:180px;height:180px;position:absolute;bottom:30px;left:30px}#joystick-base{border:2px solid var(--neon-blue);background:#0a0a0fb3;border-radius:50%;width:110px;height:110px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #00f3ff66,inset 0 0 10px #00f3ff4d}#joystick-handle{background:var(--neon-blue);width:44px;height:44px;box-shadow:0 0 15px var(--neon-blue);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-btn-zone{transform-origin:100% 100%;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute}#mobile-controls.edit-mode .mobile-btn-zone{border:2px dashed var(--neon-pink);cursor:move;background:#ff00ea14;border-radius:8px;padding:6px;box-shadow:0 0 20px #ff00ea66,inset 0 0 10px #ff00ea1a}#zone-mobile-shoot{width:85px;height:85px}#zone-mobile-aim,#zone-mobile-jump,#zone-mobile-dash,#zone-mobile-gravity{width:60px;height:60px}.mobile-btn{pointer-events:auto;width:100%;height:100%;font-family:var(--title-font);cursor:pointer;text-transform:uppercase;background:#0a0a0fcc;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.mobile-btn:active{transform:scale(.9)}#btn-mobile-shoot{color:#ff007f;border:3px solid #ff007f;font-size:20px;box-shadow:0 0 20px #ff007f66,inset 0 0 10px #ff007f33}#btn-mobile-shoot:active{box-shadow:0 0 35px #ff007f,inset 0 0 15px #ff007f}#btn-mobile-aim{border:2px solid var(--neon-blue);color:var(--neon-blue);font-size:14px;box-shadow:0 0 15px #00f3ff66}#btn-mobile-aim.active{background:var(--neon-blue);color:#000;box-shadow:0 0 25px var(--neon-blue)}#btn-mobile-jump{border:2px solid var(--neon-yellow);color:var(--neon-yellow);font-size:14px;box-shadow:0 0 15px #fffb0066}#btn-mobile-dash{border:2px solid var(--neon-green);color:var(--neon-green);font-size:14px;box-shadow:0 0 15px #39ff1466}#btn-mobile-gravity{border:2px solid var(--neon-pink);color:var(--neon-pink);font-size:12px;box-shadow:0 0 15px #ff00ea66}#mobile-weapon-select-bar{pointer-events:auto;background:#0a0a0fd9;border:1px solid #ffffff26;border-radius:8px;gap:10px;padding:8px 15px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.mobile-weapon-box{font-family:var(--title-font);color:#888;cursor:pointer;background:#0006;border:1px solid #0000;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s}.mobile-weapon-box.active{color:var(--neon-blue);border-color:var(--neon-blue);background:#00f3ff1a;box-shadow:0 0 10px #00f3ff4d}.mobile-only-btn{border:2px solid var(--neon-blue);color:#fff;cursor:pointer;pointer-events:auto;z-index:110;background:#0a0a0fd9;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;font-size:22px;display:none;position:absolute;top:20px;left:20px;box-shadow:0 0 10px #00f3ff4d}@media (width<=1024px){.mobile-only-btn{display:flex}}#mobile-controls.edit-mode{background:#00000059;pointer-events:auto!important}#mobile-controls.edit-mode #joystick-zone{border:2px dashed var(--neon-pink);cursor:move;background:#ff00ea14;box-shadow:0 0 25px #ff00ea66,inset 0 0 10px #ff00ea1a;pointer-events:auto!important}.edit-pill{border:1px solid var(--neon-pink);font-family:var(--title-font);z-index:1005;color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#0a0a0ff2;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;display:flex;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ff00ea66;pointer-events:auto!important}.pill-btn{background:var(--neon-pink);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:900;transition:transform .1s;display:flex;box-shadow:0 0 5px #ff00ea80}.pill-btn:active{transform:scale(.85)}#btn-hud-editor-save{border:2px solid var(--neon-pink);color:var(--neon-pink);font-family:var(--title-font);cursor:pointer;letter-spacing:1px;text-transform:uppercase;z-index:1200;pointer-events:auto;background:#0a0a0ff2;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .2s;position:absolute;top:20px;left:20px;box-shadow:0 0 15px #ff00ea66}#btn-hud-editor-save:hover{background:var(--neon-pink);color:#000;box-shadow:0 0 25px var(--neon-pink)}#btn-hud-editor-save:active{transform:scale(.95)}