:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7ef;background:#a7ced8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%}header{position:absolute;top:0;left:0;right:0;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#122e364d,transparent);z-index:2}.brand{text-decoration:none;font-size:25px;font-weight:700;letter-spacing:4px;display:flex;gap:18px;align-items:center}.brand span{font-size:14px;letter-spacing:2px;font-weight:500;border-left:1px solid #ffffff50;padding-left:18px}.session{font-size:14px;display:flex;gap:10px;align-items:center}.session span{margin-left:20px;font-size:14px;letter-spacing:2px;opacity:.7}i{display:inline-block}.session i,.flight-state i{width:6px;height:6px;background:#d0f5bc;border-radius:50%}button{border:1px solid #ffffff35;border-radius:7px;background:#19394045;padding:10px 13px;font-size:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}button:hover{background:#42616cc0}kbd{font:14px DM Sans,sans-serif;border:1px solid #ffffff40;min-width:20px;padding:3px 5px;border-radius:3px;margin-left:4px;color:#fff;background:#ffffff0d}.location{position:absolute;top:128px;left:36px;text-shadow:0 2px 12px #12343c40}.location>span{font-size:14px;letter-spacing:3px;opacity:.75}.location h1{font-size:28px;font-weight:500;margin:13px 0}.location p{font-size:14px;opacity:.7}.instruments{position:absolute;left:36px;bottom:110px;width:176px;padding:20px;background:#102e3b66;border:1px solid #ffffff25;border-radius:9px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.instrument{margin-bottom:18px}.instrument>span{display:flex;justify-content:space-between;font-size:14px;letter-spacing:1px;opacity:.85}.instrument small{font-size:14px;opacity:.7}.instrument strong{display:block;font-size:39px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.4;letter-spacing:2px}.meter{height:3px;background:#ffffff20}.meter i{display:block;height:100%;background:#d2eabc;width:0;transition:width .1s}.detail{font-size:14px;opacity:.7}.detail b{font-weight:400}.throttle .meter{margin-top:10px}.flight-state{display:flex;gap:8px;align-items:center;font-size:14px}.map-panel{position:absolute;right:36px;bottom:110px;padding:14px;width:216px;border:1px solid #ffffff30;border-radius:9px;background:#12313a75;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.map-title,.map-footer{display:flex;justify-content:space-between;font-size:14px}.map-title span{font-size:14px;opacity:.6}.map-panel canvas{width:186px;height:186px;margin:10px 0}.map-footer{font-size:14px;opacity:.75}.map-footer i{width:5px;height:5px;background:#d6f0bf;margin-right:4px}footer{position:absolute;bottom:0;left:0;right:0;min-height:78px;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#102e3b88);gap:12px}.shortcut{font-size:14px;opacity:.8;display:flex;gap:5px;align-items:center}.shortcut em{height:14px;border-left:1px solid #ffffff30;margin:0 12px}.footer-actions{display:flex;gap:8px}#compass{position:absolute;top:100px;left:50%;transform:translate(-50%);display:flex;gap:18px;align-items:center;font-size:14px;text-shadow:0 1px 5px #18343a}#compass b{font-size:19px;font-weight:400;letter-spacing:3px;font-variant-numeric:tabular-nums}#reticle{position:absolute;top:50%;left:50%;width:38px;height:18px;transform:translate(-50%,-50%);opacity:.5}#reticle span{position:absolute;left:0;right:0;top:8px;border-top:1px solid white}#reticle i{position:absolute;left:18px;top:3px;height:11px;border-left:1px solid white}#notice{position:absolute;top:24%;left:50%;transform:translate(-50%);font-size:14px;letter-spacing:1px;background:#13303b80;border-radius:6px;padding:10px 18px;border:1px solid #ffffff30;text-align:center;max-width:80%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#notice:empty{display:none}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#102e3b40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:5}.overlay[hidden]{display:none}.intro{width:440px;max-width:calc(100vw - 32px);padding:34px 38px;background:#16333bea;border:1px solid #ffffff25;box-shadow:0 20px 80px #06252c50;border-radius:14px}.eyebrow{font-size:14px;letter-spacing:3px;color:#cfe7b6}.intro h2{font-size:31px;font-weight:500;margin:20px 0 12px}.intro p{font-size:14px;line-height:1.9;color:#c2d0d1}.instructions{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:14px 0;margin-top:23px}.instructions>div{display:flex;align-items:center;justify-content:space-between;margin:10px 0;font-size:14px}.instructions kbd{margin:0;font-size:14px}.tip{font-size:14px;color:#d4e8bb;line-height:1.8;margin:18px 0}.primary{width:100%;padding:14px 16px;background:#d3e9b9;color:#203731;font-weight:700;display:flex;justify-content:space-between;border:0;font-size:14px}.primary:hover{background:#e3f6cd}.intro>small{display:block;text-align:center;font-size:14px;color:#99aeb0;margin-top:16px}#failure{position:fixed;inset:0;background:#17333c;padding:80px;z-index:10}@media(max-width:760px){header{padding:18px}.session{display:none}.brand span{font-size:14px}.location{left:18px;top:90px}.location h1{font-size:20px}.instruments{left:18px;bottom:95px;width:138px;padding:14px}.map-panel{right:18px;bottom:95px;width:160px}.map-panel canvas{width:130px;height:130px}.shortcut{display:none}footer{padding:16px;justify-content:center}.footer-actions button{font-size:14px}#compass{top:75px}}.weapon-status{border-top:1px solid #ffffff25;padding-top:12px;margin-bottom:15px;font-size:14px}.weapon-status>span{display:flex;justify-content:space-between}.weapon-status small{font-size:14px;opacity:.65}.weapon-status strong{display:block;font-size:24px;font-weight:500;padding:7px 0;font-variant-numeric:tabular-nums}.weapon-status>div{font-size:14px;opacity:.8}.weapon-status b{font-weight:500;color:#fbe0a2}#combat-feedback{position:absolute;left:50%;top:57%;transform:translate(-50%);color:#ffe0a2;letter-spacing:2px;font-size:14px;text-shadow:0 2px 5px #122e36;pointer-events:none}#reticle{pointer-events:none;opacity:.85}#reticle.firing{filter:drop-shadow(0 0 5px #ffcc70);color:#ffce68}#reticle.firing span,#reticle.firing i{border-color:#ffce68}#reticle.hit:after{content:"×";position:absolute;left:9px;top:-13px;font-size:30px;color:#ffdc85}#fire-button{border-color:#e0ba7670;color:#ffe1a8;touch-action:none;-webkit-user-select:none;user-select:none}#fire-button.active{background:#a56430aa}.intro{padding-top:26px;padding-bottom:26px}.intro h2{margin-top:14px}.instructions{margin-top:15px;padding:8px 0}.instructions>div{margin:8px 0}@media(max-width:1000px){.shortcut{display:none}footer{justify-content:center}.footer-actions{flex-wrap:wrap}.instruments,.map-panel{bottom:100px}}@media(max-height:820px){.location{top:90px}.location h1{font-size:20px}.instruments{padding:14px;width:155px}.instrument{margin-bottom:12px}.instrument strong{font-size:30px}.intro{max-height:94vh;overflow:auto}}.moving-targets{font-size:14px;color:#a3edf0;margin-bottom:12px}.map-title span{font-size:14px}.join-panel{border-top:1px solid #ffffff25;margin:16px 0;padding-top:8px}.join-panel h3{font-size:14px;font-weight:500;margin:8px 0 12px}.join-panel label{font-size:14px;color:#b9cccb;display:block;flex:1}.join-panel input{display:block;width:100%;background:#102b32;border:1px solid #ffffff30;border-radius:5px;padding:9px;color:#eef4dc;margin:5px 0 10px;font:14px sans-serif;outline:none}.join-panel input:focus{border-color:#b7dbb0}.join-fields{display:flex;gap:10px}.join-panel button{width:100%;color:#d2eaba;border-color:#a2c89070}.join-panel p{font-size:14px;margin:8px 0 0;line-height:1.5}.intro{max-height:94vh;overflow-y:auto}.intro .instructions{display:none}.intro .tip{margin:12px 0}.overlay.help-mode .instructions{display:block}.overlay.help-mode .join-panel{display:none}#network-status{font-size:14px;letter-spacing:0;margin:0;opacity:1}#multiplayer-hud{font-size:14px;color:#ead5a7;border-top:1px solid #ffffff25;margin:8px 0;padding-top:8px}#multiplayer-hud span{display:block;margin:5px 0}#scoreboard{position:absolute;right:36px;top:108px;background:#16353b99;border:1px solid #ffffff25;border-radius:8px;padding:14px;width:220px;font-size:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#scoreboard>div{display:flex;justify-content:space-between}#scoreboard ol{padding:0;margin:12px 0;list-style:none}#scoreboard li{display:flex;justify-content:space-between;margin:7px 0;gap:12px}#scoreboard li.self{color:#d4edb8}#scoreboard li span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#scoreboard small{font-size:14px;color:#a5c4c5}#scoreboard[hidden],#multiplayer-hud[hidden],#leave-button[hidden]{display:none}@media(max-width:760px){.session{display:flex}.session #network-status{max-width:90px;overflow:hidden;font-size:14px}.brand span{display:none}#scoreboard{top:200px;right:18px;width:160px}.session #leave-button{padding:6px;font-size:14px}}.health-cells{display:flex;gap:4px;margin:7px 0 9px}.health-cells i{display:block;flex:1;height:6px;background:#e6f0e44d;border:0;border-radius:2px}.health-cells i.filled{background:#d4edb8}.health-cells.protected i.filled{background:#82dcea}.health-cells.low:not(.protected) i.filled{background:#f07864}.join-panel button.primary{color:#203731;border:0;justify-content:center}.secondary{width:100%;padding:14px 16px;display:flex;justify-content:space-between;font-size:14px;color:#d2eaba;background:transparent;border:1px solid #a2c89070}.secondary:hover{background:#d3e9b914}.instruments{width:220px;background:#102e3bc7;max-height:calc(100vh - 190px);overflow-y:auto}.instrument>span,.instrument small,.detail,.weapon-status small,.weapon-status>div,.map-footer,.location p,.location>span,.shortcut{opacity:1}.map-panel{width:260px;background:#12313acc}.map-panel canvas{width:230px;height:230px}.map-title{flex-wrap:wrap;gap:7px}.map-title span{width:100%;opacity:1;color:#d4e5e0;line-height:1.5}.map-footer{gap:10px;flex-wrap:wrap}#scoreboard{width:280px;background:#16353bcc;line-height:1.5}#scoreboard small{display:block;color:#d2e1df;line-height:1.6}#scoreboard li{margin:10px 0}.intro{width:500px}.intro>small{color:#c8dcda}.join-panel label{color:#dce9e6}.join-panel input{font-size:15px}.intro p,.tip,.instructions>div{font-size:15px}.join-panel p{font-size:14px}button{font-size:15px}kbd{font-size:13px}.primary,.secondary{font-size:16px}#notice,#combat-feedback{font-size:16px;line-height:1.6}.flight-state{line-height:1.6}#multiplayer-hud{font-size:14px;line-height:1.5}#network-status{font-size:14px}.brand span{font-size:13px}@media(max-height:820px){.instruments{width:210px;padding:14px}.instrument{margin-bottom:10px}.map-panel{width:240px}.map-panel canvas{width:210px;height:210px}}@media(max-width:760px){.instruments{width:180px;left:12px;bottom:150px;padding:12px;max-height:calc(100vh - 240px)}.map-panel{width:190px;right:12px;bottom:150px;padding:12px}.map-panel canvas{width:164px;height:164px}#scoreboard{width:220px;right:12px}.location{display:none}.footer-actions button,.session #network-status,.session #leave-button{font-size:14px}.footer-actions{justify-content:center}.brand span{display:none}}.intro{width:560px;padding:24px 30px}.intro p,.tip{line-height:1.65}.join-panel{margin:12px 0}.intro>small{margin-top:12px}kbd{font-size:14px}@media(max-height:820px){.location h1,.location p{display:none}}.weapon-status>span{flex-wrap:wrap;gap:4px 8px}.battle-poster{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#071e2bdc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.battle-poster[hidden]{display:none}.poster-panel{width:min(530px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px;background:#163b46;border-radius:18px;box-shadow:0 24px 100px #04121d66}.poster-heading{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:16px}.poster-heading span{font-size:14px;color:#bcd6c8}.poster-heading h2{font-size:22px;margin:7px 0 0;font-weight:500}.poster-x{padding:0 9px;font-size:28px;background:transparent;border:0}.poster-panel canvas{display:block;width:auto;max-width:100%;height:min(48dvh,420px);margin:auto;border-radius:10px}.poster-message{font-size:14px;line-height:1.6;color:#c7dedf;text-align:center;margin:14px 0}.poster-actions{display:flex;flex-wrap:wrap;gap:9px}.poster-actions button{flex:1;padding:12px 10px;font-size:15px;white-space:nowrap;background:#26535f;border:0;border-radius:8px}.poster-actions .poster-close{flex-basis:100%;background:#d3e9b9;color:#203731;font-weight:600}@media(max-height:600px){.poster-panel{padding:14px}.poster-panel canvas{height:35dvh}.poster-heading{margin-bottom:10px}.poster-heading h2{font-size:19px}}.map-panel{inset:90px auto auto 24px;width:240px;max-height:calc(100dvh - 250px);overflow:auto}.map-panel canvas{width:210px;height:210px}.instruments{inset:90px 24px auto auto;width:220px;max-height:calc(100dvh - 250px)}.location{display:none}#scoreboard{top:90px;right:268px;max-height:calc(100dvh - 250px);overflow:auto}footer{justify-content:center;pointer-events:none}.shortcut{display:none}.footer-actions{justify-content:center;flex-wrap:wrap;max-width:460px;pointer-events:auto}@media(max-width:760px){.map-panel{inset:82px auto auto 12px;width:142px;padding:12px;max-height:calc(100dvh - 260px)}.map-panel canvas{width:116px;height:116px}.instruments{inset:82px 12px auto auto;width:180px;padding:12px;max-height:calc(100dvh - 260px)}#scoreboard{top:380px;left:12px;right:auto;width:142px;max-height:calc(100dvh - 510px)}#scoreboard small{font-size:14px}footer{padding:12px}.footer-actions{width:calc(100vw - 240px);min-width:80px}.footer-actions button{padding:8px}.footer-actions kbd{display:none}}@media(max-height:520px){.map-panel{top:72px;width:142px;padding:10px;max-height:calc(100dvh - 200px)}.map-panel canvas{width:120px;height:120px}.instruments{top:72px;width:220px;padding:10px;max-height:calc(100dvh - 200px)}.instrument strong{font-size:25px}.instrument{margin-bottom:6px}#scoreboard{top:72px;right:260px;left:auto;width:210px;max-height:calc(100dvh - 200px)}footer{padding:10px}.footer-actions{width:auto;max-width:calc(100vw - 260px)}.footer-actions kbd{display:none}}#scoreboard{top:430px;left:24px;right:auto;width:240px;max-height:clamp(80px,calc(100dvh - 620px),460px)}@media(max-width:760px){#scoreboard{top:380px;left:12px;right:auto;width:142px;max-height:clamp(60px,calc(100dvh - 510px),300px)}}@media(max-height:520px){#scoreboard{top:72px;left:180px;right:auto;width:140px;max-height:calc(100dvh - 200px)}}.map-panel,.instruments,#scoreboard,.poster-panel{scrollbar-width:thin;scrollbar-color:#8eb7b5 #173841}@media(max-width:760px){header{padding:18px 12px;gap:6px}.brand{font-size:22px;letter-spacing:2px;white-space:nowrap;flex-shrink:0}.session{gap:6px;min-width:0}.session #network-status{max-width:72px;white-space:nowrap;text-overflow:ellipsis}.session #leave-button{white-space:nowrap}#help-button{padding:8px;white-space:nowrap}#help-button kbd{display:none}}@media(max-width:760px),(max-width:1000px)and (max-height:520px){header{padding:12px 14px;gap:8px}.brand{font-size:20px;letter-spacing:2px;white-space:nowrap;flex-shrink:0}.brand span{display:none}.session{gap:6px;min-width:0}.session #network-status{font-size:11px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session #leave-button,#help-button{font-size:12px;padding:8px;white-space:nowrap}header kbd{display:none}#compass{top:58px;font-size:11px;gap:8px}#compass b{font-size:15px;letter-spacing:1px}.map-panel{top:58px;left:12px;width:116px;padding:8px;max-height:none;overflow:hidden}.map-title{font-size:11px;gap:0}#map-legend,.map-footer{display:none}.map-panel canvas{display:block;width:98px;height:98px;max-width:100%;margin:7px 0 0}.instruments{top:58px;right:12px;left:auto;width:180px;padding:10px;max-height:none;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:8px}.instrument{margin:0;min-width:0}.instrument>span,.instrument small{font-size:11px;letter-spacing:0}.instrument strong{font-size:23px;line-height:1.25;letter-spacing:1px}.instrument .detail,.instrument:not(.throttle) .meter{display:none}.instrument.throttle{grid-column:1/-1}.throttle .meter{margin-top:5px}.weapon-status{grid-column:1/-1;margin:0;padding-top:6px;font-size:11px}.weapon-status>span{font-size:11px}.weapon-status small{font-size:11px}#weapon-state{display:none}.weapon-status strong{font-size:19px;padding:3px 0 0}.weapon-status>div{display:none}#multiplayer-hud{grid-column:1/-1;margin:0;padding-top:5px;font-size:11px;line-height:1.4}#multiplayer-hud span{margin:0}.health-cells{gap:3px;margin:5px 0}.health-cells i{height:5px}.flight-state,#moving-targets{display:none}#scoreboard{top:206px;left:12px;right:auto;width:116px;padding:8px;font-size:11px;line-height:1.4;max-height:calc(100dvh - 310px);overflow:auto}#scoreboard>div{display:none}#scoreboard ol{margin:0}#scoreboard li{gap:6px;margin:6px 0}#scoreboard li span:last-child{white-space:nowrap}#scoreboard small,#notice[data-routine=true]{display:none}#notice{top:auto;bottom:95px;font-size:12px;padding:6px 10px;max-width:calc(100vw - 32px)}#combat-feedback{font-size:12px}footer{padding:12px}.footer-actions{width:auto;min-width:0;max-width:calc(100vw - 220px);gap:6px}.footer-actions button{font-size:12px;padding:9px 10px}.footer-actions kbd{display:none}.intro{width:420px;padding:20px}.intro .eyebrow,.intro>p,.intro .tip,.intro>small{display:none}.intro h2{font-size:23px;margin:0 0 12px}.join-panel{margin:10px 0}.join-panel h3{font-size:13px}.join-panel label,.join-panel input,.join-panel p,.instructions>div{font-size:12px}.join-panel input{padding:8px}.join-panel p{line-height:1.4}.primary,.secondary{font-size:14px;padding:11px 12px}.overlay.help-mode .tip{display:block;font-size:12px;line-height:1.5}.instructions kbd{font-size:11px}}#rotate-device{display:none}@media(max-width:760px)and (orientation:portrait){#rotate-device{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#102e3b;color:#e5f1da;text-align:center;padding:24px}#rotate-device h2{font-size:22px;font-weight:500;margin:24px 0 8px}#rotate-device p{font-size:13px;color:#afc9c9;margin:0}.rotate-phone{width:72px;height:38px;border:2px solid #b7d8c8;border-radius:7px;transform:rotate(-25deg)}#app>header,#app>.map-panel,#app>.instruments,#app>#scoreboard,#app>footer,#app>#compass,#app>#overlay{visibility:hidden}}.instruments{background:#102e3b80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 3px #102e3b70}#weapon-state:empty{display:none}.instruments,.map-panel,#scoreboard,#notice,header button,.footer-actions button{background:#102e3b66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}header{background:linear-gradient(rgb(16 46 59 / 40%),transparent)}footer{background:linear-gradient(transparent,#102e3b66)}@media(min-width:761px)and (min-height:521px){#scoreboard{top:384px;max-height:clamp(80px,calc(100dvh - 564px),460px)}}.training-panel{border-top:1px solid #ffffff25;margin-top:16px;padding-top:14px}.training-panel>p{margin:0 0 10px}.training-panel .tip{margin:10px 0 14px}@media(max-width:760px),(max-width:1000px)and (max-height:520px){.training-panel{margin-top:10px;padding-top:10px}.training-panel>p{display:none}.overlay.help-mode .training-panel .tip{display:block}}.training-targets{color:#d4e8bb;font-size:15px;line-height:1.5}@media(max-width:760px),(max-width:1000px)and (max-height:520px){.training-panel>.training-targets{display:block;font-size:12px;margin-bottom:8px}}.aircraft-picker{margin:14px 0;padding:12px 0;border-top:1px solid #ffffff25}.aircraft-picker label{display:block;font-size:14px;margin-bottom:6px}.aircraft-picker select{width:100%;font:inherit;font-size:14px;color:#e7f1df;background:#102b32;border:1px solid #ffffff40;border-radius:6px;padding:9px}.aircraft-picker p{font-size:13px;line-height:1.4;margin:8px 0 0;color:#d4e8bb}@media(max-width:760px),(max-width:1000px)and (max-height:520px){.aircraft-picker{margin:8px 0;padding:8px 0}.aircraft-picker label,.aircraft-picker select,.aircraft-picker p{font-size:12px}.aircraft-picker select{padding:7px}}#fire-button:disabled{cursor:default;color:#b4c4c6;opacity:.55}#account-flight-bar{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:10px;background:#102e3bcc;padding:8px 12px;border:1px solid #ffffff25;border-radius:8px;max-width:calc(100vw - 24px);font-size:12px}#account-flight-bar span{max-width:360px;line-height:1.5}#account-flight-bar button{white-space:nowrap;font-size:12px;padding:6px 10px}#retry-record[hidden]{display:none}#overlay[data-entry-mode=single]:not(.help-mode) .join-panel{display:none}#overlay[data-entry-mode=multi]:not(.help-mode) .training-panel{display:none}@media(max-width:760px){#account-flight-bar{top:auto;bottom:80px;max-width:90vw}#account-flight-bar span{max-width:230px;font-size:11px}}.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}#sound-button{white-space:nowrap;min-width:80px}#sound-button[aria-pressed=false]{opacity:.65}@media(max-width:760px),(max-width:1000px)and (max-height:520px){.header-actions{gap:5px}#sound-button{font-size:12px;padding:8px;min-width:68px}}