.game-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.game-card {
  display: grid;
  gap: 10px;
  min-height: 180px;
  align-content: end;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.game-card:hover {
  transform: translateY(-2px);
  border-color: rgba(182, 89, 255, 0.42);
  background: linear-gradient(180deg, rgba(182, 89, 255, 0.16), rgba(255, 255, 255, 0.04));
}

@media (max-width: 980px) {
  .game-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .game-grid {
    grid-template-columns: 1fr;
  }
}