*{box-sizing:border-box}[hidden]{display:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg:#e8e8e8;--dim:#e8e8e8b8;--line:#e8e8e899;--rail:18px}html,body{height:100%;color:var(--fg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;margin:0;font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;overflow:hidden}button{font:inherit;color:inherit}#game,#game canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;letter-spacing:.08em;text-shadow:0 0 3px #000,0 0 1px #000;font-size:12px;position:fixed;inset:0}.hud-tl,.hud-bl{gap:4px;display:grid;position:absolute}.hud-tl{top:max(8px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));width:190px}.hud-row{align-items:center;gap:10px;display:flex}.dim{color:var(--dim);font-size:11px}#hud-objective{border-left:2px solid var(--fg);padding-left:6px;font-size:11px}#btn-menu{pointer-events:auto;border:1px solid var(--fg);letter-spacing:0;cursor:pointer;background:#00000059;width:34px;height:26px;font-size:11px}.hud-bl{bottom:max(14px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));width:min(30vw,210px)}.stat{grid-template-columns:58px 1fr;align-items:center;gap:6px;font-size:11px;display:grid}.bar{border:1px solid var(--fg);height:7px}#hud-squad,#hud-hull{background:var(--fg);width:100%;height:100%;transition:width .15s}#hud-squad.low,#hud-hull.low,#warn,.wslot.hot .wammo{animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}#hud-convoy{align-items:center;gap:5px;display:flex}#hud-convoy i{border:1px solid var(--fg);width:12px;height:8px}#hud-convoy i.ok{background:var(--fg)}#hud-convoy i.out{background:0 0;border-style:dotted}#hud-convoy i.lost{background:linear-gradient(135deg, transparent 45%, var(--fg) 45%, var(--fg) 55%, transparent 55%);border-color:#e8e8e859}#hud-convoy em{color:var(--dim);margin-left:4px;font-size:10px;font-style:normal}#reticle{filter:drop-shadow(0 0 1px #000);width:92px;height:92px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle g g{display:none}#reticle.r-cross .g-cross,#reticle.r-bracket .g-bracket,#reticle.r-box .g-box,#reticle.r-circle .g-circle,#reticle.r-lock .g-lock{display:inline}#range{white-space:nowrap;font-size:11px;position:absolute;top:calc(50% + 52px);left:50%;transform:translate(-50%)}#zoomgauge{border:1px solid var(--fg);pointer-events:none;clip-path:polygon(0 0,100% 0,100% 78%,82% 100%,0 100%);background:#0006;flex-direction:column-reverse;gap:3px;width:44px;padding:5px 6px 6px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#zoomgauge i{border:1px solid var(--fg);opacity:.45;height:5px;display:block}#zoomgauge i.on{background:var(--fg);opacity:1}#zoomgauge b{letter-spacing:.04em;text-align:center;order:5;margin-bottom:3px;font-size:13px;font-weight:600}#trk{letter-spacing:.25em;color:#ffcf6a;font-size:11px;position:absolute;top:calc(50% - 74px);left:50%;transform:translate(-50%)}#warn{border:1px solid var(--fg);letter-spacing:.2em;white-space:nowrap;background:#00000073;padding:3px 10px;font-size:12px;position:absolute;top:calc(50% + 72px);left:50%;transform:translate(-50%)}#lockbox{border:1.5px dashed var(--fg);filter:drop-shadow(0 0 1px #000);width:60px;height:60px;position:absolute;transform:translate(-50%,-50%)}#lockbox span{font-size:10px;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%,4px)}#lockbox.locked{border-style:solid;border-width:2px}#lockbox.locked span{animation:.4s steps(2,end) infinite blink;display:block}.hud-top{left:50%;top:max(8px, env(safe-area-inset-top));justify-items:center;gap:6px;width:min(44vw,380px);display:grid;position:absolute;transform:translate(-50%)}#compass{border-bottom:1px solid var(--line);width:100%;height:22px;position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}#compass-strip{white-space:nowrap;will-change:transform;height:100%;position:absolute;top:0;left:0}#compass-strip span{background:var(--fg);width:1px;position:absolute;bottom:0}#compass-strip b{font-size:10px;font-weight:400;position:absolute;top:0;transform:translate(-50%)}.compass-caret{border-bottom:6px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}#radio{text-align:center;gap:2px;width:100%;font-size:11px;display:grid}#radio div{background:#00000080;padding:2px 6px}#marks{position:absolute;inset:0}.mark{filter:drop-shadow(0 0 1px #000);background-color:#0000;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:8px 2px,2px 8px,8px 2px,2px 8px,8px 2px,2px 8px,8px 2px,2px 8px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%)}.mark.small{opacity:.85;background-size:5px 1.5px,1.5px 5px,5px 1.5px,1.5px 5px,5px 1.5px,1.5px 5px,5px 1.5px,1.5px 5px;width:14px;height:14px}.mark.tracked{filter:drop-shadow(0 0 1px #000)sepia()saturate(6)hue-rotate(-12deg)}.mark.arrow{background:0 0;border-bottom:13px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0}#minimap{top:max(8px, env(safe-area-inset-top));right:max(var(--rail), env(safe-area-inset-right));width:104px;height:104px;position:absolute}#weapons{top:calc(max(8px, env(safe-area-inset-top)) + 114px);right:max(var(--rail), env(safe-area-inset-right));gap:4px;width:104px;display:grid;position:absolute}.wslot{pointer-events:auto;touch-action:manipulation;border:1px solid var(--line);text-align:left;cursor:pointer;background:#00000059;grid-template-columns:14px 1fr auto;align-items:center;gap:4px;height:38px;padding:0 6px;font-size:11px;display:grid;position:relative;overflow:hidden}.wslot.on{border:2px solid var(--fg);background:#ffffff24}.wslot .wkey{color:var(--dim);font-size:9px}.wslot .wammo{color:var(--dim);font-size:10px}.wslot.empty{opacity:.4}.wslot .wbar{background:var(--fg);width:0;height:3px;position:absolute;bottom:0;left:0}.hud-buttons{right:calc(max(var(--rail), env(safe-area-inset-right)) + 112px);bottom:max(22px, env(safe-area-inset-bottom));gap:10px;display:flex;position:absolute}#btn-fire,.hud-buttons button{pointer-events:auto;touch-action:none;border:2px solid var(--fg);letter-spacing:.1em;background:#ffffff14;border-radius:50%}.hud-buttons button{width:56px;height:56px;font-size:10px}#btn-fire{right:max(calc(var(--rail) + 4px), env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));width:96px;height:96px;font-size:15px;position:absolute}#btn-fire:active,.hud-buttons button:active,.wslot:active{background:#ffffff59}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #fff}#fps{bottom:max(72px, env(safe-area-inset-bottom));font-size:11px;position:absolute;left:16px}@media (height<=400px){#minimap{width:84px;height:84px}#weapons{top:calc(max(8px, env(safe-area-inset-top)) + 92px);width:92px}.wslot{height:33px}#btn-fire{width:82px;height:82px}.hud-buttons{right:calc(max(var(--rail), env(safe-area-inset-right)) + 98px)}.hud-buttons button{width:50px;height:50px}}#overlay,#loading,.modal{justify-content:center;align-items:center;padding:12px 16px;display:flex;position:fixed;inset:0}#overlay{padding-left:max(24px, env(safe-area-inset-left));background:linear-gradient(90deg,#000c 0%,#0000008c 42%,#0000 66%);justify-content:flex-start}#overlay .panel{text-align:left;border:0;border-left:2px solid var(--fg);background:0 0;width:min(430px,56vw);max-height:100%;padding:4px 0 4px 18px;overflow-y:auto}#overlay .ov-actions{justify-content:flex-start}.modal{z-index:5;background:#000000b8}.modal .panel{text-align:left;background:#050505;max-height:100%;overflow-y:auto}#credits{z-index:6}#credits .panel{width:min(600px,100%)}#loading{background:#000}.panel{text-align:center;border:1px solid var(--fg);background:#000000d1;width:min(480px,100%);padding:18px 20px}.panel h1{letter-spacing:.2em;margin:0 0 10px;font-size:20px;font-weight:400}.panel p{text-wrap:pretty;margin:0 0 14px;font-size:12px;line-height:1.5}.ov-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ov-actions button{letter-spacing:.14em;background:var(--fg);color:#000;cursor:pointer;border:0;min-height:42px;padding:10px 16px}.ov-actions button.secondary{color:var(--fg);border:1px solid var(--fg);background:0 0}#ov-stars{letter-spacing:.25em;margin:-4px 0 6px;font-size:26px}#ov-stars .off{opacity:.25}#ov-aircraft{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.ac-card{text-align:left;border:1px solid var(--line);cursor:pointer;background:#0006;gap:3px;padding:8px 10px;display:grid}.ac-card b{letter-spacing:.14em;font-size:12px;font-weight:400}.ac-card small{color:var(--dim);font-size:10px;line-height:1.35}.ac-card.on{border:2px solid var(--fg);background:#ffffff1f}#ov-stats{grid-template-columns:auto auto;justify-content:start;gap:2px 14px;margin:0 0 12px;font-size:11px;display:grid}@media (width>=700px){#ov-stats{grid-template-columns:auto auto auto auto;column-gap:12px}#ov-stats span:nth-child(4n+3){padding-left:14px}}#ov-stats span:nth-child(odd){color:var(--dim)}.set-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin-bottom:12px;font-size:11px;display:grid}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button{border:1px solid var(--line);cursor:pointer;background:0 0;min-width:44px;min-height:32px;padding:4px 8px;font-size:11px}.seg button.on{border:2px solid var(--fg);background:#ffffff29}input[type=range]{accent-color:#e8e8e8;width:100%;min-height:28px}.note{color:var(--dim);font-size:11px}#credits-body{text-align:left;margin-bottom:12px;font-size:11px;line-height:1.45}#credits-body h2{letter-spacing:.16em;margin:10px 0 4px;font-size:12px;font-weight:400}#credits-body table{border-collapse:collapse;width:100%}#credits-body td,#credits-body th{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e8e8e833;padding:3px 6px 3px 0;font-size:10px;font-weight:400}#credits-body th{color:var(--dim)}#loading .bar{height:6px;margin:6px 0 14px}#load-bar{background:var(--fg);width:0;height:100%;transition:width .2s}#load-text{opacity:.85;margin:0;font-size:12px}#rotate{display:none}@media (orientation:portrait) and (pointer:coarse){#rotate{z-index:10;text-align:center;background:#000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){#hud-squad.low,#hud-hull.low,#warn,.wslot.hot .wammo,#lockbox.locked span{animation:none}}