.tactics-stage:where(.astro-rqn2xk4f){margin-inline:auto;width:100%}.tactics-toolbar:where(.astro-rqn2xk4f){display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}.tactics-btn:where(.astro-rqn2xk4f){align-items:center;background:#0f172ab3;border:1px solid rgba(94,234,212,.36);border-radius:6px;color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:background .12s ease,border-color .12s ease}.tactics-btn:where(.astro-rqn2xk4f):hover{background:#0f172ae6;border-color:#5eead4b3}.tactics-btn:where(.astro-rqn2xk4f)[aria-pressed=true]{background:#14b8a633;border-color:#5eead4d1;color:#ccfbf1}.tactics-btn-icon:where(.astro-rqn2xk4f){font-size:14px;line-height:1}.tactics-frame:where(.astro-rqn2xk4f){aspect-ratio:16/9;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.tactics-stage:where(.astro-rqn2xk4f).is-theater{align-items:center;background:#080d18f7;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;height:calc(100vh - var(--sl-nav-height, 0px));justify-content:center;left:0;margin:0;max-width:none;padding:16px;position:fixed;right:0;top:var(--sl-nav-height,0);width:100vw;z-index:50}.tactics-stage:where(.astro-rqn2xk4f).is-theater .tactics-toolbar:where(.astro-rqn2xk4f){margin-bottom:0}.tactics-stage:where(.astro-rqn2xk4f).is-theater .tactics-frame:where(.astro-rqn2xk4f){height:auto;max-width:100%;width:min(100%,calc(177.77778vh - var(--sl-nav-height, 0px)*16/9 - 195.55556px))}.tactics-stage:where(.astro-rqn2xk4f):fullscreen{align-items:center;background:#080d18;display:flex;flex-direction:column;height:100vh;justify-content:center;max-width:none;padding:16px;width:100vw}.tactics-stage:where(.astro-rqn2xk4f):fullscreen .tactics-frame:where(.astro-rqn2xk4f){aspect-ratio:16/9;max-width:100%;width:min(100%,calc(177.77778vh - 213.33333px))}.tactics-shell{background:linear-gradient(rgba(148,163,184,.08) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 0),linear-gradient(135deg,#0f172a,#111827 42%,#172554);background-size:24px 24px,24px 24px,100% 100%;box-sizing:border-box;color:#e5e7eb;display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:12px;height:100%;padding:16px;width:100%}.tactics-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:54px}.tactics-kicker{color:#5eead4;font-size:11px;font-weight:700;letter-spacing:0;margin:0 0 2px;text-transform:uppercase}.tactics-topbar h2{color:#f8fafc;font-size:24px;line-height:1;margin:0}.tactics-status{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tactics-status span{background:#0f172ab8;border:1px solid rgba(148,163,184,.35);border-radius:6px;color:#dbeafe;font-size:12px;font-weight:700;padding:6px 9px}.tactics-layout{display:grid;flex:1;gap:14px;grid-template-columns:minmax(0,1fr) minmax(210px,260px);min-height:0}.tactics-board{aspect-ratio:1;background:#020617ad;border:1px solid rgba(148,163,184,.35);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff0a;display:grid;gap:3px;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));height:100%;margin-inline:auto;max-height:100%;min-height:0;padding:6px}.tactics-tile{align-items:center;border:1px solid rgba(15,23,42,.66);border-radius:4px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:0;position:relative;transition:transform 90ms ease,outline-color .12s ease,filter .12s ease}.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%,rgba(187,247,208,.28) 0 8%,transparent 9%),linear-gradient(135deg,#14532d,#052e16)}.terrain-city{background:linear-gradient(90deg,rgba(226,232,240,.18) 1px,transparent 0),linear-gradient(135deg,#475569,#1e293b);background-size:9px 100%,100% 100%}.terrain-ridge{background:linear-gradient(135deg,transparent 0 44%,hsla(0,0%,100%,.22) 45% 48%,transparent 49%),linear-gradient(135deg,#78716c,#44403c)}.terrain-water{background:linear-gradient(90deg,rgba(186,230,253,.2) 0 20%,transparent 20% 45%,rgba(186,230,253,.18) 45% 58%,transparent 58%),linear-gradient(135deg,#075985,#0c4a6e);cursor:not-allowed}.terrain-hq{background:linear-gradient(90deg,rgba(248,250,252,.2) 0 50%,transparent 50%),linear-gradient(135deg,#334155,#111827);background-size:12px 100%,100% 100%}.terrain-mark{color:#f8fafc94;font-size:9px;font-weight:900;left:4px;position:absolute;top:3px}.tactics-tile.is-move{outline:2px solid rgba(94,234,212,.78);outline-offset:-3px}.tactics-tile.is-attack{outline:2px solid rgba(248,113,113,.9);outline-offset:-3px}.tactics-tile.is-selected{outline:3px solid #fde047;outline-offset:-4px}.unit{align-items:center;aspect-ratio:1;border:2px solid hsla(0,0%,100%,.7);border-radius:7px;box-shadow:0 8px 16px #0000004d;color:#f8fafc;display:flex;flex-direction:column;font-size:16px;font-weight:900;gap:3px;justify-content:center;width:min(74%,48px)}.unit-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.unit-red{background:linear-gradient(135deg,#dc2626,#991b1b)}.unit-rocket{border-radius:50%}.unit meter{height:5px;width:72%}.tactics-panel{background:#0f172ac2;border:1px solid rgba(148,163,184,.3);border-radius:8px;display:flex;flex-direction:column;gap:10px;min-height:0;padding:12px}.panel-section{border-bottom:1px solid rgba(148,163,184,.18);padding-bottom:10px}.panel-label{color:#5eead4;font-size:11px;font-weight:800;margin:0 0 5px;text-transform:uppercase}.panel-message,.panel-muted{color:#cbd5e1;font-size:13px;line-height:1.45;margin:0}.unit-card{color:#cbd5e1;display:grid;font-size:12px;gap:4px}.unit-card strong{color:#f8fafc;font-size:15px}.score-row{color:#dbeafe;display:flex;font-size:13px;font-weight:800;gap:10px;justify-content:space-between}.panel-actions{display:grid;gap:8px;grid-template-columns:1fr;margin-top:auto}.panel-actions button{background:#14b8a624;border:1px solid rgba(94,234,212,.38);border-radius:6px;color:#ccfbf1;cursor:pointer;font-weight:800;min-height:36px}.panel-actions button:hover:not(:disabled){background:#14b8a63d}.panel-actions button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:760px){.tactics-frame:where(.astro-rqn2xk4f){aspect-ratio:9/12}.tactics-shell{padding:10px}.tactics-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.tactics-board{height:auto;width:100%}.tactics-panel{padding:10px}.panel-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.tactics-topbar h2{font-size:19px}}