@media (max-width: 1024px) {
  .game-grid {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
}

@media (max-width: 768px) {
  .search-box input { width: 160px; }
  .game-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }
  .game-card.large {
    grid-column: span 2;
    grid-row: span 2;
  }
}

@media (max-width: 480px) {
  .game-grid {
    grid-auto-rows: 140px;
  }
  .game-card.large {
    grid-column: span 2;
    grid-row: span 2;
  }
  .navbar .container { flex-wrap: wrap; gap: 10px; }
  .search-box { order: 3; width: 100%; }
  .search-box input { width: 100%; }
}