:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#10140c;--text:#efe8d8;--muted:#c3bba8;--line:#e2d2b061;--amber:#e0a84a;--amber-2:#f3d7a2;--ok:#9cb86a;--danger:#d15a3a;--panel:#0e100bc7;--display:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--body:Barlow, "Segoe UI", sans-serif;font-family:var(--body);color:var(--text);background:var(--ink);font-size:16px}*{box-sizing:border-box}html,body,#app{touch-action:manipulation;overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body.playing,body.playing #app,body.playing #view{touch-action:none}body{background:#12160e}#view{width:100%;height:100%;display:block}#app{position:relative}#app:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(#0000 45%,#00000061 100%);position:absolute;inset:0}#hurt{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(#0000 35%,#961c108c 100%);transition:opacity 80ms linear;position:absolute;inset:0}#hurt.on{opacity:1}#hurt-dir{z-index:4;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}#hurt-dir i{clip-path:polygon(50% 0,100% 100%,0 100%);opacity:0;background:linear-gradient(#d14630f2,#0000);width:22px;height:70px;position:absolute;top:-38vh;left:-11px}#hurt-dir.show i{animation:.7s forwards hurtfade}@keyframes hurtfade{0%{opacity:1}to{opacity:0}}#cursor-dot{border:1px solid var(--amber);z-index:6;pointer-events:none;background:#10120c59;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:fixed;top:0;left:0}body.playing #view{cursor:none}#hud{z-index:4;pointer-events:none;position:absolute;inset:0}#hud button{pointer-events:auto;cursor:pointer}.hud-top,.hud-bottom{justify-content:space-between;gap:16px;padding:16px 18px;display:flex;position:absolute;left:0;right:0}.hud-top{align-items:flex-start;top:0}.hud-bottom{align-items:flex-end;bottom:0}.hud-left{max-width:280px}#objective,.hostiles,.allies,#clock,#heading,.minimap-wrap span,.eyebrow{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase}#objective{color:var(--amber-2);margin:0 0 4px;font-size:15px}.hostiles,.allies,#clock,#heading{color:var(--text);margin:0;font-size:18px}.hostiles b{color:var(--danger);font-weight:600}.allies b{color:#7eb6ff;font-weight:600}#feed{color:var(--muted);margin:8px 0 0;padding:0;font-size:13px;list-style:none}#feed li{margin:2px 0}.hud-actions{gap:8px;margin-top:10px;display:flex}.hud-actions button,.ghost,.segmented button{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--text);border:1px solid var(--line);background:0 0;padding:6px 10px;font-size:14px}.hud-actions button:hover,.ghost:hover,.segmented button:hover{border-color:var(--amber);color:var(--amber-2)}.hud-compass{text-align:center;width:min(420px,46vw)}.hud-compass canvas{width:100%;height:42px;display:block}#heading{color:var(--amber);font-size:14px}.minimap-wrap{border:1px solid var(--line);background:#0a0c088c;width:168px;position:relative}.minimap-wrap span{color:var(--amber-2);font-size:12px;position:absolute;top:4px;left:8px}.minimap-wrap canvas{width:168px;height:168px;display:block}#crosshair{width:92px;height:92px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}#crosshair span{background:#f4efe4eb;position:absolute}#crosshair .up,#crosshair .down{width:2px;height:12px;left:45px}#crosshair .up{top:10px}#crosshair .down{bottom:10px}#crosshair .left,#crosshair .right{width:12px;height:2px;top:45px}#crosshair .left{left:10px}#crosshair .right{right:10px}#crosshair.locked span{background:var(--amber)}body.sniping #crosshair{top:50%;transform:translate(-50%,-50%)scale(.72)}body.sniping #crosshair span{background:var(--amber)}body.sniping #crosshair:after{content:"";width:22px;height:22px;transform:translate(-50%, -50%) scale(var(--spread,1));border:1px solid #e0a84abf;border-radius:50%;position:absolute;top:50%;left:50%}body.sniping #range-read{top:calc(50% + 46px)}#zoom-read{font-family:var(--display);letter-spacing:.12em;color:var(--amber);text-shadow:0 1px 4px #000000a6;margin:0;font-size:22px;position:absolute;top:50%;left:calc(50% + 54px);transform:translateY(-50%)}.ring{position:absolute;inset:0}.ring circle{fill:none;stroke-width:1.6px}.ring-track{stroke:#ffffff2e}#reload-arc{stroke:#e7e1d4;stroke-linecap:butt;transform-origin:50%;transform:rotate(-90deg)}#crosshair.ready #reload-arc{stroke:var(--amber)}#crosshair.empty #reload-arc{stroke:#6d675c}#hit-mark{opacity:0;border:2px solid #f2d48a;position:absolute;inset:28px}#hit-mark.show{animation:.28s hitmark}@keyframes hitmark{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.15)}}#range-read{font-family:var(--display);letter-spacing:.16em;color:var(--amber-2);margin:0;font-size:14px;position:absolute;top:calc(46% + 54px);left:50%;transform:translate(-50%)}#banner{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--amber-2);text-shadow:0 2px 16px #00000073;margin:0;font-size:clamp(28px,4vw,52px);position:absolute;top:22%;left:50%;transform:translate(-50%)}.plate,.ammo-plate{border:1px solid var(--line);background:#0a0c089e;min-width:240px;padding:10px 12px}.plate-top,.plate-sub,.ammo-plate{justify-content:space-between;gap:12px;display:flex}.plate-top span,#ammo-count,#reload-read,#ammo-kind{font-family:var(--display);letter-spacing:.08em}#vehicle-name{font-size:22px}#hp-num{color:var(--ok);font-size:22px}.plate-sub{color:var(--muted);margin-top:6px;font-size:13px}.hp-track{background:#ffffff14;height:8px;margin-top:6px}#hp-fill{background:var(--ok);width:100%;height:100%}.ammo-plate{align-items:center;min-width:140px}#ammo-count{color:var(--amber-2);font-size:36px;line-height:1}#ammo-kind{color:var(--muted);font-size:14px}#reload-read{font-size:18px}#hint{text-align:center;max-width:280px;color:var(--muted);margin:0;font-size:13px;line-height:1.35}#floaters{position:absolute;inset:0;overflow:hidden}.floater{text-align:center;font-family:var(--display);letter-spacing:.08em;text-shadow:0 1px 4px #000c;pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.floater strong{font-size:22px;font-weight:600;display:block}.floater em{letter-spacing:.14em;font-size:12px;font-style:normal;display:block}#overlay{z-index:5;pointer-events:none;justify-content:flex-start;align-items:center;padding:28px;display:flex;position:absolute;inset:0}body[data-screen=menu] #overlay{background:linear-gradient(100deg,#080a06d1 0%,#080a068c 46%,#080a061f 100%)}body[data-screen=pause] #overlay,body[data-screen=end] #overlay,body[data-screen=fail] #overlay{background:#080a0680;justify-content:center}.menu-panel,.card-panel{pointer-events:auto;width:min(1080px,100%);max-height:calc(100% - 8px);padding:8px 8px 18px;overflow:auto}.card-panel{background:var(--panel);border:1px solid var(--line);width:min(520px,100%);padding:28px 28px 24px;box-shadow:0 24px 70px #00000059}.eyebrow{color:var(--amber);margin:0 0 6px;font-size:14px}h1,h2{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:600;line-height:.9}h1{font-size:clamp(64px,9vw,104px)}h2{font-size:clamp(40px,6vw,64px)}.lede,.card-panel p,.doctrine,.fine,.desktop-note{color:var(--muted);line-height:1.45}.lede{max-width:38rem;font-size:18px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.card{text-align:left;color:var(--text);border:1px solid var(--line);cursor:pointer;font:inherit;background:#10120cb8;padding:14px 14px 12px}.card:hover{border-color:var(--amber-2)}.card.is-selected{border-color:var(--amber);box-shadow:inset 3px 0 0 var(--amber);background:#e0a84a14}.card-index,.card-role{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-size:13px}.card-role{float:right;color:var(--muted)}.card strong{clear:both;font-family:var(--display);letter-spacing:.08em;margin-top:10px;font-size:32px;font-weight:600;display:block}.card em{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-style:normal}.card p{min-height:4.4em;color:var(--text);font-size:14px}.card dl,.stats{grid-template-columns:repeat(3,1fr);gap:8px 10px;margin:0;display:grid}.card dl div,.stats div{border-top:1px solid #e2d2b02e;padding-top:4px}.card dt,.stats dt{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.card dd,.stats dd{font-family:var(--display);letter-spacing:.04em;margin:0;font-size:20px}.card-armor{color:var(--muted);letter-spacing:.06em;margin-top:8px;font-size:12px;display:block}.menu-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary,.ghost{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:12px 18px;font-size:18px}.primary{background:var(--amber);color:var(--ink);border:none}.primary:hover{background:var(--amber-2)}.sens{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.sens input{width:160px;accent-color:var(--amber)}.segmented{display:flex}.segmented button.is-on{background:var(--amber);color:var(--ink);border-color:var(--amber)}.fine{max-width:46rem;font-size:14px}.controls{max-width:40rem;margin-top:8px}.controls summary{cursor:pointer;color:var(--amber-2);letter-spacing:.08em}.controls ul{color:var(--muted);margin:8px 0 0;padding-left:18px}.controls li{margin:4px 0}kbd{font-family:var(--display);border:1px solid var(--line);color:var(--text);margin-right:3px;padding:0 5px}.doctrine{max-width:42rem;font-size:14px}.desktop-note{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.stats{margin:16px 0}#touch{z-index:6;pointer-events:none;display:none;position:absolute;inset:0}#touch-aim{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:#f3d7a2cc;text-shadow:0 1px 4px #0009;margin:0;font-size:13px;position:absolute;top:74px;left:50%;transform:translate(-50%)}#stick{left:max(16px, env(safe-area-inset-left));bottom:max(108px, calc(env(safe-area-inset-bottom) + 100px));pointer-events:auto;touch-action:none;background:#0a0c086b;border:2px solid #e0a84ab3;border-radius:50%;width:128px;height:128px;position:absolute}#stick-knob{background:#e0a84aeb;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000059}#sniper-pad{right:max(18px, env(safe-area-inset-right));bottom:max(214px, calc(env(safe-area-inset-bottom) + 206px));pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}#sniper-pad button{pointer-events:auto;touch-action:none;border:1px solid var(--amber);color:#fff8ee;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;background:#0a0c08b8}#sniper-btn{width:76px;height:40px;font-size:14px}#zoom-in,#zoom-out{width:44px;height:34px;font-size:20px}#fire-btn,#fire-btn-left{border:2px solid var(--amber);color:#fff8ee;width:88px;height:88px;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;pointer-events:auto;touch-action:none;background:#d15a3ae0;border-radius:50%;font-size:22px;position:absolute}#fire-btn{right:max(18px, env(safe-area-inset-right));bottom:max(116px, calc(env(safe-area-inset-bottom) + 108px))}#fire-btn-left{left:max(18px, env(safe-area-inset-left));bottom:max(252px, calc(env(safe-area-inset-bottom) + 244px));width:96px;height:96px;display:none}body.sniping #fire-btn-left{display:block}@media (pointer:coarse){body.playing #touch{display:block}}@media (max-height:520px){#overlay{padding:8px 14px}h1{font-size:36px}.lede{margin:4px 0;font-size:14px}.cards{gap:8px;margin:8px 0}.card{padding:8px}.card strong{margin-top:2px;font-size:22px}.card p,.doctrine,.desktop-note,.controls,#look-help{display:none}.primary,.ghost,.segmented button{padding:8px 12px;font-size:16px}.menu-row{gap:8px}}@media (orientation:landscape) and (max-height:520px){.hud-top,.hud-bottom{padding:8px 12px}.plate,.ammo-plate{padding:6px 8px}#vehicle-name,#hp-num{font-size:18px}#ammo-count{font-size:28px}#stick{width:104px;height:104px;bottom:max(96px, calc(env(safe-area-inset-bottom) + 88px))}#fire-btn{width:76px;height:76px;bottom:max(78px, env(safe-area-inset-bottom));font-size:18px}body.sniping #fire-btn-left{width:84px;height:84px;top:auto;bottom:max(18px, env(safe-area-inset-bottom));left:max(136px, calc(env(safe-area-inset-left) + 124px));font-size:18px}#sniper-pad{bottom:max(162px, calc(env(safe-area-inset-bottom) + 148px));flex-direction:row;gap:6px}#sniper-btn{width:64px;height:36px;font-size:12px}#zoom-in,#zoom-out{width:36px;height:36px}#touch-aim{top:52px}.minimap-wrap,.minimap-wrap canvas{width:96px;height:96px}}@media (max-width:900px){.card p{min-height:0}.hud-compass{display:none}.minimap-wrap,.minimap-wrap canvas{width:120px;height:120px}.plate{min-width:0}#hint{display:none}}@media (max-width:640px){.cards{grid-template-columns:1fr}h1{font-size:56px}}@media (prefers-reduced-motion:reduce){#hurt-dir.show i,#hit-mark.show{opacity:0;animation:none}}body:has(ship-page-badge) .hud-bottom{padding-bottom:72px}body:has(ship-page-badge) #fire-btn{bottom:max(168px, calc(env(safe-area-inset-bottom) + 150px))}body:has(ship-page-badge) #sniper-pad{bottom:max(268px, calc(env(safe-area-inset-bottom) + 250px))}@media (orientation:landscape) and (max-height:520px){body:has(ship-page-badge) #sniper-pad{bottom:max(252px, calc(env(safe-area-inset-bottom) + 236px))}}