.tactics-board-page{display:grid;gap:18px;min-width:0}.tactics-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.tactics-heading h1{font-size:27px}.tactics-save-status{font-size:12px;color:var(--muted);margin-top:6px}.tactics-meta{display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) 110px auto;gap:12px;align-items:end}.tactics-meta input:not([type=checkbox]),.tactics-meta select,.tactics-inspector input,.tactics-inspector select,.tactics-step-note input,.tactics-step-note textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--paper);color:var(--ink)}.tactics-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}.tactics-editing .tactics-stage{grid-template-columns:minmax(0,1fr) 188px}.tactics-canvas-wrap{display:flex;align-items:center;justify-content:center;min-height:420px;border:1px solid var(--line);border-radius:15px;background:#e3e9dd;padding:14px;overflow:hidden}.tactics-canvas{display:block;width:auto;height:min(67vh,760px);max-width:100%;max-height:840px;user-select:none;-webkit-user-select:none}.tactics-editing .tactics-canvas{touch-action:none;cursor:crosshair}.tactics-token,.tactics-text{cursor:grab}.tactics-token:active,.tactics-text:active{cursor:grabbing}.tactics-tools{display:flex;flex-direction:column;gap:8px}.tactics-tools>.button{justify-content:flex-start}.tactics-tools .button[aria-pressed=true]{background:var(--lime);color:#243c2b;border-color:var(--lime)}.tactics-tools .row>.button{flex:1;padding-left:8px;padding-right:8px}.tactics-inspector{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.tactics-inspector .field{gap:5px}.tactics-step-controls{padding-top:4px}.tactics-steps{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px}.tactics-step{flex:0 0 122px;display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer}.tactics-step svg{height:83px;width:100%;pointer-events:none}.tactics-step span{display:block;max-width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tactics-step.active{border:2px solid var(--green);padding:7px;background:var(--soft)}.tactics-step-note{display:grid;gap:12px}.tactics-step-note textarea{min-height:100px;resize:vertical}.tactics-legacy-note{padding:12px;border:1px solid var(--line);border-radius:9px}.tactics-legacy-note summary{cursor:pointer}.tactics-legacy-note p{margin-top:10px}.tactics-expanded{position:fixed;inset:0;z-index:80;background:var(--bg);overflow-y:auto;padding:22px max(18px,env(safe-area-inset-left));align-content:start}.tactics-expanded .tactics-canvas{height:68vh}.tactics-expanded .tactics-heading{position:sticky;top:-22px;padding:8px 0;background:var(--bg);z-index:2}.tactics-saving .tactics-meta,.tactics-saving .tactics-stage,.tactics-saving .tactics-step-controls,.tactics-saving .tactics-steps,.tactics-saving .tactics-step-note{pointer-events:none;opacity:.7}.tactics-board-page .button{min-height:44px}.tactics-heading .row{justify-content:flex-end}.tactics-saving .tactics-heading button{pointer-events:none;opacity:.7}.tactics-expanded~.pwa-launcher{z-index:81}
@media(max-width:1100px){.tactics-heading{align-items:flex-start;flex-direction:column}.tactics-meta{grid-template-columns:minmax(150px,2fr) minmax(100px,1fr) 100px}.tactics-meta>.choice{grid-column:1/-1}.tactics-canvas{height:min(58vh,620px)}.tactics-canvas-wrap{min-height:350px}.tactics-editing .tactics-stage{grid-template-columns:minmax(0,1fr) 168px}.tactics-tools .button{font-size:12px;padding:9px}.tactics-expanded .tactics-canvas{height:62vh}}
@media(max-width:720px){.tactics-editing .tactics-stage{grid-template-columns:1fr}.tactics-heading h1{font-size:23px}.tactics-heading .row{justify-content:flex-start}.tactics-meta{grid-template-columns:1fr 1fr}.tactics-meta>.field:first-child{grid-column:1/-1}.tactics-canvas{width:100%;height:auto;max-height:none}.tactics-canvas-wrap{min-height:0;padding:10px}.tactics-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tactics-tools>.choice,.tactics-inspector{grid-column:1/-1}.tactics-inspector{grid-template-columns:1fr 1fr;align-items:end}.tactics-inspector>.small{grid-column:1/-1}.tactics-step-controls{gap:7px}.tactics-step-controls .button{font-size:12px;padding:8px 10px}.tactics-step{flex-basis:104px}.tactics-expanded{padding:14px}.tactics-expanded .tactics-heading{top:-14px}.tactics-expanded .tactics-canvas{width:100%;height:auto}.tactics-expanded .tactics-stage{min-height:0}}

.tactics-meta>.choice{white-space:nowrap;align-self:center}.tactics-meta input[type=checkbox]{width:auto;min-height:0}.tactics-heading>div:first-child{min-width:0}.tactics-heading h1{overflow-wrap:anywhere}.tactics-preview{max-height:260px}