/* ============================================
   vivien.matzka.cloud — Abweichungen von landing.css
   ============================================

   landing.css ist unveraendert von games.matzka.cloud uebernommen, damit
   beide Seiten identisch aussehen und ein Abgleich per diff moeglich bleibt.
   Hier stehen NUR die Stellen, an denen eine Seite mit genau EINEM Spiel
   andere Werte braucht als eine Uebersicht mit acht.

   Das Raster dort ist auf 2 bzw. 4 Spalten ausgelegt (Zeile 331/346 in
   landing.css). Bei einer einzelnen Karte fuehrt das dazu, dass sie am
   linken Rand klebt und nur ein Viertel der Breite einnimmt.
   ============================================ */

.games-grid {
  justify-content: center;
}

/* Auf allen Breiten genau eine, mittig gesetzte Spalte statt 2 bzw. 4.
   Die Breite orientiert sich an der Karte auf games.matzka.cloud im
   4-Spalten-Layout, damit die Optik dieselbe bleibt. */
@media (min-width: 768px) {
  .games-grid {
    grid-template-columns: minmax(0, 360px);
  }
}

@media (min-width: 1024px) {
  .games-grid {
    grid-template-columns: minmax(0, 360px);
  }
}

/* Ohne die Spieleliste daneben wirkt der Abstand nach oben zu gross. */
.games-section {
  padding-top: 0;
}