/* Use the extra width of a landscape phone for play and crew controls. */
@media (orientation: landscape) and (min-width: 640px) and (max-width: 780px) {
  .game-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr);
    gap: 12px;
  }

  .game-grid > .panel {
    min-inline-size: 0;
  }

  .game-grid > .ledger {
    grid-column: 1 / -1;
  }

  #stage {
    height: clamp(250px, 72svh, 320px);
  }
}