.tactics-stage:where(.astro-riahjhtt){width:100%;margin-inline:auto}.tactics-toolbar:where(.astro-riahjhtt){justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.tactics-btn:where(.astro-riahjhtt){color:#e5e7eb;cursor:pointer;background:#0f172ab3;border:1px solid #5eead45c;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.tactics-btn:where(.astro-riahjhtt):hover{background:#0f172ae6;border-color:#5eead4b3}.tactics-btn:where(.astro-riahjhtt)[aria-pressed=true]{color:#ccfbf1;background:#14b8a633;border-color:#5eead4d1}.tactics-btn-icon:where(.astro-riahjhtt){font-size:14px;line-height:1}.tactics-frame:where(.astro-riahjhtt){aspect-ratio:16/9;touch-action:manipulation;user-select:none;width:100%}.tactics-stage:where(.astro-riahjhtt).is-theater{box-sizing:border-box;height:calc(100vh - var(--sl-nav-height,0px));max-width:none;bottom:0;left:0;right:0;top:var(--sl-nav-height,0);z-index:50;background:#080d18f7;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100vw;margin:0;padding:16px;display:flex;position:fixed}.tactics-stage:where(.astro-riahjhtt).is-theater .tactics-toolbar:where(.astro-riahjhtt){margin-bottom:0}.tactics-stage:where(.astro-riahjhtt).is-theater .tactics-frame:where(.astro-riahjhtt){max-width:100%;height:auto;width:min(100%,calc(177.778vh - var(--sl-nav-height,0px)*16/9 - 195.556px))}.tactics-stage:where(.astro-riahjhtt):fullscreen{background:#080d18;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:none;height:100vh;padding:16px;display:flex}.tactics-stage:where(.astro-riahjhtt):fullscreen .tactics-frame:where(.astro-riahjhtt){aspect-ratio:16/9;width:min(100%,177.778vh - 213.333px);max-width:100%}.tactics-shell{box-sizing:border-box;color:#e5e7eb;background:linear-gradient(#94a3b814 1px,#0000 0) 0 0/24px 24px,linear-gradient(90deg,#94a3b814 1px,#0000 0) 0 0/24px 24px,linear-gradient(135deg,#0f172a,#111827 42%,#172554) 0 0/100% 100%;flex-direction:column;gap:12px;width:100%;height:100%;padding:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.tactics-topbar{justify-content:space-between;align-items:center;gap:12px;min-height:54px;display:flex}.tactics-kicker{color:#5eead4;letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:700}.tactics-topbar h2{color:#f8fafc;margin:0;font-size:24px;line-height:1}.tactics-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tactics-status span{color:#dbeafe;background:#0f172ab8;border:1px solid #94a3b859;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:700}.tactics-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(210px,260px);gap:14px;min-height:0;display:grid}.tactics-board{aspect-ratio:1;background:#020617ad;border:1px solid #94a3b859;border-radius:8px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;height:100%;min-height:0;max-height:100%;margin-inline:auto;padding:6px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.tactics-tile{cursor:pointer;border:1px solid #0f172aa8;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:transform 90ms,outline-color .12s,filter .12s;display:flex;position:relative;overflow:hidden}.tactics-tile:hover{filter:brightness(1.08);transform:translateY(-1px)}.terrain-plain{background:linear-gradient(135deg,#50672f,#35471f)}.terrain-forest{background:radial-gradient(circle at 34% 38%,#bbf7d047 0 8%,#0000 9%),linear-gradient(135deg,#14532d,#052e16)}.terrain-city{background:linear-gradient(90deg,#e2e8f02e 1px,#0000 0) 0 0/9px 100%,linear-gradient(135deg,#475569,#1e293b) 0 0/100% 100%}.terrain-ridge{background:linear-gradient(135deg,#0000 0 44%,#ffffff38 45% 48%,#0000 49%),linear-gradient(135deg,#78716c,#44403c)}.terrain-water{cursor:not-allowed;background:linear-gradient(90deg,#bae6fd33 0 20%,#0000 20% 45%,#bae6fd2e 45% 58%,#0000 58%),linear-gradient(135deg,#075985,#0c4a6e)}.terrain-hq{background:linear-gradient(90deg,#f8fafc33 0 50%,#0000 50%) 0 0/12px 100%,linear-gradient(135deg,#334155,#111827) 0 0/100% 100%}.terrain-mark{color:#f8fafc94;font-size:9px;font-weight:900;position:absolute;top:3px;left:4px}.tactics-tile.is-move{outline-offset:-3px;outline:2px solid #5eead4c7}.tactics-tile.is-attack{outline-offset:-3px;outline:2px solid #f87171e6}.tactics-tile.is-selected{outline-offset:-4px;outline:3px solid #fde047}.unit{aspect-ratio:1;color:#f8fafc;border:2px solid #ffffffb3;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:min(74%,48px);font-size:16px;font-weight:900;display:flex;box-shadow:0 8px 16px #0000004d}.unit-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.unit-red{background:linear-gradient(135deg,#dc2626,#991b1b)}.unit-rocket{border-radius:50%}.unit meter{width:72%;height:5px}.tactics-panel{background:#0f172ac2;border:1px solid #94a3b84d;border-radius:8px;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex}.panel-section{border-bottom:1px solid #94a3b82e;padding-bottom:10px}.panel-label{color:#5eead4;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}.panel-message,.panel-muted{color:#cbd5e1;margin:0;font-size:13px;line-height:1.45}.unit-card{color:#cbd5e1;gap:4px;font-size:12px;display:grid}.unit-card strong{color:#f8fafc;font-size:15px}.score-row{color:#dbeafe;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;display:flex}.panel-actions{grid-template-columns:1fr;gap:8px;margin-top:auto;display:grid}.panel-actions button{color:#ccfbf1;cursor:pointer;background:#14b8a624;border:1px solid #5eead461;border-radius:6px;min-height:36px;font-weight:800}.panel-actions button:hover:not(:disabled){background:#14b8a63d}.panel-actions button:disabled{cursor:not-allowed;opacity:.45}@media (width<=760px){.tactics-frame:where(.astro-riahjhtt){aspect-ratio:9/12}.tactics-shell{padding:10px}.tactics-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.tactics-board{width:100%;height:auto}.tactics-panel{padding:10px}.panel-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.tactics-topbar h2{font-size:19px}}