#statsRow { margin: 10px 0 14px; }
.games-table-wrap { max-width: 480px; margin: 0 auto; overflow-x: auto; }
.games-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: 12px; }
.games-table th, .games-table td { padding: 5px 10px; text-align: right; border: 0; white-space: nowrap; }
.games-table th:first-child { text-align: left; }
.games-table thead th { color: #aec1d9; font-size: 11px; }
.games-table tbody th { font-weight: 500; }
.games-table .recommended { background: #ffcf3b14; color: #ffdc78; font-weight: 700; }
.games-table .recommended th { font-weight: 700; }
.games-table .suit-cell, .games-table th:nth-child(2) { text-align: center; }
.suit-symbol { display: block; width: 18px; height: 21px; object-fit: contain; margin: auto; }
@media (max-width: 520px) {
  .games-table { font-size: 11px; }
  .games-table th, .games-table td { padding: 4px 5px; }
  .games-table thead th { font-size: 11px; }
  .suit-symbol { width: 16px; height: 19px; }
}

.games-table tbody tr { cursor: pointer; touch-action: manipulation; }
.games-table tbody tr:focus-visible { outline: 2px solid #ffcf3b; outline-offset: -2px; }