/* Turnier-Steuerseite: große Buttons für Pause/Unpause/Restart auf dem Handy (ergänzt button.css). */
.match-controls { display: grid; grid-template-columns: 1fr; gap: var(--space-3); }
.match-controls form { margin: 0; }
.match-controls .btn { min-height: 72px; margin: 0; font-size: 1.25rem; }
@media (min-width: 600px) {
  .match-controls { grid-template-columns: repeat(3, 1fr); }
  .match-controls .btn { width: 100%; }
}

/* Live-Zustand (matches/_live): Serienstand und Karten, mobil einspaltig */
.match-live-badges { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0 0 var(--space-3); }
.match-scoreboard { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3); text-align: center; }
.match-scoreboard-name { font-weight: 700; overflow-wrap: anywhere; }
.match-scoreboard-score { font-size: 2rem; font-weight: 800; white-space: nowrap; }
.match-map-score { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-2); align-items: center; text-align: center; }
.match-map-score strong { font-size: 1.25rem; white-space: nowrap; }
.match-map-current { border-left: 4px solid var(--color-link); }
.history-score { font-weight: 700; white-space: nowrap; }