/* Scoped repair: original palette and region colors preserved. */
.play-stage,.play-content,.play-topbar,.play-footer,.board-wrap{min-width:0;max-width:100%;box-sizing:border-box}
.play-content{grid-template-rows:auto auto minmax(0,1fr) auto;gap:4px;width:min(100%,840px)}
.play-prompt{display:flex;align-items:center;justify-content:center;gap:8px}.instruction[hidden]{display:none}.instruction{margin:0;font-size:14px}.board-count{flex:none}
.board-wrap{min-height:0;overflow:auto;scrollbar-gutter:auto;align-items:flex-start;justify-content:flex-start}
.board-scene{width:var(--board-px,200px);height:var(--board-px,200px);min-width:0;flex:none;margin:auto}
.board{width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;overflow:hidden}
.cell{overflow:hidden;isolation:isolate}
.token{position:absolute;inset:9%;width:82%;height:82%;max-width:82%;max-height:82%;aspect-ratio:auto;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 2px 1px #30244033)}
.token img,.token .actor-still{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none}
.token .actor-frame{height:100%;width:auto;aspect-ratio:var(--frame-aspect);max-width:100%;max-height:100%;background-size:400% 100%;background-repeat:no-repeat}
.actor-frame[data-actor="kd01"]{--frame-aspect:2159/2912}.actor-frame[data-actor="kd02"]{--frame-aspect:2073/3032}.actor-frame[data-actor="kd04"],.actor-frame[data-actor="kd05"]{--frame-aspect:3/4}
.token .actor-frame[data-pose="1"][data-actor="kd01"],.token .actor-frame[data-pose="1"][data-actor="kd02"]{background-size:contain}
.pencil-note{position:absolute;inset:10%;display:grid;place-items:center;font:bold clamp(24px,5vmin,54px)/1 system-ui,sans-serif;color:#493160;pointer-events:none}
.region-symbol{z-index:2;font-size:9px}.fixed-badge{z-index:2}
.play-footer{width:100%;min-width:0}.toolbelt{gap:4px}.toolbelt button{min-height:44px}
@media(max-width:420px){.play-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px}.play-topbar>button{max-width:76px;padding:4px 6px;font-size:12px}.play-topbar .board-kicker{display:none}.language-button{min-width:38px;padding:5px}.toolbelt button{padding:5px 7px;font-size:12px}.guest-line{max-height:42px}.guest-seat{height:36px;width:36px}}
@media(max-height:520px) and (min-width:600px){.play-stage{grid-template-rows:48px minmax(0,1fr)}.play-content{grid-template-columns:64px minmax(0,1fr) 156px;grid-template-rows:minmax(0,1fr);max-width:1000px}.play-prompt{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center}.board-wrap{grid-column:2;grid-row:1}.play-footer{grid-column:3;grid-row:1;align-self:center}.guest-line{display:none}.board{width:100%;height:100%}.toolbelt{flex-direction:column}.mode-buttons{flex-direction:column}.toolbelt button{min-height:38px}}

body:has(#age3-change) .play-stage{padding-bottom:58px}
/* Short landscape viewports use two compact control columns, without covering the board. */
@media(max-height:520px) and (min-width:500px){.play-stage{grid-template-rows:48px minmax(0,1fr)}.play-content{grid-template-columns:40px minmax(0,1fr) 170px;grid-template-rows:minmax(0,1fr);max-width:1000px}.play-prompt{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center}.board-wrap{grid-column:2;grid-row:1}.play-footer{grid-column:3;grid-row:1;align-self:center}.guest-line{display:none}.board{width:100%;height:100%}.toolbelt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.mode-buttons{display:contents}.toolbelt button{min-height:40px;font-size:11px;padding:3px}.play-topbar{gap:4px}.play-topbar>button{font-size:12px;min-height:40px}.play-topbar .board-kicker{display:none}}

/* Meeting 28 October: overview, usable cells and visual rules. */
.board-zoom{min-height:44px;font-size:12px;padding:4px 8px}.board-wrap{position:relative}.board-wrap.is-overview{overflow:hidden}.board-overview-note{position:absolute;left:8px;right:8px;bottom:4px;z-index:4;background:#fffef2ed;border:1px solid #6f3cc3;border-radius:10px;padding:5px;text-align:center;font-size:12px;pointer-events:none}.board-overview-note[hidden]{display:none}.is-overview .board{pointer-events:none}.rule-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rule-pictures figure{margin:0;display:grid;justify-items:center;gap:6px;text-align:center}.rule-picture{display:grid;grid-template-columns:repeat(3,32px);gap:2px}.rule-picture span{height:32px;background:#e1d4f8;border:1px solid #8161a2;border-radius:5px;display:grid;place-items:center}.rule-picture img{width:28px;height:28px;object-fit:contain}.rule-picture .example-x{font-size:24px;color:#4b305e}.rule-region span:nth-child(1),.rule-region span:nth-child(2),.rule-region span:nth-child(4),.rule-region span:nth-child(5){background:#ffdb7d}.rule-pictures figcaption{font-size:14px;font-weight:bold}.board-overview-note{max-height:40px;overflow:auto}
@media(max-height:520px) and (min-width:500px){.play-prompt .board-zoom{width:60px;overflow-wrap:anywhere;font-size:10px}.play-content{grid-template-columns:64px minmax(0,1fr) 170px}}

/* Keep the overview explanation outside the board, including short landscape. */
.board-wrap.is-overview{flex-direction:column;align-items:center;justify-content:center;gap:6px}
.is-overview .board-scene{order:1;margin:0 auto}
.is-overview .board-overview-note{position:static;order:2;flex:none;width:calc(100% - 16px);box-sizing:border-box}

.kacik-time{font:600 11px/1.25 system-ui;font-variant-numeric:tabular-nums;white-space:nowrap}.play-prompt{flex-wrap:wrap}