:root{--cyan: #45e0ff;--orange: #ff8a2a;--red: #ff3b50;--green: #43ffa0;--panel: rgba(8, 16, 28, .55);--stroke: rgba(80, 200, 255, .35)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}body{font-family:Rajdhani,system-ui,sans-serif;color:#dff;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.hud-hidden{display:none!important}#reticle{position:fixed;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);border:2px solid var(--cyan);border-radius:50%;opacity:.55;box-shadow:0 0 12px var(--cyan)}#reticle:before,#reticle:after{content:"";position:absolute;background:var(--cyan)}#reticle:before{left:50%;top:-10px;width:2px;height:12px;transform:translate(-50%)}#reticle:after{top:50%;left:-10px;height:2px;width:12px;transform:translateY(-50%)}#reticle.lock{border-color:var(--red);box-shadow:0 0 16px var(--red);opacity:.95}.panel{position:absolute;background:var(--panel);border:1px solid var(--stroke);border-radius:10px;padding:12px 16px;backdrop-filter:blur(6px);clip-path:polygon(0 0,100% 0,100% 78%,92% 100%,0 100%)}.tl{top:16px;left:16px}.tr{top:16px;right:16px;text-align:right}.bl{bottom:16px;left:16px;min-width:230px}.label{font-family:Orbitron;font-size:10px;letter-spacing:2px;color:var(--cyan);opacity:.85;text-transform:uppercase}.big{font-family:Orbitron;font-weight:900;font-size:30px;line-height:1;text-shadow:0 0 14px rgba(69,224,255,.5)}.score .big{color:#fff}.wave .big{color:var(--orange);text-shadow:0 0 14px rgba(255,138,42,.6)}.meter{margin-top:8px}.meter .label{display:flex;justify-content:space-between;align-items:center}.bar{height:12px;margin-top:4px;background:#ffffff14;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.bar>i{display:block;height:100%;width:100%;transition:width .15s ease,background .3s;border-radius:6px}.bar.shield>i{background:linear-gradient(90deg,#1a6cff,var(--cyan));box-shadow:0 0 10px var(--cyan)}.bar.hull>i{background:linear-gradient(90deg,#ff5a2a,var(--orange))}.bar.boost>i{background:linear-gradient(90deg,#8a2aff,#d36bff)}#missiles{display:flex;gap:5px;margin-top:6px}.mslot{width:10px;height:22px;border-radius:3px 3px 6px 6px;background:#ffffff1a;border:1px solid var(--stroke)}.mslot.on{background:linear-gradient(180deg,var(--orange),#ff5a2a);box-shadow:0 0 8px var(--orange)}#combo{position:absolute;top:92px;left:50%;transform:translate(-50%);text-align:center;font-family:Orbitron;font-weight:900;opacity:0;transition:opacity .2s}#combo .x{font-size:38px;color:var(--orange);text-shadow:0 0 18px var(--orange)}#combo .t{font-size:12px;letter-spacing:3px;color:#fff}#combo.show{opacity:1}#radar{position:absolute;bottom:16px;right:16px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#0a1e3299,#040a14b3);border:1px solid var(--stroke);box-shadow:inset 0 0 20px #45e0ff26;overflow:hidden}#radar:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(69,224,255,.12) 1px,transparent 1px) 0 0/100% 25%,linear-gradient(90deg,rgba(69,224,255,.12) 1px,transparent 1px) 0 0/25% 100%}.blip{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%)}.blip.player{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.blip.enemy{background:var(--red);box-shadow:0 0 6px var(--red)}.blip.pickup{background:var(--green);box-shadow:0 0 6px var(--green)}.blip.turret{background:var(--orange);box-shadow:0 0 6px var(--orange)}#alert{position:absolute;top:38%;left:50%;transform:translate(-50%);font-family:Orbitron;font-weight:700;color:var(--red);font-size:clamp(22px,5vw,44px);letter-spacing:4px;text-shadow:0 0 20px var(--red);opacity:0}#alert.show{animation:alertPulse 1.4s ease}@keyframes alertPulse{0%{opacity:0;transform:translate(-50%) scale(.8)}20%{opacity:1}80%{opacity:1}to{opacity:0}}#damage{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #ff283c00;transition:box-shadow .1s;z-index:9}#notifs{position:absolute;left:50%;bottom:26%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.notif{font-family:Orbitron;font-weight:700;font-size:15px;padding:6px 16px;border-radius:20px;background:var(--panel);border:1px solid var(--stroke);animation:notif 1.8s ease forwards;white-space:nowrap}@keyframes notif{0%{opacity:0;transform:translateY(14px)}15%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.screen{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1428468c,#02040ae6);pointer-events:auto;text-align:center;padding:24px}.title{font-family:Orbitron;font-weight:900;font-size:clamp(34px,8vw,82px);background:linear-gradient(180deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(69,224,255,.4);letter-spacing:4px}.subtitle{font-size:clamp(14px,3vw,20px);letter-spacing:6px;color:var(--orange);margin-top:4px;font-family:Orbitron}.screen p{max-width:560px;line-height:1.7;margin-top:18px;font-size:16px;opacity:.9}.keys{margin-top:16px;font-size:14px;opacity:.8;line-height:1.9}.kbd{display:inline-block;padding:1px 8px;border:1px solid var(--stroke);border-radius:5px;background:#ffffff0f;font-family:Orbitron;font-size:12px}.btn{pointer-events:auto;margin-top:26px;cursor:pointer;font-family:Orbitron;font-weight:700;font-size:18px;letter-spacing:2px;color:#061018;padding:14px 44px;border:none;border-radius:8px;background:linear-gradient(90deg,var(--cyan),#1a9cff);box-shadow:0 0 24px #45e0ff80;transition:transform .1s,box-shadow .2s}.btn:hover{transform:scale(1.05);box-shadow:0 0 36px #45e0ffcc}.btn:active{transform:scale(.98)}.stat-row{display:flex;gap:40px;margin-top:22px}.stat-row .label{font-size:11px}.stat-row .v{font-family:Orbitron;font-weight:900;font-size:32px;color:#fff}#touch{position:fixed;inset:0;z-index:15;pointer-events:none;display:none}#touch.on{display:block}#stick{position:absolute;left:30px;bottom:30px;width:130px;height:130px;border-radius:50%;background:#14284659;border:1px solid var(--stroke);pointer-events:auto}#nub{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--cyan),#1a6cff);box-shadow:0 0 16px var(--cyan)}.tbtn{position:absolute;pointer-events:auto;width:78px;height:78px;border-radius:50%;font-family:Orbitron;font-weight:700;font-size:12px;color:#fff;border:1px solid var(--stroke);background:#14284666;display:flex;align-items:center;justify-content:center}#tfire{right:30px;bottom:120px;background:#46141e80}#tmissile{right:120px;bottom:50px;background:#46321480}#tboost{right:30px;bottom:30px;background:#32144680;width:70px;height:70px}.menu{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:24px;width:min(420px,86vw)}.mmname{width:100%;text-align:center;font-family:Orbitron;font-weight:700;letter-spacing:3px;font-size:15px;padding:12px;border-radius:8px;background:#08101cb3;border:1px solid var(--stroke);color:var(--cyan);text-transform:uppercase}.mmname::placeholder{color:#78c8ff66}.mmbtn{width:100%;margin-top:0}.btn.ghost{background:#08101c99;color:var(--cyan);border:1px solid var(--stroke);box-shadow:none}.setrow{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;font-family:Orbitron;font-size:13px;color:#dff;padding:8px 4px}#brbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:none;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--stroke);border-radius:10px;padding:8px 22px;font-family:Orbitron;backdrop-filter:blur(6px)}#brbar.show{display:flex}#brTime{font-weight:900;font-size:22px;color:#fff;text-shadow:0 0 12px rgba(69,224,255,.5)}#brAlive{font-weight:700;font-size:12px;letter-spacing:2px;color:var(--green)}#killfeed{position:absolute;top:100px;right:16px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.kf{font-family:Rajdhani;font-weight:700;font-size:13px;color:#ffd0d0;background:#28080c99;border:1px solid rgba(255,59,80,.4);border-radius:6px;padding:3px 10px;animation:notif 5s ease forwards}#zonewarn{position:absolute;bottom:24%;left:50%;transform:translate(-50%);font-family:Orbitron;font-weight:900;font-size:clamp(16px,3vw,26px);letter-spacing:3px;color:var(--red);text-shadow:0 0 16px var(--red);opacity:0}#zonewarn.show{animation:zw .9s ease-in-out infinite alternate;opacity:1}@keyframes zw{0%{opacity:.5}to{opacity:1}}#itemtoast{position:absolute;left:50%;top:30%;transform:translate(-50%);font-family:Orbitron;font-weight:900;font-size:clamp(20px,3.4vw,34px);letter-spacing:2px;opacity:0;pointer-events:none;white-space:nowrap}#itemtoast.show{animation:itemtoast 1.4s ease-out}@keyframes itemtoast{0%{opacity:0;transform:translate(-50%,18px) scale(.7)}18%{opacity:1;transform:translate(-50%) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-40px) scale(1)}}#hitmarker{position:fixed;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;opacity:0}#hitmarker:before,#hitmarker:after{content:"";position:absolute;background:#fff;box-shadow:0 0 6px #fff}#hitmarker:before{left:50%;top:0;width:3px;height:100%;transform:translate(-50%)}#hitmarker:after{top:50%;left:0;height:3px;width:100%;transform:translateY(-50%)}#hitmarker.kill:before,#hitmarker.kill:after{background:var(--red);box-shadow:0 0 8px var(--red)}#hitmarker.show{animation:hitm .3s ease-out}@keyframes hitm{0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(1.6)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.9)}}#bossbar{position:absolute;top:40px;left:50%;transform:translate(-50%);width:min(620px,70vw);display:none;text-align:center}#bossbar.show{display:block}#bossbar .bn{font-family:Orbitron;font-weight:900;letter-spacing:5px;font-size:13px;color:var(--red);text-shadow:0 0 12px var(--red);margin-bottom:4px}#bossbar .bb{height:14px;background:#14000699;border:1px solid var(--red);border-radius:7px;overflow:hidden;box-shadow:0 0 14px #ff3b5066;clip-path:polygon(2% 0,98% 0,100% 100%,0 100%)}#bossbar .bb>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff3b50,#ff8a2a);transition:width .15s ease}#popups{position:absolute;inset:0;pointer-events:none;overflow:hidden}.popup{position:absolute;transform:translate(-50%,-50%);font-family:Orbitron;font-weight:900;font-size:18px;color:var(--orange);text-shadow:0 0 8px rgba(0,0,0,.9);animation:popup 1s ease-out forwards;white-space:nowrap}.popup.big{font-size:30px;color:#fff}@keyframes popup{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-90%) scale(1.1)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}#dmgdir{position:absolute;left:50%;top:50%;width:240px;height:240px;transform:translate(-50%,-50%);pointer-events:none;opacity:0}#dmgdir>i{position:absolute;left:50%;top:6px;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:26px solid rgba(255,59,80,.9);filter:drop-shadow(0 0 8px var(--red))}#dmgdir.show{animation:dmgdir .5s ease-out}@keyframes dmgdir{0%{opacity:0}20%{opacity:1}to{opacity:0}}#markers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.marker{position:absolute;transform:translate(-50%,-50%);will-change:transform}.marker .c{position:absolute;width:8px;height:8px;border:0 solid var(--cyan);opacity:.85}.marker .c.tl{left:0;top:0;border-left-width:2px;border-top-width:2px}.marker .c.tr{right:0;top:0;border-right-width:2px;border-top-width:2px}.marker .c.bl{left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}.marker .c.br{right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}.marker .hpbar{position:absolute;left:0;right:0;top:-7px;height:3px;background:#0000008c;border-radius:2px;overflow:hidden}.marker .hpbar>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff5a2a,var(--orange))}.marker.locked .c{border-color:var(--red);opacity:1;box-shadow:0 0 6px var(--red)}.marker.locked{animation:lockpulse .6s ease-in-out infinite alternate}@keyframes lockpulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.86)}}.marker.boss .c{border-color:#ff3b50;width:12px;height:12px}#lead{position:absolute;width:26px;height:26px;transform:translate(-50%,-50%);pointer-events:none;opacity:0}#lead.show{opacity:.95}#lead:before,#lead:after{content:"";position:absolute;background:var(--red);box-shadow:0 0 6px var(--red)}#lead:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#lead:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}#diag{position:absolute;top:16px;left:50%;transform:translate(-50%);font-family:Orbitron;font-size:10px;letter-spacing:1px;color:#96dcff99;background:#0000004d;padding:4px 10px;border-radius:6px}@media (max-width: 720px){.panel{padding:8px 12px}.big{font-size:22px}#radar{width:110px;height:110px}.bl{min-width:180px}}body.touch-mode .bl{bottom:auto;top:92px;left:12px;min-width:0;width:200px;transform:scale(.82);transform-origin:top left}body.touch-mode #radar{bottom:auto;top:92px;right:12px;width:104px;height:104px}@media (max-height: 480px){.tl,.tr{top:8px;padding:6px 10px}.tl .big,.tr .big{font-size:18px}body.touch-mode .bl{top:96px;transform:scale(.68)}body.touch-mode #radar{top:8px;right:116px;width:78px;height:78px}.tl{left:10px}.tr{right:10px}}