/* Games — the card grid of auction games.
   Notes: docs/component-lead-games-philosophy-notes.md
   Section is .games-*, card is .game-*. */

.games{background:#faf9f6;padding:5rem 2rem 6rem}
.games-inner{max-width:1100px;margin:0 auto}
.games-head{text-align:center;margin-bottom:3rem}
.games-eyebrow{display:block;font-family:var(--display);font-size:.875rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#2A2A2A;margin-bottom:1rem}
.games-title{font-family:var(--display);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--charcoal)}
/* ── Grouped library ── */
.games-group{margin-bottom:3.5rem}
.games-group:last-child{margin-bottom:0}
.games-grouphead{font-family:var(--display);font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#2A2A2A;margin-bottom:1.5rem;padding-bottom:.7rem;border-bottom:1px solid rgba(0,0,0,.1)}
.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}
/* Even 2x2 for a small set. */
.games-grid--2col{grid-template-columns:repeat(2,1fr)}

@media(max-width:768px){
  .games-grid--2col{grid-template-columns:1fr}
}
.game-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-top:3px solid var(--gold);padding:2rem 1.8rem;display:flex;flex-direction:column}
.game-tag{font-family:var(--display);font-size:.875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#2A2A2A;margin-bottom:.7rem}
.game-name{font-family:var(--display);font-size:clamp(1.3rem,2vw,1.6rem);font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--charcoal);line-height:1.1;margin-bottom:.9rem}
.game-desc{font-family:var(--body);font-size:.98rem;line-height:1.7;color:#666;margin-bottom:1rem}
.game-foot{margin-top:auto}
.game-perfect{display:block;font-family:var(--display);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6b6b6b}
.game-note{display:block;font-family:var(--body);font-size:.8rem;line-height:1.5;color:#6b6b6b;margin-top:.6rem;font-style:italic}

@media(max-width:768px){
  .games{padding:4rem 1.5rem}
}