:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f3f0df;background:#a9c9d9;font-synthesis:none}
body #death-overlay{pointer-events:auto;top:auto;bottom:115px;left:auto;right:30px;transform:none}#death-overlay button{display:block;margin:12px auto;min-width:120px}#death-overlay small{display:block}
body:has(#welcome:not([hidden])) #touch-controls,body:has(#death-overlay:not([hidden])) #touch-controls{display:none}
.welcome { max-height:calc(100dvh - 170px);overflow-y:auto; }
@media(max-width:640px){.topbar .session{flex-wrap:wrap;justify-content:flex-end;max-width:60%}.topbar .session #connection{flex-basis:100%;max-width:none}}
@media(max-width:640px){body #death-overlay{top:100px;bottom:auto;left:16px;right:16px;width:auto;max-height:45dvh;overflow:auto}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.arena-session{position:fixed;top:105px;left:30px;width:340px;max-width:calc(100vw - 32px);padding:12px;background:#202824e8;border:1px solid #c3d0b640;border-left:3px solid #b3c793;border-radius:4px;font:11px monospace}.arena-actions{display:flex;align-items:center;gap:8px}.arena-actions strong{margin-right:auto;color:#d4e5b0}.arena-actions button{font:10px monospace;padding:8px}.arena-session p{font-size:10px;line-height:1.5;color:#c6cdbb;margin:9px 0}.arena-session.is-pvp{border-left-color:#f0b578}.is-pvp .arena-actions strong{color:#f0b578}.hull-status label{display:flex;justify-content:space-between;color:#c6cdbb;font-size:9px}.hull-status meter{display:block;width:100%;height:10px;accent-color:#b3c793}.hull-status meter::-webkit-meter-bar{background:#101c16;border:0}.hull-status meter::-webkit-meter-optimum-value{background:#b3c793}.hull-status meter::-webkit-meter-suboptimum-value{background:#ef8c77}.low-health{border-color:#ef8c77}.low-health #hull-value{color:#ffad98}#spawn-status{display:block;margin-top:6px;font-size:9px;color:#d4e5b0}#spawn-status[hidden]{display:none}.arena-scoreboard{position:fixed;z-index:8;left:30px;top:250px;width:400px;max-width:calc(100vw - 32px);padding:16px;background:#202824f5;border:1px solid #c3d0b640;border-radius:4px}.arena-scoreboard h2{font:20px Arial,sans-serif;margin:0}.arena-scoreboard p{font:10px monospace;color:#b6bcab;margin:6px 0 14px}.score-scroll{max-height:min(35dvh,320px);overflow:auto}.arena-scoreboard table{width:100%;border-collapse:collapse;font:11px monospace;text-align:left}.arena-scoreboard th,.arena-scoreboard td{padding:9px 6px;border-bottom:1px solid #c3d0b626}.arena-scoreboard th:first-child{max-width:180px;overflow-wrap:anywhere}.arena-scoreboard thead th{color:#b6bcab;font-weight:400}.arena-scoreboard .is-self{background:#b3c79318;color:#e5ecc9}#kill-feed{position:fixed;top:250px;right:30px;max-width:300px;margin:0;padding:0;list-style:none;pointer-events:none;font:10px/1.5 monospace;text-align:right}#kill-feed li{margin-bottom:5px;padding:6px 9px;background:#202824c9;overflow-wrap:anywhere}#death-overlay{position:fixed;z-index:7;left:50%;top:45%;transform:translate(-50%,-50%);width:340px;max-width:calc(100vw - 32px);padding:24px;text-align:center;background:#202824f2;border:1px solid #ef8c7780;border-radius:4px;pointer-events:none}#death-overlay h2{font-size:30px;margin:8px 0}#death-overlay p{font:12px/1.5 monospace;overflow-wrap:anywhere}#death-overlay small{font-size:10px;color:#b6bcab}#damage-flash{position:fixed;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 100px #ce493f80}#hit-indicator{position:fixed;left:50%;top:calc(50% + 24px);transform:translateX(-50%);color:#f0c286;font:10px monospace;pointer-events:none}#pilot-name{display:block;width:100%;margin:6px 0 16px;padding:10px;color:inherit;background:#142019;border:1px solid #c3d0b640;border-radius:4px}button:disabled,select:disabled{cursor:not-allowed}
@media(max-width:1100px){.arena-session{left:18px}.arena-scoreboard{left:18px}}
@media(max-width:820px){.arena-session{top:115px;left:16px;width:300px}.arena-scoreboard{top:245px;left:16px;max-height:calc(100dvh - 425px);overflow:auto}#kill-feed{top:245px;right:16px;max-width:220px}}
@media(max-width:640px){.arena-session{top:115px;width:calc(100vw - 185px);min-width:170px;padding:8px}.arena-actions{flex-wrap:wrap;gap:5px}.arena-actions strong{width:100%;font-size:11px}.arena-actions button{padding:7px;font-size:9px}.arena-actions kbd{display:none}.arena-session p{font-size:9px;margin:6px 0}.arena-scoreboard{top:285px;max-height:calc(100dvh - 465px)}#kill-feed{top:245px;max-width:145px;font-size:9px}#death-overlay{top:44%;padding:16px}}
@media(prefers-reduced-motion:reduce){#damage-flash{box-shadow:inset 0 0 12px #ce493f80}}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button,select{color:inherit;background:#222b26dd;border:1px solid #d2d5bf35;border-radius:4px;padding:10px 13px;cursor:pointer}button:hover,select:hover{background:#3c483c}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #f4bd70;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}kbd{font:10px monospace;white-space:nowrap;opacity:.65;margin-left:5px}#viewport{display:block;width:100vw;height:100dvh;touch-action:none}.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:linear-gradient(#1420199c,transparent);pointer-events:none}.topbar button{pointer-events:auto}.brand,.caption,.eyebrow,.location-tag,.welcome-note{font:10px/1.5 monospace;letter-spacing:1.8px}.brand{opacity:.7}h1{font-size:22px;font-weight:500;margin:5px 0} .session{display:flex;align-items:center;gap:10px}#connection{font:11px monospace;margin-right:12px;color:#e0eac7}.crosshair{position:fixed;left:50%;top:50%;width:5px;height:5px;border:1px solid #fff9;border-radius:50%;pointer-events:none}.location-tag{position:fixed;left:30px;bottom:109px;display:flex;gap:22px;text-shadow:0 1px 4px #0008;pointer-events:none}.location-tag span:first-child{color:#f0c286}.instruments{position:fixed;bottom:0;left:0;right:0;background:#202824ef;border-top:1px solid #e7dfbc26;display:flex;align-items:center;gap:18px;padding:16px 30px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.readout{min-width:100px}.caption{display:block;color:#b6bcab;font-size:9px;letter-spacing:1.1px}.readout strong{font:26px/1.2 monospace}.readout small{font-size:12px;color:#aeb5a5}.flight-settings{margin-right:auto}select{padding:7px 7px 7px 0;border:0;background:transparent;min-width:124px}.instruments button{font-size:11px;padding:10px}.instruments button[aria-pressed=true]{border-color:#b3c79370;color:#d4e5b0}.welcome{position:fixed;left:30px;top:50%;transform:translateY(-48%);width:370px;padding:28px;background:#202824f2;border:1px solid #e7dfbc35;border-top:3px solid #cf985d;box-shadow:0 18px 80px #17251a22}.welcome[hidden]{display:none}.eyebrow{color:#deb17e;font-size:9px}h2{font-size:38px;letter-spacing:-1.5px;font-weight:500;margin:12px 0 16px}.welcome p{font-size:13px;color:#bdc4b5;line-height:1.7;margin:12px 0 22px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 8px;border-top:1px solid #ffffff19;padding:19px 0 22px}.control-grid div{display:flex;flex-direction:column;gap:6px}.control-grid kbd{font-size:11px;opacity:1;margin:0;color:#e0e3cd}.control-grid span{font-size:11px;color:#9eab9b}.primary{width:100%;background:#e0b27b;color:#252c24;border:0;font-size:13px;font-weight:bold;padding:15px}.primary:hover{background:#f0c490}.welcome-note{display:block;font-size:8px;letter-spacing:.5px;text-align:center;margin-top:13px;color:#acb5a5}.touch-note{display:none}.chat{position:fixed;right:30px;bottom:116px;width:270px;font-size:11px}#chat-log{max-height:130px;overflow-y:auto;text-shadow:0 1px 3px #000;background:#20282480}#chat-log:empty{display:none}#chat-log p{padding:5px 9px;margin:0;overflow-wrap:anywhere}#chat-input{width:100%;color:#f3f0df;background:#20282480;border:1px solid #c3d0b62b;padding:10px;border-radius:3px;margin-top:5px;font-size:11px}#chat-input::placeholder{color:#d0d8c7aa}#touch-controls{display:none}#error{color:#ffbc9c}
.crosshair{width:14px;height:14px;border:0;border-radius:0;transform:translate(-50%,-50%)}.crosshair::before,.crosshair::after{content:"";position:absolute;background:#edf4e6;box-shadow:0 1px 2px #15271a}.crosshair::before{left:6px;top:1px;width:2px;height:12px}.crosshair::after{left:1px;top:6px;width:12px;height:2px}.flight-cue{position:fixed;left:50%;top:50%;width:22px;height:22px;border:1px solid #f0c286;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.flight-cue.offscreen{border-style:dashed;opacity:.65}.crosshair.offscreen,.crosshair.limited{outline:1px dashed #f0c286;opacity:.6}.welcome .aim-note{font-size:10px;line-height:1.5;margin:0 0 16px;color:#c6cdbb}
.airframe-settings{min-width:125px}.airframe-settings select{display:block;padding-bottom:2px}.airframe-settings #airframe-spec{font:9px monospace;color:#c1cab5;white-space:nowrap}
.hidden{display:none!important}.weapon-hud{position:fixed;right:30px;top:110px;display:grid;grid-template-columns:1fr auto;gap:9px 16px;padding:14px;background:#202824df;border:1px solid #c3d0b640;border-radius:4px;min-width:240px}.weapon-hud strong{font:22px monospace;grid-column:1}.weapon-detail{font:9px monospace;grid-column:1;color:#c7d1be}.weapon-hud button{grid-column:2;grid-row:1/4;font-size:11px;align-self:center}.weapon-hud #weapon-status{grid-column:1/-1;font:9px monospace;color:#d9c79d}#fire-button{background:#a55d35;border-color:#efb579;font:10px monospace}.session #muteBtn{min-width:38px}
@media(max-width:640px){.weapon-hud{right:16px;top:120px;min-width:0;max-width:calc(100vw - 32px);padding:9px;gap:4px 12px}.weapon-hud strong{font-size:16px}.weapon-hud .weapon-detail{display:none}.weapon-hud #weapon-status{font-size:8px}.session #muteBtn{display:none}}
@media(max-width:1100px){.instruments{gap:10px;padding:14px 18px}.instruments kbd{display:none}.instruments button{padding:9px 7px}.readout{min-width:68px}.topbar{padding:18px}.location-tag{left:18px}.chat{right:18px}.airframe-settings{min-width:110px}.flight-settings select{min-width:105px}}
@media(pointer:coarse){#touch-controls{display:block}#move-pad{position:fixed;bottom:155px;left:24px;width:112px;height:112px;border-radius:50%;border:1px solid #f5f1d74d;background:#28392c44;touch-action:none}#move-pad span{position:absolute;top:38px;left:38px;width:34px;height:34px;border-radius:50%;background:#efead07a;pointer-events:none}.touch-lift{position:fixed;right:22px;bottom:150px;display:flex;flex-direction:column;gap:7px}.touch-lift button{width:48px;height:42px;touch-action:none;background:#26362bcc}.touch-note{display:block!important}.control-grid{display:none}.chat{display:none}}
@media(max-width:640px){.brand{font-size:8px;letter-spacing:1px}h1{font-size:18px}.session{gap:6px}.session button{padding:9px}#connection{font-size:9px;margin-right:2px;max-width:90px}.welcome{left:16px;right:16px;width:auto;max-width:360px;padding:23px;top:47%}h2{font-size:34px}.instruments{display:grid;grid-template-columns:1fr 1fr 1.35fr;padding:10px 14px;gap:8px}.readout strong{font-size:22px}.instruments button{font-size:10px}.instruments #reset-button{position:fixed;right:16px;top:78px}.flight-settings{margin:0}select{font-size:11px;min-width:0;width:100%}.caption{font-size:8px}.location-tag{bottom:126px;font-size:8px;gap:12px}#coordinates{display:none}.chat{bottom:145px;width:200px}.welcome-note{font-size:8px}}
@media(max-width:820px){.instruments{display:grid;grid-template-columns:1fr 1fr 1.35fr}.airframe-settings{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:12px;border-bottom:1px solid #c3d0b62b;padding-bottom:7px}.airframe-settings select{width:120px;min-width:0;margin-right:auto}.instruments #reset-button{position:fixed;right:16px;top:78px}.location-tag{bottom:175px}.chat{bottom:195px}#move-pad{bottom:200px}.touch-lift{bottom:195px}.welcome{max-height:calc(100dvh - 260px);overflow-y:auto;top:calc(50% - 25px)}}
@media(max-width:640px){.weapon-hud{width:150px;gap:4px 6px}.weapon-hud button{padding:7px}.weapon-hud #weapon-status{line-height:1.5}.weapon-hud .caption{letter-spacing:.6px}}
.arena-session button:disabled,.instruments button:disabled,select:disabled{cursor:not-allowed}
.instruments{flex-wrap:wrap}.instruments button{white-space:nowrap}
@media(max-width:820px){#reversible-button{grid-column:2}#view-button{grid-column:3}.location-tag{bottom:215px}.chat{bottom:235px}#move-pad{bottom:240px}.touch-lift{bottom:235px}.welcome{max-height:calc(100dvh - 320px);top:calc(50% - 55px)}}
@media(max-width:360px){.arena-session{width:calc(100vw - 164px);min-width:0}.weapon-hud{width:132px}}