/* ============================================================
   1JJ GAME PK — Games Library
   ============================================================ */
.games-toolbar {
  position: sticky; top: var(--nav-h-scrolled); z-index: 500;
  background: rgba(255,255,255,0.95); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--color-border); padding: var(--space-5) 0;
}
.games-search {
  display: flex; align-items: center; gap: 12px; max-width: 480px; margin: 0 auto var(--space-5);
  background: var(--color-bg-secondary); border: 1.5px solid var(--color-border);
  border-radius: var(--radius-pill); padding: 12px 22px; transition: border-color var(--transition-fast);
}
.games-search:focus-within { border-color: var(--color-blue-500); box-shadow: var(--shadow-sm); }
.games-search svg { width: 22px; height: 22px; color: var(--color-text-muted); flex-shrink: 0; }
.games-search input { border: none; background: none; outline: none; width: 100%; font-family: var(--font-body); font-size: 16px; color: var(--color-blue-900); }

.games-count { text-align: center; color: var(--color-text-muted); font-size: 14.5px; margin: var(--space-8) 0 var(--space-6); }
.games-count b { color: var(--color-blue-700); }

.games-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-5);
}
@media (max-width:1100px){ .games-grid{ grid-template-columns:repeat(4,1fr);} }
@media (max-width:860px){ .games-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:560px){ .games-grid{ grid-template-columns:repeat(2,1fr); gap:var(--space-3);} }

.games-grid .game-card.hidden { display: none; }
.no-results { text-align: center; padding: var(--space-16) 0; color: var(--color-text-muted); display: none; }
.no-results.show { display: block; }
.no-results svg { width: 60px; height: 60px; color: var(--color-border); margin: 0 auto var(--space-4); }

.load-more-wrap { text-align: center; margin-top: var(--space-12); }
.game-card.beyond-page { display: none; }
.games-grid.expanded .game-card.beyond-page:not(.hidden) { display: block; }