:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111313;--panel:#181816f0;--panel-2:#0a0b0a8c;--line:#d2c19e47;--line-strong:#decda88f;--text:#e0d7c6;--muted:#a59b89;--faint:#716a5f;--green:#79a867;--green-soft:#79a8672e;--blue:#5d91a7;--blue-soft:#5d91a72e;--red:#e35f50;--red-soft:#e35f5033;--amber:#d4a556;--amber-soft:#d4a55638;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--sans:"Inter", "Segoe UI", Arial, sans-serif;--board-size:12}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100%;overflow:hidden}body{color:var(--text);font-family:var(--sans);background:radial-gradient(circle at 48% 28%,#76806b38,#0000 42%),radial-gradient(circle at 85% 12%,#4570802e,#0000 28%),linear-gradient(#1b1c1a 0%,#0d0f0e 55%,#050606 100%);justify-content:center;align-items:flex-start;margin:0;display:flex}html.loadout-mode,body.loadout-mode{overflow:auto}body.loadout-mode{height:auto}button{font:inherit}[hidden]{display:none!important}.app{width:1480px;max-width:none;min-height:0;transform:scale(var(--fit-scale,1));transform-origin:top;will-change:transform;grid-template-rows:auto 1fr;grid-template-columns:290px minmax(620px,1fr) 340px;gap:14px;margin:0;padding:18px 0;display:grid}.topbar{grid-column:1/-1;grid-template-columns:290px 1fr 340px;gap:14px;display:grid}.panel,.top-card{border:1px solid var(--line);background:linear-gradient(90deg, #ffffff09 1px, transparent 1px) 0 0 / 22px 100%, linear-gradient(#ffffff06 1px, transparent 1px) 0 0 / 100% 22px, var(--panel);box-shadow:inset 0 0 0 1px #00000085,0 18px 44px #00000038}.top-card{min-height:68px;padding:13px 15px}.eyebrow,.label,.section-title,.tiny{font-family:var(--mono);letter-spacing:0;text-transform:uppercase}.eyebrow,.label,.tiny{color:var(--muted);font-size:12px}h1{text-transform:uppercase;margin:6px 0 0;font-size:24px;line-height:1}.phase{justify-content:space-between;align-items:center;gap:18px;display:flex}.phase-name{color:#d8c59f;font-family:var(--mono);text-transform:uppercase;font-size:13px}.phase-detail{margin-top:6px;font-size:17px;line-height:1.2}.phase-pill{border:1px solid var(--line-strong);color:#d8c59f;min-width:126px;font-family:var(--mono);text-align:center;text-transform:uppercase;background:#050605a6;flex:none;padding:8px 12px;font-size:12px}.round-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric{background:var(--panel-2);border:1px solid #d2c19e29;min-width:0;padding:8px}.metric strong{color:#d8c59f;font-family:var(--mono);margin-top:5px;font-size:18px;line-height:1;display:block}.left,.right{align-content:start;gap:14px;display:grid}.left{grid-area:2/1}.right{grid-area:2/3}.board-panel{grid-area:2/2;padding:16px 18px 18px}.panel-head{border-bottom:1px solid #d2c19e29;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px 12px;display:flex}.section-title{color:#d8c59f;font-size:13px}.panel-body{padding:15px}.unit-list{gap:8px;display:grid}.unit-card{width:100%;min-height:58px;color:inherit;text-align:left;background:#06070675;border:1px solid #d2c19e29;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:9px 10px;display:grid}button.unit-card{cursor:default;font:inherit}button.unit-card.can-select{cursor:pointer}button.unit-card.can-select:hover{border-color:var(--line-strong);background:#1c1d19cc}.unit-card.active{border-color:var(--amber);background:linear-gradient(90deg, var(--amber-soft), #06070680)}.unit-card.placed{border-color:#79a8676b}.unit-card.approved{border-color:#5d91a775}.unit-card.dead{color:var(--faint);border-color:#e35f504d}.unit-id{color:#d8c59f;height:38px;font-family:var(--mono);background:#00000057;border:1px solid #e0d7c638;place-items:center;font-size:14px;display:grid}.unit-name{font-size:13px;line-height:1.15}.unit-meta{color:var(--muted);font-family:var(--mono);margin-top:5px;font-size:12px}.unit-state{color:var(--green);font-family:var(--mono);text-transform:uppercase;font-size:12px}.unit-state.dead{color:var(--red)}.unit-state.done{color:var(--faint)}.target-grid{gap:9px;display:grid}.target-row{background:var(--panel-2);min-height:31px;color:var(--muted);font-family:var(--mono);border:1px solid #d2c19e26;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;font-size:12px;display:flex}.target-row strong{color:#d8c59f;text-align:right;min-width:0}.range-readout{background:var(--panel-2);min-height:52px;color:var(--muted);font-family:var(--mono);border:1px solid #d2c19e26;margin-top:11px;padding:9px 10px;font-size:12px;line-height:1.45}.loadout-screen{width:min(1180px,100vw - 28px);min-height:min(760px,100vh - 28px);transform:scale(var(--fit-scale,1));transform-origin:top;will-change:transform;grid-template-rows:auto minmax(0,1fr);gap:14px;margin:14px 0;display:grid}.loadout-header{grid-template-columns:220px minmax(0,1fr) auto;align-items:stretch;gap:14px;display:grid}.loadout-title{min-height:76px;padding:15px 16px}.loadout-title h1{margin-top:5px}.loadout-brief{min-height:76px;padding:15px 16px}.loadout-actions{grid-template-columns:1fr 1fr;gap:9px;min-width:330px;padding:15px;display:grid}.loadout-actions .primary{grid-column:1/-1}.loadout-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 285px;gap:14px;min-height:0;display:grid}.loadout-column{grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;padding:15px;display:grid}.loadout-column-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-zone{background:#00000038;border:1px dashed #d2c19e47;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:start;gap:10px;min-height:0;padding:12px;display:grid;overflow:auto}.card-zone.drag-over{border-color:var(--amber);background:#583a1347}.card-zone.mech-frame{grid-template-columns:1fr;gap:9px}.loadout-card,.loadout-empty{min-width:0;color:inherit;font:inherit;text-align:left;background:#06070694;border:1px solid #d2c19e29;padding:8px}.loadout-card{cursor:grab;min-height:116px;padding:11px}.loadout-card:active{cursor:grabbing}.loadout-card strong,.loadout-card span{display:block}.loadout-card strong{color:#d8c59f;font-family:var(--mono);text-transform:uppercase;font-size:13px}.loadout-card span,.loadout-empty{color:var(--muted);font-size:12px;line-height:1.3}.loadout-card em{color:var(--blue);font-family:var(--mono);text-transform:uppercase;margin-top:5px;font-size:11px;font-style:normal;display:inline-block}.loadout-empty.compact{min-height:0;font-family:var(--mono);text-transform:uppercase;border-style:dashed;padding:7px 8px;font-size:11px}.loadout-slot{background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/18px 100%,#06070694;border:1px solid #d2c19e29;min-width:0;padding:9px}.loadout-slot.filled{background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/18px 100%,#1b180eb8;border-color:#d4a55670}.slot-head{color:#d8c59f;font-family:var(--mono);text-transform:uppercase;justify-content:space-between;gap:10px;font-size:12px;display:flex}.slot-head strong{color:var(--muted)}.slot-cards{grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:7px;margin-top:7px;display:grid}.slot-card{min-width:0;min-height:54px;color:inherit;text-align:left;background:#00000057;border:1px solid #d2c19e33;padding:8px}.slot-card strong,.slot-card span{display:block}.slot-card strong{color:#f0e2c4;font-family:var(--mono);overflow-wrap:anywhere;font-size:12px;line-height:1.2}.slot-card span{color:var(--blue);font-family:var(--mono);text-transform:uppercase;margin-top:4px;font-size:11px}.loadout-side{align-content:start;gap:14px;min-width:0;display:grid}.loadout-stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.loadout-unit-preview{gap:8px;display:grid}.loadout-readout{background:var(--panel-2);min-height:74px;color:var(--muted);font-family:var(--mono);border:1px solid #d2c19e26;padding:12px;font-size:12px;line-height:1.45}.button-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.action-button{cursor:pointer;border:1px solid var(--line-strong);color:#d8c59f;min-height:44px;font-family:var(--mono);text-transform:uppercase;background:#090a09c7;font-size:12px}.action-button.primary{background:#583a136b;border-color:#d4a556c7}.action-button.warn{color:#f0b5ad;border-color:#e35f509e}.action-button.debug{color:#bad7df;border-color:#5d91a7b8;grid-column:1/-1}.action-button.debug[aria-pressed=true]{background:#5d91a738;box-shadow:inset 0 0 18px #5d91a72e}.action-button:hover:not(:disabled){border-color:var(--text);background:#2b2c27eb}.action-button:disabled{cursor:not-allowed;opacity:.38}.map{width:min(760px,100%);margin:0 auto}.board-shell{grid-template-rows:30px minmax(0,1fr);grid-template-columns:34px minmax(0,1fr);gap:8px;display:grid;position:relative}.cols,.rows{color:#d8c59f;font-family:var(--mono);font-size:16px}.cols{grid-column:2;grid-template-columns:repeat(var(--board-size), 1fr);text-align:center;align-items:center;display:grid}.rows{grid-row:2;grid-template-rows:repeat(var(--board-size), 1fr);place-items:center end;padding-right:3px;display:grid}.board{aspect-ratio:1;background:#181a17;border:1px solid #decda885;grid-area:2/2;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000000e0,0 0 34px #0000005c}.board canvas{z-index:1;cursor:crosshair;width:100%;height:100%;display:block;position:relative}.board:after{content:"";z-index:8;pointer-events:none;mix-blend-mode:screen;opacity:.42;background:radial-gradient(circle at 38% 30%,#ebecd61f,#0000 34%),radial-gradient(circle at 72% 66%,#9ab6bc1a,#0000 30%),repeating-linear-gradient(120deg,#e2e8da0a 0 8px,#0000 8px 24px);position:absolute;inset:0}.cell-tooltip{z-index:80;pointer-events:none;width:min(340px,100vw - 28px);color:var(--text);background:linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/18px 100%,linear-gradient(#ffffff08 1px,#0000 1px) 0 0/100% 18px,#090a0af5;border:1px solid #d8c59f9e;position:fixed;box-shadow:0 18px 36px #0000007a,inset 0 0 0 1px #0009}.tooltip-head{font-family:var(--mono);text-transform:uppercase;background:#e35f501a;border-bottom:1px solid #d2c19e38;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;font-size:12px;display:flex}.tooltip-head strong{color:#ffd7c8;font-size:12px}.tooltip-body{gap:6px;padding:10px 11px 11px;display:grid}.tooltip-row{grid-template-columns:86px 1fr;align-items:start;gap:10px;min-width:0;display:grid}.tooltip-row span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:11px}.tooltip-row strong{color:#f0e2c4;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.25}.cell{cursor:crosshair;min-width:0;min-height:0;color:var(--text);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #121311f0;margin:0;padding:0;position:relative;overflow:hidden}.cell:before{content:"";z-index:1;pointer-events:none;opacity:.18;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.cell:focus-visible{z-index:8;outline:2px solid var(--amber);outline-offset:-4px}.cell.hover-shoot:hover,.cell.hover-move:hover,.cell.hover-both:hover,.cell.hover-none:hover{z-index:12;outline-offset:-5px}.cell.hover-shoot:hover{outline:3px solid #e35f50f5;box-shadow:inset 0 0 0 3px #e35f5070,0 0 16px #e35f506b}.cell.hover-move:hover{outline:3px solid #5d91a7fa;box-shadow:inset 0 0 0 3px #5d91a770,0 0 16px #5d91a76b}.cell.hover-both:hover{outline:3px solid #ee77b7fa;box-shadow:inset 0 0 0 3px #ee77b775,0 0 18px #ee77b775}.cell.hover-none:hover{outline:2px solid #b4b4aad6;box-shadow:inset 0 0 0 2px #b4b4aa47,0 0 12px #b4b4aa38}.cell.can-place:after,.cell.combat-range:after,.cell.in-range:after,.cell.movement-range:after,.cell.placement-range:after,.cell.selected:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:5px}.cell.selected:after{z-index:9}.cell.can-place:after{background:#79a86714;border:1px solid #79a86794}.cell.in-range:after{background:#d4a55612;border:1px solid #d4a55666}.cell.placement-range,.cell.movement-range,.cell.combat-range{--range-edge-n:transparent;--range-edge-e:transparent;--range-edge-s:transparent;--range-edge-w:transparent;box-shadow:inset 0 4px 0 var(--range-edge-n), inset -4px 0 0 var(--range-edge-e), inset 0 -4px 0 var(--range-edge-s), inset 4px 0 0 var(--range-edge-w)}.cell.combat-range{z-index:4}.cell.combat-range:after{z-index:7;background:0 0;border:1px solid #e35f5094;inset:2px;box-shadow:inset 0 0 12px #e35f5024,0 0 8px #e35f502e}.cell.selected.combat-range:after{z-index:9}.cell.movement-range{z-index:5}.cell.movement-range:after{background:0 0;border:1px solid #5d91a79e;inset:3px;box-shadow:inset 0 0 12px #5d91a729,0 0 8px #5d91a72e}.cell.placement-range:after{background:linear-gradient(135deg,#ffd87c3d,#d4a55617),#583a132e;border:1px solid #ffd87ce6;inset:2px;box-shadow:inset 0 0 18px #ffd87c3d}.cell.range-edge-n{--range-edge-n:#ffe18af5}.cell.range-edge-e{--range-edge-e:#ffe18af5}.cell.range-edge-s{--range-edge-s:#ffe18af5}.cell.range-edge-w{--range-edge-w:#ffe18af5}.cell.action-range-shoot.range-edge-n{--range-edge-n:#e35f5094}.cell.action-range-shoot.range-edge-e{--range-edge-e:#e35f5094}.cell.action-range-shoot.range-edge-s{--range-edge-s:#e35f5094}.cell.action-range-shoot.range-edge-w{--range-edge-w:#e35f5094}.cell.action-range-move.range-edge-n{--range-edge-n:#5d91a79e}.cell.action-range-move.range-edge-e{--range-edge-e:#5d91a79e}.cell.action-range-move.range-edge-s{--range-edge-s:#5d91a79e}.cell.action-range-move.range-edge-w{--range-edge-w:#5d91a79e}.cell.action-range-both.range-edge-n{--range-edge-n:#ff64cd9e}.cell.action-range-both.range-edge-e{--range-edge-e:#ff64cd9e}.cell.action-range-both.range-edge-s{--range-edge-s:#ff64cd9e}.cell.action-range-both.range-edge-w{--range-edge-w:#ff64cd9e}.cell.movement-range.range-edge-n{--range-edge-n:#5d91a79e}.cell.movement-range.range-edge-e{--range-edge-e:#5d91a79e}.cell.movement-range.range-edge-s{--range-edge-s:#5d91a79e}.cell.movement-range.range-edge-w{--range-edge-w:#5d91a79e}.cell.placement-vision .vision-layer{z-index:3;pointer-events:none;background:linear-gradient(135deg,#79a8674d,#3c85481a),#103a1a2e;border:1px solid #91e57feb;position:absolute;inset:10px;box-shadow:inset 0 0 18px #79a86747,0 0 12px #79a8672e}.cell.placement-origin{z-index:7;outline-offset:-6px;outline:3px solid #fff0b8fa}.cell.placement-origin.selected:after{z-index:10;border:3px solid #fff0b8fa;inset:0;box-shadow:inset 0 0 22px #fff0b861,0 0 18px #ffe18a94}.cell.placement-origin .vision-layer{inset:7px}.cell.selected:after{border:2px solid var(--amber);box-shadow:inset 0 0 18px #d4a55659,0 0 14px #d4a55661}.cell.action-range:after{content:"";z-index:8;pointer-events:none;background:0 0;position:absolute;inset:3px}.cell.action-range-shoot:after{border:1px solid #e35f5094;box-shadow:inset 0 0 12px #e35f5024,0 0 8px #e35f502e}.cell.action-range-move:after{border:1px solid #5d91a79e;box-shadow:inset 0 0 12px #5d91a729,0 0 8px #5d91a72e}.cell.action-range-both:after{border:1px solid #ff64cd9e;box-shadow:inset 0 0 12px #ff64cd2e,0 0 8px #ff64cd33}.cell.hover-shoot:hover:after,.cell.hover-move:hover:after,.cell.hover-both:hover:after,.cell.hover-none:hover:after{content:"";z-index:11;pointer-events:none;background:0 0;position:absolute;inset:2px}.cell.hover-shoot:hover:after{border:2px solid #e35f50fa;box-shadow:inset 0 0 18px #e35f5061,0 0 14px #e35f5066}.cell.hover-move:hover:after{border:2px solid #5d91a7fa;box-shadow:inset 0 0 18px #5d91a766,0 0 14px #5d91a76b}.cell.hover-both:hover:after{background:#ff64cd17;border:2px solid #ff64cdfa;box-shadow:inset 0 0 20px #ff64cd70,0 0 16px #ff64cd7a}.cell.hover-none:hover:after{border:2px solid #b4b4aad6;box-shadow:inset 0 0 14px #b4b4aa3d,0 0 10px #b4b4aa2e}.cell.fogged{filter:saturate(.74)brightness(.82)}.cell.visible-zone{filter:saturate(1.05)brightness(1.04)}.token,.shot,.cell .noise,.cell .fog-layer{pointer-events:none;font-family:var(--mono);place-items:center;font-weight:700;display:grid;position:absolute}.token{z-index:4;color:#dff2d0;background:#08200ec7;border:1px solid #79a867e0;width:30px;height:30px;font-size:12px;top:7px;left:7px;box-shadow:0 0 12px #79a86747}.token.active{border-color:var(--amber);color:#ffe0a4;box-shadow:0 0 14px #d4a55694}.cell.placement-origin .token.active{z-index:12;color:#fff2bd;background:#134c1df5;border:2px solid #fff0b8fa;width:38px;height:38px;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000006b,0 0 22px #ffe18acc}.token.dead{color:#f0b5ad;background:#260807cc;border-color:#e35f50bd}.token.enemy{color:#ffd2cb;background:#2f0a08d1;border-color:#e35f50d1;inset:auto 7px 7px auto}.token.enemy.debug{z-index:10;color:#d7f0f7;background:#0c1d26eb;border-color:#5d91a7f2;box-shadow:0 0 14px #5d91a7b8}.shot{z-index:4;border-radius:50%;width:22px;height:22px;font-size:11px;top:50%;left:50%;transform:translate(-50%,-50%)}.shot.miss{background:#00000047;border:2px solid #e0d7c69e}.shot.hit{border:2px solid var(--red);color:#ffd2cb;background:#e35f5047}.cell .noise{z-index:4;border:1px solid var(--blue);background:var(--blue-soft);width:16px;height:16px;top:7px;right:7px}.cell .fog-layer{z-index:6;background:radial-gradient(circle at 50% 48%,#cbd7ca2e,#0000 36%),linear-gradient(135deg,#0e121285,#39433f66);inset:0;box-shadow:inset 0 0 34px #0304048f}.cell .fog-layer:before,.cell .fog-layer:after{content:"";opacity:.34;background:repeating-linear-gradient(18deg,#e6e8d814 0 3px,#0000 3px 15px);position:absolute;inset:0}.cell .fog-layer:after{opacity:.2;transform:rotate(72deg)}.missile,.impact-flash{pointer-events:none;position:absolute}.missile{z-index:14;background:radial-gradient(circle at 32% 30%,#fff4c2 0 18%,#d4a556 38%,#824116 72%);border:1px solid #ffe6aee6;border-radius:50%;width:13px;height:13px;box-shadow:0 0 14px #d4a556d1,0 0 28px #e35f5061}.missile:after{content:"";filter:blur(.2px);background:linear-gradient(90deg,#0000,#e35f502e,#ffe291e0);border-radius:999px;width:34px;height:4px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.impact-flash{z-index:13;background:radial-gradient(circle,#ffe1975c 0 22%,#e35f5033 42%,#0000 70%);border:2px solid #ffdb8ce6;border-radius:50%;width:46px;height:46px;animation:.28s ease-out forwards impact-pulse;box-shadow:0 0 24px #d4a5568c}@keyframes impact-pulse{0%{opacity:.95;transform:translate(-50%,-50%)scale(.28)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.action-context-menu{z-index:32;border:1px solid var(--line-strong);background:linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/18px 100%,linear-gradient(#ffffff08 1px,#0000 1px) 0 0/100% 18px,#090a09f5;width:156px;padding:8px;position:absolute;box-shadow:0 16px 32px #00000070,inset 0 0 0 1px #000000b8}.action-context-menu .tiny{color:#d8c59f;margin-bottom:7px}.context-action{width:100%;min-height:31px;color:var(--text);font-family:var(--mono);text-align:left;text-transform:uppercase;cursor:pointer;background:#050605c2;border:1px solid #d2c19e3d;margin-top:6px;font-size:12px}.context-action:hover{border-color:var(--text);background:#2b2c27f0}.context-action.shoot{color:#ffc6be}.context-action.move{color:#bfe9f6}.placement-complete-modal{z-index:44;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#05060552;grid-area:2/2;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.placement-complete-panel{border:1px solid var(--line-strong);background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/18px 100%,linear-gradient(#ffffff07 1px,#0000 1px) 0 0/100% 18px,#090a09f7;width:min(336px,100%);padding:14px;box-shadow:0 18px 42px #0000008a,inset 0 0 0 1px #000000b8}.placement-complete-panel h2{color:var(--text);margin:6px 0 8px;font-size:18px;line-height:1.1}.placement-complete-panel p{color:var(--muted);margin:0;font-size:13px;line-height:1.42}.placement-complete-actions{grid-template-columns:1fr;gap:7px;margin-top:12px;display:grid}.context-action.start{color:#d8c59f}.context-action.restart{color:#ffc6be}.context-action.continue{color:#bfe9f6}.legend{color:var(--muted);font-family:var(--mono);flex-wrap:wrap;justify-content:center;gap:12px 18px;margin-top:13px;font-size:12px;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.swatch{background:#3b3c37;border:1px solid #e0d7c633;width:16px;height:16px}.swatch.park{background:#36542f}.swatch.water{background:#2a5160}.swatch.unit{background:#1d522d}.swatch.vision{background:#599d4ca6}.swatch.enemy{background:#65231d}.swatch.noise{background:#2e5668}.swatch.fog{background:linear-gradient(135deg,#151919,#6c7770)}.intel-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.intel{background:var(--panel-2);border:1px solid #d2c19e26;min-height:76px;padding:10px}.intel strong{color:#d8c59f;font-family:var(--mono);margin-top:8px;font-size:24px;line-height:1;display:block}.signal{background:#00000057;border:1px solid #d2c19e29;height:98px;overflow:hidden}.signal canvas{width:100%;height:100%;display:block}.summary{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.45}.ok{color:var(--green)}.bad{color:var(--red)}@media (width<=1180px){.loadout-screen{width:min(900px,100vw - 22px)}.loadout-header,.loadout-grid{grid-template-columns:1fr}.loadout-actions{min-width:0}.app{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);width:min(900px,100vw - 22px)}.topbar{grid-column:1;grid-template-columns:1fr}.board-panel{grid-area:2/1}.left{grid-area:3/1;grid-template-columns:1fr 1fr}.right{grid-area:4/1;grid-template-columns:1fr 1fr}}@media (width<=760px){.loadout-screen{gap:9px;width:calc(100vw - 14px);margin:7px 0}.loadout-header,.loadout-grid{gap:9px}.loadout-actions{grid-template-columns:1fr}.loadout-actions .primary{grid-column:auto}.card-zone{grid-template-columns:1fr;min-height:220px}.app{gap:9px;width:calc(100vw - 14px);padding:7px 0}.phase{flex-direction:column;align-items:stretch}.phase-pill{width:100%}.round-grid,.left,.right{grid-template-columns:1fr}.board-panel{padding:10px 8px 12px}.board-shell{grid-template-rows:24px minmax(0,1fr);grid-template-columns:24px minmax(0,1fr);gap:5px}.cols,.rows{font-size:12px}.token{width:24px;height:24px;font-size:10px}}.app.fit-window{grid-template-rows:auto 1fr;grid-template-columns:290px minmax(620px,1fr) 340px;gap:14px;width:1480px;max-width:none;min-height:0;padding:18px 0}.app.fit-window .topbar{grid-column:1/-1;grid-template-columns:290px 1fr 340px}.app.fit-window .board-panel{grid-area:2/2;padding:16px 18px 18px}.app.fit-window .left{grid-area:2/1;grid-template-columns:1fr}.app.fit-window .right{grid-area:2/3;grid-template-columns:1fr}.app.fit-window .phase{flex-direction:row;align-items:center}.app.fit-window .phase-pill{width:auto}.app.fit-window .round-grid{grid-template-columns:repeat(3,1fr)}.app.fit-window .board-shell{grid-template-rows:30px minmax(0,1fr);grid-template-columns:34px minmax(0,1fr);gap:8px}.app.fit-window .cols,.app.fit-window .rows{font-size:16px}