.games { padding: 80px 20px; }
.games__inner { max-width: var(--cpx-max); margin: 0 auto; }
.games__heading {
  text-align: center;
  font-size: clamp(28px, 4vw, 42px);
  margin-bottom: 48px;
  letter-spacing: .08em;
  color: var(--cpx-gold);
}

.games__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.game-card {
  background: var(--cpx-surface);
  border: 1px solid var(--cpx-border);
  border-radius: var(--cpx-radius);
  overflow: hidden;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.game-card:hover { transform: translateY(-6px); border-color: var(--cpx-gold); box-shadow: var(--cpx-shadow); }

.game-card__media { aspect-ratio: 16 / 10; overflow: hidden; background: #0a0a0f; }
.game-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.game-card:hover .game-card__image { transform: scale(1.05); }

.game-card__body { padding: 20px; text-align: center; }
.game-card__title { font-size: 18px; margin-bottom: 8px; }
.game-card__rating { display: flex; gap: 4px; justify-content: center; color: var(--cpx-gold); margin-bottom: 16px; }
.game-card__cta { width: 100%; justify-content: center; }

@media (max-width: 880px) { .games__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .games__grid { grid-template-columns: 1fr; } }