/* ============ Games page ============ */
.page-hero {
  text-align: center; padding-block: var(--space-16) var(--space-12);
  background:
    linear-gradient(180deg, rgba(14,4,6,0.4), rgba(14,4,6,0.9)),
    radial-gradient(900px 400px at 50% -20%, rgba(216,31,58,0.16), transparent 60%),
    var(--color-bg);
  border-bottom: 1px solid var(--color-border);
}
.page-hero h1 { font-size: var(--text-4xl); margin-bottom: var(--space-3); }
.page-hero p { color: var(--color-text-muted); font-size: var(--text-lg); max-width: 60ch; margin-inline: auto; }
.page-hero .breadcrumb { margin-bottom: var(--space-4); }

.breadcrumb { font-size: var(--text-sm); color: var(--color-text-muted); }
.breadcrumb a:hover { color: var(--color-primary); }
.breadcrumb span { margin-inline: var(--space-2); opacity: 0.6; }

/* Game grid */
.games-grid {
  display: grid; gap: var(--space-4);
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px)  { .games-grid { grid-template-columns: repeat(3, 1fr); gap: var(--space-6); } }
@media (min-width: 1024px) { .games-grid { grid-template-columns: repeat(4, 1fr); } }

.games-count { text-align: center; color: var(--color-text-muted); font-size: var(--text-sm); margin-bottom: var(--space-6); }
.games-empty { text-align: center; color: var(--color-text-muted); padding: var(--space-16) 0; }