/* =============================================================
   IC7 GAME — Games listing page
   ============================================================= */

.games-toolbar { display: flex; flex-direction: column; gap: var(--space-6); margin-bottom: var(--space-10); }

.game-search {
  width: 100%; max-width: 480px; margin: 0 auto;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  padding: 14px 22px;
  color: #fff;
  outline: none;
  transition: border-color var(--dur-base);
}
.game-search::placeholder { color: var(--color-white-38); }
.game-search:focus { border-color: var(--color-red-500); box-shadow: var(--shadow-glow-sm); }

.filter-bar { display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: center; }
.filter-btn {
  padding: 10px 22px;
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  background: var(--color-surface);
  color: var(--color-white-65);
  border: 1px solid var(--color-border);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  transition: all var(--dur-base) var(--ease-out);
}
.filter-btn:hover { color: #fff; border-color: var(--color-border-red); }
.filter-btn.active { background: var(--color-red-500); color: #fff; border-color: var(--color-red-500); }

/* tighter grid for full catalogue */
.games-grid--tight { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }

.games-empty { display: none; text-align: center; color: var(--color-white-38); padding: var(--space-16); font-size: var(--text-lg); }