:root{color-scheme:dark;--mint:#8bf6cf;--orange:#ff935d;--ink:#071116;--muted:#779092}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);font-family:Arial,Helvetica,sans-serif;color:#e8efeb;touch-action:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid white;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#app{position:relative;isolation:isolate;width:100%;height:100%;min-height:300px;background:radial-gradient(ellipse at 70% 37%,#19363766,transparent 47%),linear-gradient(#080f17,#101f26 55%,#071317)}#world,.stars,.vignette,#damage{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#world{z-index:1}.stars{opacity:.6;background-image:radial-gradient(1px 1px at 10% 20%,#ddf4ed 100%,transparent),radial-gradient(1px 1px at 72% 31%,#ddf4ed 100%,transparent),radial-gradient(1px 1px at 40% 12%,#ddf4ed 100%,transparent),radial-gradient(1px 1px at 92% 42%,#ddf4ed 100%,transparent);background-size:307px 271px,409px 337px,233px 213px,593px 487px}.planet{position:absolute;width:330px;height:330px;left:60%;top:6%;border-radius:50%;background:radial-gradient(circle at 25% 20%,#40636333,#23313a33 45%,#08121b77 68%);box-shadow:inset 1px 2px 2px #799b9133,0 0 90px #5aac9210;transform:rotate(-30deg)}.planet:after{content:"";position:absolute;inset:40% -30%;border-top:1px solid #82a5a327;transform:rotate(-20deg)}.vignette{z-index:2;background:radial-gradient(ellipse,transparent 35%,#03091080 100%)}#damage{z-index:4;background:radial-gradient(ellipse,transparent 30%,#ff493b);opacity:0}header{position:absolute;z-index:5;top:max(24px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:2px}.brand svg{width:22px;height:22px;fill:var(--mint)}.brand-light{font-weight:400;color:#829b9d}.tools{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:38px;height:38px;background:#12232a99;border:1px solid #8ca7a42b;border-radius:9px}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.telemetry{position:absolute;z-index:3;top:99px;left:34px}.eyebrow,.best,.control-caption,.overline,.radar-heading,.radar-foot,.wave,.menu-index{font-family:Consolas,monospace;font-size:10px;letter-spacing:2px}.eyebrow{color:var(--muted);display:block}.score-block strong{display:block;font-family:Consolas,monospace;font-size:38px;letter-spacing:2px;font-weight:400;margin:4px 0 2px}.best{color:var(--muted);font-size:9px}.best b{color:#a7baba;font-weight:400;margin-left:8px}#lives{display:flex;gap:8px;margin-top:22px}#lives svg{width:22px;height:22px;fill:var(--mint)}#lives svg.lost{fill:#294039}.wave{position:absolute;top:36px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:9px;font-size:11px;color:#9fb4b4}.wave b{color:#e8efeb;font-weight:400}.live-dot,.radar-heading i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #8bf6cf88}#wave-progress{width:50px;height:3px;background:#203b3a;margin-left:8px}#wave-progress i{display:block;height:100%;background:var(--mint);width:0}.radar{position:absolute;right:32px;top:86px;width:224px;z-index:3;background:#071317df;border:1px solid #49645f6b;border-radius:12px;box-shadow:0 8px 40px #0003;overflow:hidden}.radar-heading{padding:14px 14px 7px;display:flex;justify-content:space-between;font-size:9px;color:#a5bdb7}.radar-heading>span:first-child{display:flex;gap:7px;align-items:center}#enemy-count{color:var(--orange)}#radar{width:100%;height:auto;display:block}.radar-foot{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 0 12px;font-size:7px;letter-spacing:1px;color:#819b96}.cyan-dot,.orange-dot{width:4px;height:4px;background:var(--mint)}.orange-dot{background:var(--orange);margin-left:10px}#reticle{position:absolute;z-index:3;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);opacity:.75}#reticle i{position:absolute;background:#b7e5d7}#reticle i:nth-child(1){width:6px;height:1px;left:0;top:16px}#reticle i:nth-child(2){width:6px;height:1px;right:0;top:16px}#reticle i:nth-child(3){height:6px;width:1px;left:16px;top:0}#reticle i:nth-child(4){height:6px;width:1px;left:16px;bottom:0}#reticle span{position:absolute;left:15px;top:15px;width:3px;height:3px;background:var(--mint)}#cover-state{position:absolute;z-index:3;left:50%;top:calc(50% + 28px);transform:translateX(-50%);font:9px Consolas,monospace;letter-spacing:2px;color:var(--mint);opacity:0}#cover-state span{font-size:16px;vertical-align:middle}.cockpit{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.cockpit-wing{position:absolute;width:37%;height:100px;bottom:-40px;background:linear-gradient(170deg,#203a3d,#071418 45%);border-top:1px solid #58857c77}.cockpit-wing.left{left:6%;transform:skewY(12deg)}.cockpit-wing.right{right:6%;transform:skewY(-12deg)}.gun{position:absolute;bottom:-9px;left:50%;width:144px;height:160px;transform:translateX(-50%);filter:drop-shadow(0 5px 15px #000)}.barrel{width:46px;height:86px;position:absolute;left:49px;top:0;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);background:linear-gradient(90deg,#243b3c,#46615c 30%,#172e30 31%,#11292b 69%,#587069 70%,#203639)}.barrel:before{content:"";position:absolute;left:17px;top:4px;width:12px;height:30px;background:#a5ffe0;box-shadow:0 0 15px var(--mint)}.gun-body{position:absolute;bottom:0;left:0;width:144px;height:90px;clip-path:polygon(27% 0,73% 0,100% 100%,0 100%);background:linear-gradient(100deg,#193234,#344e49 40%,#13282c 41%,#102226 65%,#2d4644 66%);border-top:3px solid #56746c;display:flex;justify-content:center;gap:4px;padding-top:24px}.gun-body i{width:6px;height:15px;background:var(--mint);box-shadow:0 0 12px #8bf6cf77}.shooting .gun{bottom:-17px}.controls{position:absolute;z-index:5;bottom:max(25px,env(safe-area-inset-bottom));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.controls button{pointer-events:auto}.control-caption{display:block;color:#8ba6a2;font-size:9px;margin-bottom:10px}kbd{font:8px Consolas,monospace;letter-spacing:0;background:#32484577;border:1px solid #61797555;padding:2px 5px;border-radius:3px;margin-left:4px}.move-controls>div{display:flex;gap:10px}.move-button{height:62px;width:73px;border:1px solid #6c9e9166;border-radius:12px;background:linear-gradient(#18342fbd,#112724b0);box-shadow:inset 0 1px #d9fff211}.move-button svg{width:24px;height:24px;fill:none;stroke:var(--mint);stroke-width:1.5}.move-button:active,.move-button.active{background:#3b7967}.fire-control{text-align:center}#fire{width:80px;height:80px;border-radius:50%;background:#e69b61;border:5px solid #463c2e;outline:1px solid #d29a6177;box-shadow:inset 0 0 0 1px #ffca8e,0 0 35px #ed9d3915;color:#272b26}#fire svg{width:37px;fill:none;stroke:currentColor;stroke-width:1.5}#fire:active,#fire.active{background:#ffda9d;box-shadow:0 0 30px #ffb36666}.position-track{display:flex;align-items:center;gap:10px;position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font:8px Consolas,monospace;color:#6e8c84;width:250px}.position-track>div{height:2px;background:#496b5b77;flex:1;position:relative}.position-track i{display:block;position:absolute;width:5px;height:7px;background:var(--mint);top:-3px;left:50%}.menu{position:absolute;inset:0;z-index:6;background:linear-gradient(90deg,#061014f7 0%,#08141acf 29%,#08141a22 63%,transparent);display:flex;align-items:center;padding:80px 8%}.menu-content{max-width:430px}.overline{color:var(--mint);font-size:9px;display:flex;align-items:center;gap:10px}.overline>span{width:20px;height:1px;background:var(--mint)}h1{font-size:clamp(48px,6.5vw,94px);font-weight:900;letter-spacing:-5px;line-height:.91;margin:27px 0 20px;position:relative}h1 em{font-style:normal;color:var(--mint)}h1 small{font:10px Consolas,monospace;letter-spacing:1px;border:1px solid #759a8855;border-radius:4px;padding:4px 6px;position:absolute;left:100%;top:9px;margin-left:6px}.tagline{font-size:13px;color:#9bacad;letter-spacing:.3px}.howto{display:flex;gap:28px;margin:31px 0 27px;color:#b4c9bf}.howto>span{display:flex;gap:7px;align-items:center;font-size:22px}.howto small{font:8px Consolas,monospace;letter-spacing:1.5px;color:#88a39b}.primary{width:270px;border:0;border-radius:7px;background:var(--mint);color:#102b27;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:12px;letter-spacing:3px;font-weight:700;box-shadow:0 0 38px #8bf6cf13}.primary:hover{background:#beffe8}.primary>span:last-child{font-size:19px;line-height:16px}.menu-best{font:9px Consolas,monospace;letter-spacing:2px;color:#637d76;margin-top:18px}.menu-best b{color:#a5c0b6;margin-left:10px;font-weight:400}.menu-index{position:absolute;bottom:33px;left:8%;font-size:8px;color:#658078}.menu~.modal{z-index:8}.modal{position:absolute;inset:0;background:#061014bd;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:8}.modal-card{text-align:center;background:#112326;border:1px solid #678e794d;border-radius:15px;padding:35px 40px;box-shadow:0 15px 70px #0005}.modal-card .overline{justify-content:center}h2{font-size:35px;letter-spacing:-1px;margin:20px 0}#result{font:32px Consolas,monospace;color:var(--mint);margin-bottom:24px}.secondary{background:none;border:0;color:#94aba3;font-size:10px;letter-spacing:2px;padding:22px 0 0}#banner{position:absolute;z-index:4;top:30%;left:50%;transform:translateX(-50%);color:var(--mint);font:18px Consolas,monospace;letter-spacing:7px;white-space:nowrap;text-shadow:0 0 20px #8bf6cf77}#error{position:absolute;inset:0;z-index:20;display:grid;place-items:center;text-align:center;background:#071116;padding:30px;font-size:16px}.in-menu .controls,.in-menu .telemetry,.in-menu .wave,.in-menu .cockpit,.in-menu #reticle,.in-menu #cover-state{opacity:0}.in-menu .radar{opacity:.8}.in-menu header{z-index:7}
@media(max-width:650px){header{top:18px;left:18px;right:18px}.brand{font-size:10px;gap:8px;letter-spacing:1px}.brand svg{width:19px}.brand-light{display:none}.icon-button{width:34px;height:34px}.telemetry{left:19px;top:74px}.score-block strong{font-size:27px}.eyebrow{font-size:8px}.best{font-size:7px}.wave{top:31px;font-size:9px;gap:6px}#wave-progress{display:none}.radar{right:16px;top:70px;width:146px;border-radius:9px}.radar-heading{padding:10px 10px 4px;font-size:7px}.radar-foot{padding:5px 0 8px;font-size:6px;gap:4px}#lives{gap:5px;margin-top:15px}#lives svg{width:18px}.controls{left:20px;right:20px;bottom:max(25px,env(safe-area-inset-bottom))}.move-button{width:63px;height:65px}.move-controls>div{gap:8px}#fire{width:77px;height:77px}.position-track{width:140px;bottom:-14px}.control-caption kbd{display:none}.menu{padding:80px 8%;align-items:center;background:linear-gradient(90deg,#061014ed,#08141a99 65%,#08141a55)}h1{font-size:55px;letter-spacing:-3px}.menu-content{padding-top:30px}.tagline{font-size:11px}.howto{gap:22px}.menu .primary{width:250px}.in-menu .radar{opacity:.3}.menu-index{font-size:7px}.gun{transform:translateX(-50%) scale(.8);transform-origin:bottom}.planet{width:230px;height:230px;left:32%;top:17%}}
@media(max-height:520px){header{top:12px}.telemetry{top:64px}.radar{top:58px;width:156px}.radar-heading{padding:8px 12px 3px}.radar-foot{padding:4px}.controls{bottom:16px}.move-button{height:47px;width:59px}#fire{width:61px;height:61px}.control-caption{margin-bottom:5px}.wave{top:24px}.menu{padding:50px 8%}.menu-content{padding-top:10px}h1{font-size:49px;margin:15px 0 10px;letter-spacing:-2px}.tagline{font-size:11px}.howto{margin:14px 0;gap:22px}.primary{padding:13px 20px}.menu-best{margin:12px 0}.menu-index{display:none}.gun{transform:translateX(-50%) scale(.7);transform-origin:bottom}}
@media(prefers-reduced-motion:reduce){.shooting .gun{bottom:-9px}}
#reticle{top:42.3%}#cover-state{top:calc(42.3% + 28px)}
#effects{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.shot-counter{margin-top:14px;font:10px Consolas,monospace;color:#84bcb8;letter-spacing:2px}.reloading #reticle{opacity:.35}.reloading #fire{background:#608b8f;outline-color:#84ffff55}.reloading .gun-body i{background:#3d7377;box-shadow:none}.gun:after{content:'';position:absolute;left:50%;top:-35px;width:150px;height:140px;transform:translateX(-50%);background:radial-gradient(ellipse,#e5ffff 0%,#70f4ff99 10%,#30c5ff33 27%,transparent 65%);opacity:0}.shooting .gun:after{opacity:1}.shooting .barrel{filter:brightness(1.7)}
.modal-card{width:352px;max-width:calc(100% - 32px)}.modal-card .primary{width:100%}
@media(max-width:360px){h1{font-size:48px}.menu .primary{width:240px}.modal-card{padding:30px 22px}.radar{width:133px}.position-track{width:120px}}