:root{color-scheme:dark;--cyan:#78eaff;--white:#eaf3fb;--muted:#8093a8;--line:#73d9f325;--navy:#060b16;font-family:"Segoe UI",Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--white);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}#game{height:100dvh;min-height:420px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 57% 49%,transparent 32%,#02071275 100%)}.topbar{position:absolute;left:3.1%;right:3.1%;top:30px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white);pointer-events:auto}.brand svg{width:34px;fill:none;stroke:var(--cyan);stroke-width:1.3}.brand span{font-size:19px;letter-spacing:3px;font-weight:700}.brand b{font-weight:300;color:var(--cyan)}.brand small{display:block;font-size:10px;letter-spacing:3.1px;color:var(--muted);margin-top:4px}.station{display:flex;align-items:center;gap:10px;font:11px Consolas,monospace;letter-spacing:1.5px;color:#a6b8cc}.signal{width:5px;height:5px;background:var(--cyan);box-shadow:0 0 12px #65dfff;display:inline-block}.divider{color:#4b637b;margin:0 5px}.scoreboard{display:flex;gap:35px;text-align:right}.scoreboard span{display:block;font:10px Consolas,monospace;letter-spacing:2px;color:var(--muted);margin-bottom:4px}.scoreboard strong{font:24px Consolas,monospace;letter-spacing:2px}.record strong{font-size:17px;color:#93a6bb}.screen{position:absolute;inset:0;z-index:3;transition:opacity .35s}.start-screen{background:linear-gradient(90deg,#050b16f5 0%,#050b16db 26%,#050b1670 46%,transparent 63%)}.intro{position:absolute;left:7.4%;top:50%;transform:translateY(-48%);width:450px;max-width:44vw}.eyebrow{font:11px Consolas,monospace;letter-spacing:2px;color:var(--cyan);display:flex;align-items:center;gap:12px}.eyebrow>span{width:25px;height:1px;background:var(--cyan)}h1{font-size:clamp(70px,7.4vw,112px);line-height:.9;letter-spacing:-4px;margin:30px 0 25px;font-weight:800}h1 em{font-style:normal;font-weight:350;color:var(--cyan);position:relative}h1 em>span{font:12px Arial;letter-spacing:0;vertical-align:top;display:inline-block;margin:9px 0 0 10px}.subtitle{font-size:19px;letter-spacing:.3px;margin:0 0 14px}.objective{color:#8c9db1;font-size:14px;line-height:1.7;margin-bottom:27px}.primary{width:270px;min-height:56px;background:#8aeaff;color:#061626;border:1px solid #b9f4ff;font-size:12px;font-weight:700;letter-spacing:2.2px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;box-shadow:0 0 35px #2aceff12;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:background .2s,box-shadow .2s}.primary:hover{background:#c5f6ff;box-shadow:0 0 35px #2aceff40}.primary:disabled{opacity:.5;cursor:wait}.primary svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}.controls{display:flex;gap:33px;margin:30px 0 28px}.controls>div{display:flex;gap:12px;align-items:center}.controls>div>span{font:10px Consolas,monospace;letter-spacing:1.5px;color:#c1cfdf}.controls small{display:block;font-size:11px;letter-spacing:0;color:var(--muted);margin-top:5px}.keyset{display:flex;align-items:center;flex-direction:column;gap:2px}.keyset span{display:flex;gap:2px}kbd{border:1px solid #789ab64d;border-radius:2px;min-width:17px;height:17px;text-align:center;font:10px Consolas;line-height:16px;color:#a7bccf}.mouse{width:24px;height:32px;fill:none;stroke:#a7bccf;stroke-width:1}.intro-foot{font:9px Consolas,monospace;letter-spacing:1.2px;color:#668098;display:flex;gap:10px;align-items:center}i{display:inline-block;width:2px;height:2px;background:#668098}.arena-tag{position:absolute;right:9%;bottom:18%;display:flex;gap:14px;align-items:center;color:#b9cedd;font:10px Consolas,monospace;letter-spacing:2px}.arena-tag small{display:block;font-size:9px;color:#6b879d;letter-spacing:1.5px;margin-top:8px}.bracket{font-size:32px;color:#67d4ef65}.hidden{display:none!important}#hud{position:absolute;bottom:70px;left:4%;right:4%;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.health-panel{width:250px}.hud-label{font:10px Consolas,monospace;letter-spacing:2px;color:#a8bccd}.health-panel .hud-label{display:flex;justify-content:space-between;align-items:center}.hud-label strong{font:19px Consolas;color:var(--white);letter-spacing:0}.hud-label small{font-size:12px;color:#688297}.health-track{height:5px;background:#50677d40;margin-top:12px}.health-track>div{height:100%;width:100%;background:var(--cyan);box-shadow:0 0 12px #66dbff80;transition:width .2s,background .2s}.weapon-panel{text-align:center}.weapon-panel>strong{display:block;font:12px Consolas;letter-spacing:1.5px;margin-top:12px}.weapon-panel strong span{font-size:9px;color:var(--cyan);margin-left:12px}.weapon-panel>small{display:block;font:9px Consolas;letter-spacing:1.8px;color:#617d94;margin-top:9px}.wave-panel{width:210px;text-align:right}.wave-panel>div{display:flex;gap:15px;align-items:center;justify-content:flex-end;margin-top:7px}.wave-panel strong{font:43px Consolas;line-height:1}.wave-panel span{font:10px Consolas;letter-spacing:1.2px;color:#9bb1c5;line-height:1.8}.wave-panel b{color:#fff}.wave-panel small{font-size:9px;color:var(--cyan)}#effects{height:15px;margin-top:10px;display:flex;gap:14px;font:10px Consolas;letter-spacing:1px}#effects .shield{color:#ad9cff}#effects .rapid{color:var(--cyan)}#announcement{position:absolute;top:21%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:5;opacity:0;transition:opacity .25s;white-space:nowrap}#announcement.show{opacity:1}#announcement small{display:block;font:10px Consolas;letter-spacing:4px;color:var(--cyan);margin-bottom:10px}#announcement strong{font-weight:300;font-size:32px;letter-spacing:8px;text-shadow:0 2px 20px #000}#toast{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);font:12px Consolas;letter-spacing:2px;color:var(--cyan);opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}.modal{display:flex;align-items:center;justify-content:center;background:#030916b8;backdrop-filter:blur(7px)}.modal-content{width:460px;text-align:center;max-width:90vw}.modal-content .eyebrow{justify-content:center}.modal-content h2{font-size:58px;letter-spacing:-2px;margin:22px 0 12px;font-weight:600}.modal-content h2 em{font-style:normal;color:var(--cyan);font-weight:300}.modal-content p{font-size:15px;color:#91a5b9}.modal-content .primary{margin:30px auto 20px}.modal-content>small{font:10px Consolas;letter-spacing:2px;color:#67859c}.results{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;gap:70px;padding:24px 0;margin:30px 0}.results span{display:block;font:10px Consolas;letter-spacing:2px;color:#8aa1b6}.results strong{display:block;font:38px Consolas;margin-top:8px}footer{position:absolute;bottom:22px;left:3.1%;right:3.1%;display:flex;justify-content:space-between;align-items:center;z-index:6;border-top:1px solid #73d9f312;padding-top:12px}.footer-coord{font:9px Consolas;letter-spacing:1.8px;color:#57718b}.footer-coord i{margin:0 10px}footer>div{display:flex;align-items:center;gap:14px}.icon-button{background:transparent;color:#91a8bb;border:0;padding:3px;display:grid;place-items:center;width:27px;height:27px;font-size:19px}.icon-button:hover{color:var(--cyan)}.icon-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.4}.footer-mode{font:9px Consolas;letter-spacing:1.7px;color:#57718b;margin-left:10px}#damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 110px #ff284b;opacity:0;pointer-events:none;z-index:7}#crosshair{position:absolute;width:22px;height:22px;border:1px solid #9bebff80;border-radius:50%;pointer-events:none;z-index:8;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#bdf4ff}#crosshair:before{width:2px;height:6px;top:7px;left:9px}#crosshair:after{width:6px;height:2px;left:7px;top:9px}body.playing #viewport{cursor:none}#error{position:absolute;inset:30%;z-index:20;background:#071325;border:1px solid #456;display:grid;place-content:center;padding:30px;text-align:center;color:#cfdfec;line-height:1.7}
@media(max-width:900px){.station{display:none}.intro{left:6%;max-width:55vw}.arena-tag{right:5%;bottom:15%}.record{display:none}.weapon-panel{display:none}.intro-foot{font-size:8px;gap:6px}.scoreboard{gap:10px}}@media(max-height:700px){.topbar{top:20px}.intro{transform:translateY(-45%)}h1{font-size:75px;margin:18px 0}.objective{margin:8px 0 18px}.controls{margin:20px 0}.intro-foot{display:none}.arena-tag{bottom:18%}#hud{bottom:65px}footer{bottom:13px}}@media(max-width:600px){.intro{max-width:88vw;width:380px;top:47%}.start-screen{background:linear-gradient(90deg,#050b16ec,#050b1680)}h1{font-size:77px}.arena-tag{display:none}.footer-mode,.footer-coord{font-size:8px;letter-spacing:.5px}.footer-mode{display:none}.health-panel{width:170px}.wave-panel{width:120px}.topbar{left:5%;right:5%}.brand span{font-size:16px}.scoreboard strong{font-size:20px}.controls{gap:24px}}