/* Compact game selection; shared navigation and controls retain the game's styling. */
body.home { overflow-y: auto; }
.home .game-catalogue { flex: none; width: min(1120px, 100%); margin: 0 auto; padding: 40px 28px; }
.catalogue-heading { margin-bottom: 24px; }
.catalogue-heading h1 { margin: 8px 0 10px; font: 700 clamp(26px, 4vw, 36px)/1.15 var(--display); text-transform: uppercase; }
.catalogue-heading > p:last-child { margin: 0; color: #bac6d0; font-size: 16px; }
.game-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 340px)); gap: 20px; }
.game-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--edge-2); background: linear-gradient(150deg, var(--panel-2), var(--panel)); }
.game-card:focus-within { border-color: var(--fire); }
.game-art { display: block; width: 100%; height: 132px; object-fit: cover; object-position: center 35%; border-bottom: 1px solid var(--edge); }
.game-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 18px; }
.game-copy h2 { margin: 0 0 10px; font: 700 23px/1.15 var(--display); }
.game-copy > p { margin: 0 0 16px; color: #c6d0d9; font-size: 15px; line-height: 1.5; }
.game-facts { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: auto 0 18px; padding: 0; list-style: none; color: #b8c8d5; font-size: 13px; }
.game-facts li { border-left: 2px solid var(--fire); padding-left: 8px; }
.game-copy .cta { width: 100%; min-height: 44px; justify-content: space-between; padding-inline: 18px; }
.game-copy .cta:focus-visible { outline-offset: -4px; outline-color: var(--fire-ink); }
.catalogue-help { margin: 24px 0 0; color: #bac6d0; font-size: 14px; }
.catalogue-help a { color: var(--text); text-underline-offset: 3px; }
.catalogue-help a:hover { color: var(--fire); }
@media(max-width: 600px) {
  .home .game-catalogue { padding: 24px 16px; }
  .catalogue-heading > p:last-child { font-size: 15px; }
  .game-grid { grid-template-columns: 1fr; gap: 16px; }
  .game-art { height: 108px; }
  .game-copy { padding: 16px; }
}