:root{--amber:#ffbc72;--blue:#62d8ec;--txt:#e9f8fa;--muted:#8fabb9;--panel:#061722df}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#030b12;color:var(--txt);font-family:Bahnschrift,'Arial Narrow','Segoe UI',Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}#app{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#163a46,#020810 70%)}#world,#glow,.shade{position:absolute;inset:0;width:100%;height:100%;display:block}#world{touch-action:none}#glow,.shade{pointer-events:none}.shade{background:radial-gradient(ellipse 78% 72% at 50% 49%,transparent 22%,#020b1260 70%,#010811b8),linear-gradient(0deg,#01101b70,transparent 27%,transparent 72%,#030e17a0)}.hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 1px 8px #000;z-index:3}.header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;height:80px;padding:0 2.5vw;background:linear-gradient(#041520ee,#04131bc9);border-bottom:1px solid #44788d76}.brand{display:flex;align-items:center;gap:13px}.badgeY{display:grid;place-items:center;width:39px;height:39px;background:linear-gradient(135deg,#114655,#092432);border:1px solid #78d6d7;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-size:22px;font-weight:900}.title{font-weight:900;font-size:clamp(13px,1.55vw,25px);letter-spacing:.1em}.title span{color:var(--amber)}.title em{font-style:normal;font-weight:600;color:#7eb7c9}.strap{font-size:10px;letter-spacing:.21em;color:#8fbac5;margin-top:5px}.network{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:1;letter-spacing:.13em;color:#86d4d5;font-size:11px}.network strong:before{content:'● ';color:#51edc7}.network small{font-size:9px;color:#8b9da8}.clock{border:1px solid #bd7e4666;background:#37221990;padding:8px 15px;min-width:110px;text-align:center}.clock small{display:block;font-size:9px;letter-spacing:.2em;color:#efa867}.clock strong{font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums;color:#ffca8c}.mission{position:absolute;top:105px;left:2.6vw;background:linear-gradient(90deg,#041925cf,#04192500);padding:5px 28px 12px 0}.mission small{font-size:11px;letter-spacing:.2em;color:var(--blue)}.mission h1{font-size:clamp(15px,1.55vw,25px);margin:6px 0 4px;letter-spacing:.065em}.mission p{font-size:12px;max-width:320px;color:#a9c4cc;margin:0;line-height:1.5}.statusbar{position:absolute;top:225px;left:2.6vw;width:225px;border-left:2px solid #44b8c7;background:linear-gradient(90deg,#061924b8,transparent);padding:12px 12px 12px 16px}.statusbar>div:not(.score){margin-bottom:15px;display:grid;grid-template-columns:1fr auto;gap:8px}.statusbar small,.score small{font-size:10px;letter-spacing:.15em;color:#86b9c8}.statusbar b{font-size:13px}.gauge{background:#1b3b44;height:6px;grid-column:1/3;grid-row:2}.gauge i{display:block;height:100%;background:linear-gradient(90deg,#329b9c,#78fff1);box-shadow:0 0 8px #48eeee88}.gauge.secondary i{background:linear-gradient(90deg,#ae672a,#ffbf65)}.score{padding-top:14px;border-top:1px solid #4969767a;display:flex;justify-content:space-between;align-items:center}.score b{font-size:19px;color:#ffcb8e;letter-spacing:.08em}.radar{position:absolute;top:112px;right:2.3vw;width:min(265px,24vw);background:#04151edb;border:1px solid #42748694;box-shadow:0 6px 30px #0006;padding:11px 11px 8px}.radarheading{display:flex;justify-content:space-between;gap:6px;font-size:9px;letter-spacing:.10em;color:#7dd9df}.radarheading b{color:#ffc07a;font-size:9px}#minimap{width:100%;height:auto;aspect-ratio:320/260;display:block;margin:8px 0;background:#071a24}.radarfoot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.07em;color:#8db1b8}.radarfoot .you{color:#8cf5e7}.radarfoot .targetkey{color:#ffbf66}.crosshair{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;border:1px dashed #8ae5e67a;display:flex;align-items:center;justify-content:center;color:#c2ffffa9;font-size:22px}.crosshair i{position:absolute;inset:13px;border:1px solid #8ae4e45d;border-radius:50%}.crosshair span{font-weight:200}.notice{position:absolute;top:18%;left:50%;transform:translateX(-50%);padding:9px 17px;border:1px solid #c28a4f6f;background:#382414db;color:#ffe0ae;letter-spacing:.11em;font-size:12px;max-width:55%;text-align:center;transition:opacity .35s}.pickupPrompt{position:absolute;bottom:19%;left:50%;transform:translateX(-50%);padding:13px 19px;background:#422c16e9;border:1px solid #f4be69;color:#ffe7bc;font-size:15px;letter-spacing:.07em;white-space:nowrap;box-shadow:0 0 25px #ffb04c50}.pickupPrompt b{border:1px solid #ffbd72;padding:4px 9px}.bottom{position:absolute;bottom:0;left:0;right:0;background:#041722ec;border-top:1px solid #4a849481;min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 2.5vw}.bottom>div:first-child{min-width:185px}.bottom>div:first-child>span{display:block;font-size:10px;letter-spacing:.15em;color:var(--blue)}.bottom>div:first-child>b{font-size:36px;font-weight:900;letter-spacing:-.04em}.bottom small{font-size:12px;color:#91b6c4}.bottom label{margin-left:16px;font-size:10px;letter-spacing:.1em;color:#ffbc72}.midinfo{display:flex;flex-direction:column;gap:8px;color:#a7c1c6;font-size:11px;letter-spacing:.1em}.midinfo span:last-child{color:#ffb97a}.actions{display:flex;gap:8px;pointer-events:auto}.actions button{padding:12px 13px;border:1px solid #3e7c8d;color:#b8eff1;background:#112e3b;white-space:nowrap;font-size:11px;font-weight:750;letter-spacing:.08em}.actions button:hover{background:#1c4753}kbd{font:inherit;border:1px solid #537786;padding:3px 5px;margin-left:7px}.dialog{position:absolute;z-index:10;inset:0;background:radial-gradient(ellipse at 50% 45%,#08202ba9,#000d18e6 73%);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.dialog[hidden],[hidden]{display:none!important}.dialogInner{width:min(750px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #538392bd;background:linear-gradient(145deg,#092b39f5,#061521f5 70%);box-shadow:0 28px 110px #000d;position:relative;padding:clamp(22px,4vw,48px)}.dialogInner:before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#39d1d4,#ffba6f 64%,transparent)}.eyebrow{font-size:11px;letter-spacing:.2em;color:#7edfe1;font-weight:600}.eyebrow span{color:#ffb36e}.dialog h2{font-size:clamp(38px,6vw,79px);line-height:.96;letter-spacing:-.06em;margin:24px 0 19px;font-weight:950}.dialog h2 em{color:#ffb46e;font-style:normal}.dialogLead{max-width:610px;line-height:1.65;color:#bbd5d8;font-size:15px}.briefGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:24px 0 26px}.briefGrid>div{border:1px solid #3a6370;background:#0b2d3a8f;padding:14px;display:flex;flex-direction:column;gap:7px}.briefGrid b{color:#ffb36a;font-size:12px}.briefGrid strong{font-size:15px;letter-spacing:.09em}.briefGrid span{font-size:11px;line-height:1.55;color:#9fbfc7}.startRow{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.bigButton{border:1px solid #ffb96d;background:#d78a43;color:#091722;font-weight:900;letter-spacing:.08em;padding:16px 23px;font-size:14px}.bigButton:hover{background:#ffba75}.bigButton span{font-size:20px;margin-left:20px}.soundSwitch{font-size:12px;color:#b7d8dd;display:flex;gap:10px;align-items:center}.controls{font-size:10px;letter-spacing:.045em;line-height:1.7;margin:21px 0 10px;color:#a6c7d1}.tiny{padding-top:12px;margin-top:12px;border-top:1px solid #4766756d;font-size:9px;letter-spacing:.13em;line-height:1.6;color:#85b4bf}.smallDialog{width:min(470px,100%)}.smallDialog h2{font-size:48px}.smallDialog p{line-height:1.6;color:#b5d0d5}.ghostButton{border:1px solid #497783;background:transparent;color:#a6d7df;font-weight:650;letter-spacing:.08em;padding:16px;margin-left:9px}.resultRows{display:flex;justify-content:space-between;gap:15px;margin:26px 0}.resultRows div{display:flex;flex-direction:column;gap:8px}.resultRows small{font-size:10px;color:#9ac4cd}.resultRows b{font-size:24px;color:#ffc37d}.mobile{display:none}.mobile button{touch-action:none;user-select:none;-webkit-user-select:none}#unsupported{z-index:11;position:absolute;inset:25%;background:#09212deb;border:1px solid #bf835e;text-align:center;padding:40px}#unsupported p{color:#b4cbd3}#unsupported button{background:#165366;border:1px solid #5ba4b7;color:white;padding:12px}
@media(max-width:850px){.header{height:65px}.mission{top:77px}.statusbar{top:171px;width:175px}.radar{top:75px;width:190px}.network{display:none}.bottom{min-height:65px}.bottom label,.midinfo{display:none}.bottom>div:first-child>b{font-size:28px}.bottom>div:first-child{min-width:120px}.actions button{padding:10px 8px}.mobile{display:flex;position:absolute;z-index:5;inset:auto 0 69px 0;height:184px;pointer-events:none;align-items:end;justify-content:space-between;padding:0 20px 13px}.stickzone{height:155px;width:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;touch-action:none}.stickzone>span{font-size:9px;letter-spacing:.12em;color:#c7eced;margin-top:5px}.stickring{position:relative;border:2px solid #8bd3df84;width:115px;height:115px;border-radius:50%;background:#0b2e3a99;box-shadow:0 0 25px #0008;display:grid;place-items:center}.stickring>div{width:44px;height:44px;background:#6bafbb88;border:1px solid #b6f4f0c9;border-radius:50%;transform:translate(0,0)}.mobileactions{pointer-events:auto;display:flex;align-items:end;gap:7px}.mobileactions button{border:1px solid #69aab7aa;background:#082734df;color:white;padding:8px 12px;height:43px;min-width:43px;font-weight:900;font-size:13px}.mobileactions .steer{display:flex;flex-direction:column;gap:7px}.mobileactions .shoot{height:92px;min-width:60px;background:#8d3e26ef;border-color:#f69361}.mobileactions .grip{height:43px;min-width:60px;background:#8b642bde;border-color:#e4ba69}.mobileactions .boost{height:43px;min-width:60px}.notice{max-width:60%;font-size:10px;top:17%}}
@media(max-width:580px){.header{height:58px;padding:0 9px;gap:8px}.badgeY{width:26px;height:26px;font-size:15px}.brand{gap:6px}.title{font-size:13px;letter-spacing:.03em}.title em{display:none}.strap{font-size:7px;letter-spacing:.04em}.clock{min-width:65px;padding:5px}.clock strong{font-size:19px}.clock small{font-size:7px}.mission{top:65px;left:11px}.mission small{font-size:8px}.mission h1{font-size:13px}.mission p{max-width:180px;font-size:9px}.statusbar{top:160px;left:10px;width:105px;padding:7px;font-size:9px}.statusbar>div:not(.score){margin-bottom:9px;gap:4px}.statusbar small,.score small{font-size:8px}.statusbar b{font-size:10px}.score b{font-size:12px}.radar{top:69px;right:9px;width:142px;padding:6px}.radarheading{font-size:7px}.radarheading b{font-size:7px}.radarfoot{font-size:6px}.bottom{min-height:60px;padding:6px 10px}.bottom>div:first-child{min-width:88px}.bottom>div:first-child>span{font-size:7px}.bottom>div:first-child>b{font-size:25px}.bottom small{font-size:8px}.bottom label{display:none}.actions{gap:4px}.actions button{font-size:9px;padding:8px 6px}.actions kbd{display:none}.mobile{bottom:61px;padding:0 8px 3px;height:155px}.stickzone{width:110px;height:124px}.stickring{width:91px;height:91px}.stickring>div{width:36px;height:36px}.mobileactions{gap:3px}.mobileactions button{min-width:34px;height:35px;font-size:11px;padding:5px}.mobileactions .steer{gap:4px}.mobileactions .shoot{height:75px;min-width:47px}.mobileactions .grip,.mobileactions .boost{min-width:42px;height:35px;font-size:9px}.crosshair{width:36px;height:36px;font-size:17px}.notice{top:32%;max-width:85%;font-size:9px;padding:6px}.dialog{padding:10px}.dialogInner{padding:22px;max-height:calc(100vh - 20px)}.dialog h2{margin:16px 0;font-size:39px}.dialogLead{font-size:12px}.briefGrid{gap:5px;margin:15px 0}.briefGrid>div{padding:8px}.briefGrid strong{font-size:10px}.briefGrid span{font-size:9px}.controls,.tiny{font-size:8px}.bigButton{font-size:11px;padding:14px}.pickupPrompt{bottom:31%;font-size:10px;white-space:normal;text-align:center}}