/* Desktop browser game: keep the felt square, viewport-bound and centered. */
@media (min-width: 981px) and (min-height: 560px) {
  body.game-active .app-shell {
    width: 100% !important;
    max-width: 100vw !important;
    margin-inline: auto !important;
    grid-template-columns: minmax(220px, 0.27fr) minmax(0, 1fr) minmax(220px, 0.27fr) !important;
  }

  body.game-active .table {
    box-sizing: border-box !important;
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    place-self: center !important;
  }

  body.game-active .hand-panel {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: center !important;
  }

  body.game-active #playerHand.hand {
    width: max-content !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    justify-content: center !important;
  }
}