/* The Void Games and Frost Wyvern (10190). Builds on patch-notes-feature.css; game captures sit in simple grids. */
.games-notes { --article-width: 1240px; }
.games-notes .patch-heading { padding-top: 24px; }
.games-notes .patch-hero { grid-template-columns: 1.05fr 1fr; align-items: end; gap: 44px; min-height: 0; padding: 18px 0 30px; }
.games-notes .patch-hero h1 { font-size: clamp(48px, 6.2vw, 80px); }
.games-notes .update-status { display: inline-block; margin: 0; padding: 8px 12px; border: 1px solid var(--article-rule); color: #d9c89a; font-size: 13px; }
.games-notes .hero-side .patch-deck { margin-top: 0; }
.games-notes .hero-detail { color: #bdb1cd; line-height: 1.75; max-width: 52ch; }

.hero-media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0 0 30px; }
.hero-media figure { margin: 0; min-width: 0; display: grid; gap: 10px; }
.hero-media img { display: block; width: 100%; height: auto; border: 1px solid var(--article-rule); border-radius: 12px; background: #080609; image-rendering: auto; }
.hero-media figcaption { color: #b6a9c8; font-size: 12px; text-align: center; }

.games-notes .update-index { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--article-rule); border-bottom: 1px solid var(--article-rule); }
.games-notes .update-index a { display: flex; flex-direction: column; gap: 9px; min-height: 96px; padding: 18px 16px; text-decoration: none; font-size: 14px; }
.games-notes .update-index a + a { border-left: 1px solid var(--article-rule); }
.games-notes .update-index span { font: 400 22px var(--display); color: var(--gold-hi); }

.games-notes .patch-layout { gap: 48px; grid-template-columns: 174px minmax(0, 1fr); }
.games-notes .section-kicker { color: var(--purple-hi); font-size: 12px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.games-notes .patch-section { padding: 38px 0 44px; }
.games-notes .patch-section h2 { font-size: clamp(31px, 3.2vw, 42px); }
.games-notes .note-box { margin: 26px 0; padding: 18px 22px; border-left: 3px solid var(--gold); background: #1b1425; }
.games-notes .note-box h3 { color: var(--gold-hi); margin-top: 0; }
.games-notes .change-list { display: grid; gap: 10px; padding-left: 1.2em; color: #c9bdd8; line-height: 1.7; }

.media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 26px 0; align-items: start; }
.media-grid.single { grid-template-columns: minmax(0, 720px); }
.media-grid.full { grid-template-columns: minmax(0, 1fr); }
.media-grid figure { margin: 0; min-width: 0; display: grid; gap: 8px; align-content: start; }
.games-notes .media-grid img { display: block; width: 100%; height: auto; border: 1px solid var(--article-rule); border-radius: 10px; background: #080609; image-rendering: auto; }
.media-grid figcaption { color: #b6a9c8; font-size: 12px; line-height: 1.6; }
/* Small art and wide text captures keep their own size instead of stretching to the column. */
.games-notes .media-grid .shield-turn { max-width: 302px; }
.games-notes .media-grid .shield-glint { max-width: 440px; }
.games-notes .media-grid .records-box { max-width: 500px; }
.games-notes .media-grid .superior-shot { max-width: 560px; }
.games-notes .media-grid .unlock-text { max-width: 848px; }
.games-notes .media-grid .announcement { max-width: 960px; }
.games-notes .media-grid .items-row { max-width: 747px; }
.games-notes .media-grid .face-pair { max-width: 708px; }
.games-notes .media-grid .banner-sheet, .games-notes .media-grid .wyvern-sheet,
.games-notes .media-grid .remaster-pair, .games-notes .media-grid .plaque-shot,
.games-notes .media-grid .sprites-sheet { max-width: 960px; }
.games-notes .media-grid .pixel-art img { image-rendering: pixelated; }

.games-notes .prize-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 26px 0; }
.games-notes .prize-tiles > div { padding: 18px 20px; background: var(--void-2); border: 1px solid var(--article-rule); border-radius: 10px; }
.games-notes .prize-tiles span { display: block; color: var(--purple-hi); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.games-notes .prize-tiles strong { display: block; margin-top: 8px; font: 400 25px/1.2 var(--display); color: var(--gold-hi); }

.games-notes .family-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; padding: 0; list-style: none; }
.games-notes .family-list li { padding: 6px 12px; border: 1px solid var(--article-rule); border-radius: 999px; background: #1b1425; color: #d0c5dd; font-size: 13px; }

.games-notes .preview-note { margin: 0; padding-top: 20px; border-top: 1px solid var(--article-rule); color: #9487a4; font-size: 13px; }

@media (max-width: 900px) {
  .games-notes .patch-hero { grid-template-columns: 1fr; align-items: start; gap: 18px; }
  .games-notes .update-index { grid-template-columns: repeat(2, 1fr); }
  .games-notes .update-index a:nth-child(3) { border-left: 0; }
  .games-notes .update-index a:nth-child(n + 3) { border-top: 1px solid var(--article-rule); }
}
@media (max-width: 760px) {
  .games-notes .patch-layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .games-notes .patch-contents { display: none; }
  .hero-media, .media-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .media-grid.single { grid-template-columns: minmax(0, 1fr); }
  .games-notes .prize-tiles { grid-template-columns: minmax(0, 1fr); }
}