:root{color-scheme:dark;--cyan:#81edff;--amber:#ffbe6a;--muted:#8698ac;--line:rgba(170,208,233,.17);font-family:Arial,Helvetica,sans-serif;background:#070b13;color:#eef4f9;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden;width:100vw;height:100dvh}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}button:hover{filter:brightness(1.14)}[hidden]{display:none!important}#arena{display:block;width:100%;height:100%;outline:none}.vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,8,17,.93),rgba(3,8,17,.65) 27%,transparent 70%),linear-gradient(0deg,rgba(3,7,13,.85),transparent 26%,transparent 80%,rgba(3,7,13,.65));transition:opacity .6s}body.playing .vignette{opacity:.12}header{position:fixed;top:0;left:0;width:100%;height:104px;display:flex;align-items:center;padding:0 4%;gap:40px;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font-size:20px;font-weight:800;letter-spacing:4px}.brand svg{width:41px;height:41px;fill:none;stroke:var(--cyan);stroke-width:1.5}.brand path{stroke-width:2}.location{font-size:10px;letter-spacing:2px;color:#a7b6c5;display:flex;gap:13px;align-items:center}.divider{color:#415467}.live-dot{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px #8aeeff88}.icon-button{width:39px;height:39px;display:grid;place-items:center;background:#101c2888;border:1px solid var(--line);margin-left:auto}.icon-button svg{width:19px;height:19px;fill:none;stroke:#b7c9d9;stroke-width:1.2}#lobby{position:fixed;left:7%;top:50%;transform:translateY(-43%);width:590px;max-width:52vw}.eyebrow{font-size:10px;letter-spacing:3px;color:#d1e1eb;display:flex;align-items:center;gap:12px;margin-bottom:25px}.eyebrow>span{width:28px;height:1px;background:var(--cyan)}.eyebrow b{color:var(--muted);font-weight:400;letter-spacing:1px;margin-left:8px}h1{font-size:clamp(26px,3.4vw,55px);letter-spacing:-1.6px;line-height:1.09;margin:0;font-weight:900}h1 em{font-style:normal;color:var(--cyan)}.intro{color:#a0afbf;font-size:14px;line-height:1.8;margin:21px 0 28px}.match-options{display:flex;align-items:center;margin-bottom:18px;gap:9px}.mode{width:99px;height:77px;background:#16233088;border:1px solid #35465570;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;transition:.2s}.mode strong{font-size:23px;font-weight:500;letter-spacing:3px}.mode strong small{font-size:11px;color:#7c8f9f}.mode>span{font-size:8px;letter-spacing:1.5px;color:#8ea0b0}.mode.active{border-color:#81edff99;background:#22465544;box-shadow:inset 0 -2px var(--cyan)}.mode.active strong{color:var(--cyan)}.mode-details{display:flex;flex-direction:column;gap:12px;padding-left:13px;font-size:8px;letter-spacing:1.4px;color:#97abba}.mode-details strong{font-size:10px;font-weight:400;color:#d1dce4}.mode-details strong span{padding:0 4px;color:#6a7f91}.play-button{width:320px;height:57px;background:var(--cyan);color:#07121c;font-size:12px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px))}.play-button>span{font-size:26px;font-weight:400;line-height:1}.practice-button{width:320px;background:transparent;color:#b4c5d3;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;font-size:9px;letter-spacing:1.7px}.practice-button>span{font-size:19px;color:#758a9a}.prototype-note{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1px;color:#75899d;margin-top:10px}.prototype-note>span:not(.live-dot){color:#405265}#ship-label{position:fixed;right:8%;bottom:18%;font-size:9px;letter-spacing:2px;color:#92aabf;display:flex;flex-direction:column;gap:9px;align-items:flex-end}#ship-label strong{font-size:8px;font-weight:400;color:#697e91}#ship-label div{width:120px;height:1px;background:linear-gradient(90deg,transparent,#80d7f08a);margin-top:8px}footer{position:fixed;bottom:28px;left:4%;right:4%;display:flex;justify-content:space-between;color:#698092;font-size:8px;letter-spacing:1.5px}footer>span{display:flex;align-items:center;gap:12px}footer b{font-weight:400;color:#a2b1bf}footer i{width:14px;height:14px;border:1px solid #4d6576;transform:rotate(45deg)}body.playing header{height:80px}body.playing .brand{font-size:13px;letter-spacing:3px}body.playing .brand svg{width:30px}body.playing .location,body.playing #settings{display:none}.scoreboard{position:fixed;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:stretch;gap:0;background:#07121be8;border:1px solid #87b7c329;box-shadow:0 7px 30px #0005}.team{display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:2px;padding:0 20px;min-width:140px}.team strong{font-size:35px;font-weight:400;letter-spacing:-1px}.team.cyan{color:var(--cyan);border-top:2px solid var(--cyan)}.team.amber{color:var(--amber);border-top:2px solid var(--amber)}.clock{min-width:112px;text-align:center;padding:9px 13px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.clock>span{font-size:23px;letter-spacing:2px;font-variant-numeric:tabular-nums}.clock small{display:block;font-size:7px;letter-spacing:1.2px;color:#91a6b7;margin-top:4px}.pause-button{position:fixed;right:4%;top:24px;font-size:18px;color:#bdd1de}#announcement{position:fixed;top:25%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;text-shadow:0 4px 24px #0009;min-width:380px}#announcement strong{display:block;font-size:47px;font-weight:900;letter-spacing:5px;color:var(--cyan)}#announcement span{display:block;font-size:10px;letter-spacing:3px;margin-top:8px}.pilot-tag{position:fixed;left:4%;bottom:115px;font-size:10px;letter-spacing:2px}.pilot-tag b{font-weight:400;color:#69869b;margin-left:8px}.pilot-tag .live-dot{margin-right:8px}.pilot-tag small{display:block;color:#69869b;font-size:8px;letter-spacing:1.2px;margin-top:8px}.speed{position:fixed;left:4%;bottom:45px;display:flex;align-items:baseline;gap:8px}.speed strong{font-size:45px;font-weight:400;font-variant-numeric:tabular-nums}.speed span{font-size:12px;color:#71899c}.speed small{font-size:8px;letter-spacing:2px;margin-left:8px;color:#9eb5c6}.boost-display{position:fixed;right:4%;bottom:48px;width:110px;height:110px;display:grid;place-content:center;text-align:center}.boost-display svg{position:absolute;inset:0;transform:rotate(-90deg);fill:none;stroke-width:3}.boost-bg{stroke:#264452}.boost-display #boost-ring{stroke:var(--cyan);stroke-dasharray:289;stroke-dashoffset:0;transition:stroke-dashoffset .1s}.boost-display strong{font-size:31px;font-weight:400}.boost-display>span{font-size:8px;letter-spacing:2px;color:#7996a8;margin-top:3px}.radar{position:fixed;right:calc(4% + 148px);bottom:47px;width:86px;text-align:center;opacity:.75}.radar canvas{width:72px;height:102px}.radar span{display:block;font-size:6px;letter-spacing:1px;color:#7291a6;margin-top:3px}.keyboard-help{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:18px;white-space:nowrap}.keyboard-help>span{font-size:7px;color:#7b95a8;letter-spacing:.6px;display:flex;align-items:center;gap:6px}.keyboard-help b{font-weight:400}kbd{font-family:inherit;font-size:8px;color:#adbecd;border:1px solid #65829555;background:#0b1620aa;padding:3px 5px;border-radius:2px}dialog{width:450px;max-width:90vw;color:#ecf5fa;background:#0b1420f7;border:1px solid #4771876b;padding:28px;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#020712b8;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.4px;color:#7d9aad}.dialog-top button{font-size:24px;background:transparent;color:#c7d8e2}h2{font-size:27px;letter-spacing:1px;margin:24px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid var(--line);font-size:12px}.setting-row button,.setting-row select{border:1px solid #355164;background:#142534;color:var(--cyan);padding:8px 12px;font-size:10px}.settings-help{font-size:11px;line-height:1.9;color:#8aa0b3}.settings-help+button{margin-top:18px}dialog .play-button,dialog .practice-button{width:100%;margin-top:15px}#final-score{font-size:65px;letter-spacing:15px;color:var(--cyan)}#result-text{font-size:12px;color:#98b2c4}#fatal{position:fixed;inset:0;background:#09111b;display:grid;place-content:center;text-align:center;padding:30px}#fatal p{color:#94a6b6}#fatal button{background:var(--cyan);padding:16px;color:#09111b}#rotate-note{display:none}.touch-device .keyboard-help{display:none}#touch{position:fixed;inset:0;pointer-events:none;touch-action:none}#touch button,#joystick{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#joystick{position:absolute;bottom:50px;left:6%;width:120px;height:120px;border-radius:50%;border:1px solid #6bcedb55;background:#0a26314d}#stick{width:48px;height:48px;border:1px solid #8aefff77;background:#59b9cb33;border-radius:50%;position:absolute;left:35px;top:35px}#touch button{background:#10323f80;border:1px solid #92ebfc66;border-radius:50%;position:absolute;font-size:9px;letter-spacing:1px;color:var(--cyan)}#touch-boost{width:85px;height:85px;right:5%;bottom:55px}#touch-jump{width:65px;height:65px;right:calc(5% + 100px);bottom:85px}#touch-drift{width:48px;height:48px;right:calc(5% + 70px);bottom:14px}#touch-camera{width:39px;height:39px;left:6%;bottom:195px;font-size:20px!important}.touch-device .pilot-tag,.touch-device .speed{bottom:auto;top:105px}.touch-device .speed{left:auto;right:5%;font-size:20px}.touch-device .speed strong{font-size:25px}.touch-device .boost-display{right:5%;bottom:150px;width:75px;height:75px}.touch-device .boost-display strong{font-size:23px}.touch-device .boost-display svg{width:75px;height:75px}.touch-device .radar{display:none}
@media(max-width:1000px){header{height:80px}.location{font-size:7px;letter-spacing:1px;gap:8px}.brand{font-size:16px;letter-spacing:3px}#lobby{left:6%;max-width:65vw;transform:translateY(-40%)}h1{font-size:38px}.intro{font-size:12px;margin:17px 0}.eyebrow{margin-bottom:17px}#ship-label{right:5%;bottom:13%;font-size:7px}.keyboard-help{gap:9px}.keyboard-help>span{font-size:6px}.radar{right:calc(4% + 115px)}.boost-display{width:95px;height:95px}}
@media(max-height:600px) and (orientation:landscape){header{height:58px}.brand svg{width:28px;height:28px}.brand{font-size:14px}.location{font-size:7px}#lobby{top:49%;transform:translateY(-40%)}.eyebrow{margin-bottom:12px;font-size:8px}h1{font-size:30px;letter-spacing:-.6px}.intro{font-size:10px;line-height:1.6;margin:12px 0}.mode{height:54px;width:77px;gap:4px}.mode strong{font-size:19px}.mode>span{font-size:6px}.match-options{margin-bottom:10px}.play-button{height:43px;width:285px;font-size:10px}.practice-button{width:285px;padding:10px 20px;font-size:8px}.prototype-note{margin-top:0;font-size:7px}footer{bottom:14px;font-size:6px}.team{min-width:100px;padding:0 12px;gap:13px}.team strong{font-size:27px}.clock{padding:6px 10px;min-width:90px}.clock>span{font-size:18px}.scoreboard{top:14px}.pause-button{top:14px}#announcement{top:25%}#announcement strong{font-size:33px}body.playing header{height:60px}}
@media(max-width:600px) and (orientation:portrait){.location,#ship-label{display:none}#lobby{width:88%;max-width:88%;top:45%}h1{font-size:32px}footer>span:first-child{display:none}footer{justify-content:flex-end}body.touch-device.playing #rotate-note{display:flex;position:fixed;inset:0;z-index:30;background:#07111bf5;flex-direction:column;align-items:center;justify-content:center;font-size:55px;color:var(--cyan);gap:25px}#rotate-note strong{font-size:17px;color:#eaf5fc}#rotate-note span{font-size:8px;letter-spacing:2px;color:#7791a5}.mode-details{font-size:7px;padding-left:5px}.mode{width:86px}.scoreboard .team{min-width:82px;padding:0 9px;gap:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:600px) and (orientation:portrait){body.playing header{display:none}.keyboard-help{width:92%;white-space:normal;justify-content:center;flex-wrap:wrap;gap:7px}.radar{display:none}.speed{bottom:58px}.pilot-tag{bottom:132px}}

@media(max-height:440px) and (orientation:landscape){#lobby-footer{display:none}}

#preview-goal{position:fixed;top:102px;right:4%;background:#102433cc;border:1px solid #63829666;padding:10px 13px;font-size:8px;letter-spacing:1px;color:#b1d8e6}#preview-goal kbd{margin-left:5px}.touch-device #preview-goal{top:72px}

body{overscroll-behavior:none}#arena{touch-action:none}#touch-roll-left,#touch-roll-right{width:37px;height:37px;font-size:21px!important;bottom:15px}#touch-roll-left{left:calc(6% + 30px)}#touch-roll-right{left:calc(6% + 78px)}#context-notice{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100;background:#142b3b;border:1px solid #75def1;padding:15px 22px;font-size:12px;max-width:90vw}.touch-device #joystick{left:max(6%,calc(env(safe-area-inset-left) + 16px));bottom:max(50px,calc(env(safe-area-inset-bottom) + 20px))}.touch-device #touch-boost{right:max(5%,calc(env(safe-area-inset-right) + 10px))}.touch-device .pause-button{right:max(4%,calc(env(safe-area-inset-right) + 8px))}.touch-device header{padding-left:max(4%,calc(env(safe-area-inset-left) + 8px))}

#clock.overtime{font-size:14px;letter-spacing:1px}

.help-link{color:var(--cyan);background:transparent;font-size:9px;letter-spacing:1.3px;padding:7px 0;display:flex;align-items:center;gap:12px}.help-link kbd{font-size:9px}#help-lobby{margin:0 0 6px}.hud-help{position:fixed;top:24px;right:calc(4% + 55px);height:39px;background:#07121be8;border:1px solid var(--line);padding:0 12px}.flight-hint{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#07121bd9;border-left:2px solid #81edff70;text-align:center;pointer-events:none}.flight-hint strong{display:block;font-size:8px;letter-spacing:1.5px;color:var(--cyan);margin-bottom:6px}.flight-hint span{font-size:10px;color:#bed0dc;white-space:nowrap}.keyboard-help{gap:12px}#controls-dialog{width:830px;max-width:94vw;max-height:92dvh;overflow:auto;padding:26px 30px}.guide-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.guide-kicker{color:#82a2b8;font-size:8px;letter-spacing:2px}.guide-heading h2{font-size:30px;letter-spacing:-.8px;margin:8px 0 5px}.guide-badge{font-size:8px;white-space:nowrap;color:var(--cyan);border:1px solid #5dbdca55;padding:9px}.guide-intro{font-size:12px;line-height:1.7;color:#9fb4c4;margin:12px 0 20px}.guide-intro strong{color:#ecf7ff}.flight-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.flight-steps article{border-top:2px solid #74c8d653;padding:13px;background:#10233280}.flight-steps b{font-size:9px;letter-spacing:1.1px;color:var(--cyan)}.flight-steps p{font-size:11px;line-height:1.65;color:#b5c9d7;margin:9px 0 0}.control-row{display:grid;grid-template-columns:1.05fr 1.5fr 1.2fr;gap:16px;align-items:center;padding:11px 6px;border-bottom:1px solid var(--line);font-size:11px;color:#a7bdcc}.control-row strong{font-weight:500;color:#e0edf5}.control-head{font-size:8px;letter-spacing:1.5px;color:#7294a8}.control-row kbd{font-size:9px}.guide-note,.controller-note{font-size:11px;line-height:1.7;color:#8ca8bc}.guide-note{border-left:2px solid #ffbe6a80;padding-left:12px;margin:19px 0 12px}.controller-note summary{cursor:pointer;color:#afc7d7}.controller-note p{margin:8px 0}.touch-device .flight-hint{bottom:22px;padding:9px 12px;width:34vw;max-width:330px}.touch-device .flight-hint span{white-space:normal;font-size:9px}.touch-device .flight-hint strong{font-size:7px}.touch-device #touch-pitch-up,.touch-device #touch-pitch-down{width:44px;height:44px;left:calc(6% + 140px);font-size:20px;line-height:15px}.touch-device #touch-pitch-up{bottom:113px}.touch-device #touch-pitch-down{bottom:62px}#touch small{display:block;font-size:6px;letter-spacing:.6px;line-height:10px}#touch-level{width:62px;height:32px;left:calc(6% + 135px);bottom:17px;border-radius:5px!important;font-size:8px!important}
@media(max-height:600px) and (orientation:landscape){.hud-help{top:14px;height:35px}.guide-heading h2{font-size:25px}.flight-steps{gap:8px}.flight-steps p{font-size:10px}.flight-hint{bottom:43px;padding:7px 12px}.flight-hint span{font-size:9px}#help-lobby{padding:2px 0;font-size:8px}#lobby{transform:translateY(-43%)}.eyebrow{margin-bottom:9px}.intro{margin:10px 0}}
@media(max-width:600px) and (orientation:portrait){.hud-help{top:92px;right:4%;height:32px}.flight-hint{bottom:70px;width:92%;padding:8px}.flight-hint span{white-space:normal}#controls-dialog{padding:20px;max-height:94dvh}.guide-heading{align-items:flex-start}.guide-heading h2{font-size:26px}.guide-badge{display:none}.flight-steps{grid-template-columns:1fr;gap:5px}.flight-steps article{padding:9px 12px}.flight-steps p{margin:5px 0 0}.control-row{grid-template-columns:1fr 1.15fr 1.1fr;font-size:10px;gap:8px}.control-row kbd{padding:2px 3px;font-size:8px}.guide-intro{font-size:11px}.keyboard-help{gap:7px}#preview-goal{top:134px}}
#controls-dialog{overflow:hidden}#controls-dialog[open]{display:flex;flex-direction:column}.guide-body{overflow-y:auto;min-height:0;padding-right:5px;overscroll-behavior:contain}#controls-dialog>.dialog-top,#understood{flex-shrink:0}#controls-dialog .play-button{min-height:45px}