.game-hero { min-height: min(540px, 70svh); }
.game-hero .hero__content { padding: 80px 24px 48px; }
.game-hero h1 { font-size: 44px; white-space: normal; text-transform: none; max-width: 800px; }
.game-hero .hero__bg::after { background: rgba(9, 10, 12, .45); }
.game-overview { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 64px; }
.game-copy p, .game-questions p { color: var(--muted); }
.game-copy a, .game-questions a { text-decoration: underline; text-underline-offset: 4px; }
.game-trailer { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: var(--panel); }
.game-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.game-questions { max-width: 840px; }
.game-questions details { border-bottom: 1px solid var(--line); padding: 18px 0; }
.game-questions summary { cursor: pointer; font-weight: 600; }
.game-questions summary:focus-visible { outline: 2px solid var(--brand); outline-offset: 4px; }
.game-questions p { margin-bottom: 0; }
@media (max-width: 900px) {
  .game-overview { grid-template-columns: minmax(0, 1fr) 220px; gap: 32px; }
  .game-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .game-hero h1 { font-size: 30px; }
  .game-hero .hero__content { padding: 50px 20px 40px; }
  .game-overview { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 420px) {
  .game-gallery { grid-template-columns: minmax(0, 1fr); }
}