/* Keep phone boards readable; the surrounding instructions can scroll. */
.device-legend button,
.basket-toggle { min-height: 44px; }

@media (max-width: 650px) {
  .game-shell .board-wrap { max-width: 100%; }
  .game-shell .device-legend button { min-height: 44px; }
  .shell { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .dialog { overscroll-behavior: contain; }
}

@media (max-width: 360px) {
  .match-shell { padding-left: 6px; padding-right: 6px; }
  .match-shell .match-board {
    width: 100%;
    gap: 2px;
    padding: 4px;
    border-width: 3px;
  }
}