/* r26 interaction/layout layer. Approved r22/r24 artwork and coordinates are untouched. */
[hidden], .spinner-card[hidden], .region-window[hidden] { display: none !important; }
.player-row { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
.player-row .icon-choice { grid-column: 2; }
.player-row input, .player-row select { width: 100%; min-width: 0; }
.player-row label { display: grid; gap: .35rem; }
.setup-card[hidden], .limit-controls:has(> :not([hidden])) { margin-bottom: 0; }
.segmented { flex-direction: row; flex-wrap: wrap; }
.segmented button { min-height: 44px; }
.board-scroll { max-height: none; overflow: visible; padding: 0; }
body[data-board-mode="overview"] .region-window { overflow: hidden; }
body[data-board-mode="overview"] .region-card { width: 100%; min-width: 0; }
body[data-board-mode="you"] .region-window { overflow-x: auto; overflow-y: hidden; }
body[data-board-mode="you"] .region-card { width: max(100%, 760px); min-width: 0; }
body[data-board-mode="you"] .region-window + .region-window { margin-top: 0; }
.map-follow { margin: .65rem 0 0; }
.play-panel { position: static; }
.spinner-card { scroll-margin-top: 1rem; }
.board-panel, #question-card, #feedback-card { scroll-margin-top: 1rem; }
.save-notice { padding: .65rem; border: 1px solid currentColor; border-radius: .5rem; }
@media (max-width: 980px) {
  .play-panel { display: block; }
  .action-card, .spinner-card { margin-top: .8rem; }
}
@media (prefers-reduced-motion: reduce) {
  .region-window { scroll-behavior: auto; }
}