/* Layout: a game-shop catalogue. Box-front covers sit on shelves; each game page reads like the
   side panel of a game box (players / time / age) next to a "buying slip" for genuine copies in India. */
:root {
  --paper: #F3F5F4;
  --card: #FFFFFF;
  --ink: #17202B;
  --muted: #55616E;
  --line: #D7DEDB;
  --indigo: #2B3990;
  --indigo-soft: #E5E8F7;
  --on-indigo: #FFFFFF;
  --marigold: #D98A00;
  --marigold-soft: #FCEFD3;
  --good: #1F7545;
  --good-soft: #DFF1E6;
  --warn: #9A5B00;
  --warn-soft: #FAEDD5;
  --bad: #B02E37;
  --bad-soft: #F8E1E3;
  --shadow: 0 1px 2px rgba(23, 32, 43, .06), 0 6px 18px rgba(23, 32, 43, .06);
  --well: #FFFFFF;
  --well-line: #E3E8E5;
  --font-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --radius: 10px;
  --wrap: 72rem;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #10151C; --card: #18202A; --ink: #E6EBF0; --muted: #9AA6B3; --line: #2A3441;
    --indigo: #A3AEFF; --indigo-soft: #232A50; --on-indigo: #0F1430;
    --marigold: #F2B03A; --marigold-soft: #3A2B0E;
    --good: #72CC97; --good-soft: #15301F; --warn: #F0B45A; --warn-soft: #382810;
    --bad: #FF8F95; --bad-soft: #3A1B1F;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.25);
    --well: #FFFFFF; --well-line: #C9D0CC;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #10151C; --card: #18202A; --ink: #E6EBF0; --muted: #9AA6B3; --line: #2A3441;
  --indigo: #A3AEFF; --indigo-soft: #232A50; --on-indigo: #0F1430;
  --marigold: #F2B03A; --marigold-soft: #3A2B0E;
  --good: #72CC97; --good-soft: #15301F; --warn: #F0B45A; --warn-soft: #382810;
  --bad: #FF8F95; --bad-soft: #3A1B1F;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.25);
  --well: #FFFFFF; --well-line: #C9D0CC;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; font-size: clamp(17px, calc(14.5px + .25vw), 20px); }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: var(--font-body); font-size: 1rem; line-height: 1.6;
}
a { color: var(--indigo); text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--marigold); outline-offset: 2px; border-radius: 4px; }
img { max-width: 100%; }
h1, h2, h3 { font-family: var(--font-display); line-height: 1.15; text-wrap: balance; margin: 0; }
h1 { font-size: clamp(2rem, 4.2vw, 2.9rem); font-weight: 800; letter-spacing: -.01em; }
h2 { font-size: clamp(1.45rem, 2.6vw, 1.85rem); font-weight: 700; }
h3 { font-size: 1.15rem; font-weight: 700; }
p { margin: 0; }
.wrap { max-width: var(--wrap); margin: 0 auto; padding-inline: 20px; }
.eyebrow {
  font-family: var(--font-display); font-weight: 600; font-size: .86rem; letter-spacing: .09em;
  text-transform: uppercase; color: var(--muted);
}
.muted { color: var(--muted); }
.num { font-variant-numeric: tabular-nums; }

/* Prototype strip + header */
.proto {
  background: var(--marigold-soft); color: var(--ink); font-size: .9rem; text-align: center;
  padding: 6px 16px; border-bottom: 1px solid var(--line);
}
.proto strong { font-family: var(--font-display); }
.site-head { background: var(--card); border-bottom: 1px solid var(--line); position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; }
.site-head .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 10px; flex-wrap: wrap; }
.logo { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; color: var(--ink); }
.logo-mark { width: 30px; height: 30px; flex: none; }
.logo-word { font-family: var(--font-display); font-weight: 800; font-size: 1.35rem; letter-spacing: -.01em; }
.logo-word span { color: var(--marigold); }
.nav { display: flex; gap: 4px 18px; flex-wrap: wrap; font-family: var(--font-display); font-weight: 600; font-size: .98rem; }
.nav a { color: var(--ink); text-decoration: none; padding: 4px 0; border-bottom: 2px solid transparent; }
.nav a:hover, .nav a[aria-current="page"] { border-bottom-color: var(--marigold); }

main { padding-block: 28px 56px; }
section + section { margin-top: 56px; }
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.section-head p { color: var(--muted); }

/* Breadcrumbs */
.crumbs { font-size: .95rem; color: var(--muted); margin-bottom: 18px; }
.crumbs a { color: var(--muted); }
.crumbs span[aria-hidden] { margin-inline: 6px; }

/* Covers (illustrated placeholders, not box art) */
.cover {
  position: relative; aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; max-width: 100%;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08), 0 2px 0 rgba(0,0,0,.08);
  isolation: isolate;
}
.cover svg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
.cover-title {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 12px 9px;
  font-family: var(--font-display); font-weight: 800; line-height: 1.05; font-size: 1.15rem;
}
.cover-tag {
  position: absolute; top: 8px; left: 8px; font-family: var(--font-display); font-weight: 700; font-size: .8rem;
  letter-spacing: .06em; text-transform: uppercase; padding: 2px 7px 1px; border-radius: 4px;
}

/* Game cards */
.grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.card {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 10px;
  display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: var(--ink); min-width: 0;
  transition: transform .15s ease, box-shadow .15s ease;
}
a.card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.card h3 { font-size: 1.08rem; }
.card .meta { font-size: .9rem; color: var(--muted); display: flex; flex-wrap: wrap; gap: 2px 10px; }
.card .price { font-family: var(--font-display); font-weight: 700; font-size: 1rem; }
.card .price small { font-family: var(--font-body); font-weight: 400; color: var(--muted); font-size: .86rem; }
.card .why { font-size: .95rem; color: var(--ink); background: var(--indigo-soft); border-radius: 6px; padding: 6px 8px; }

/* Shelves */
.shelf { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(170px, 1fr); gap: 16px; overflow-x: auto; padding: 4px 2px 14px; scroll-snap-type: x proximity; }
.shelf > * { scroll-snap-align: start; }
.shelf-rail { height: 10px; border-radius: 0 0 6px 6px; background: linear-gradient(var(--line), var(--line)) top/100% 3px no-repeat, var(--marigold-soft); margin-top: -6px; }
@media (min-width: 900px) { .shelf { grid-auto-flow: row; grid-template-columns: repeat(5, 1fr); overflow: visible; } }

/* Chips + pills */
.pill { display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-display); font-weight: 600; font-size: .86rem; line-height: 1; padding: 5px 9px 4px; border-radius: 999px; white-space: nowrap; }
.pill.good { background: var(--good-soft); color: var(--good); }
.pill.warn { background: var(--warn-soft); color: var(--warn); }
.pill.bad { background: var(--bad-soft); color: var(--bad); }
.pill.info { background: var(--indigo-soft); color: var(--indigo); }
.pill.plain { background: var(--paper); color: var(--muted); border: 1px solid var(--line); }

/* Finder */
.finder { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: clamp(16px, 3vw, 28px); box-shadow: var(--shadow); }
.finder-qs { display: grid; gap: 18px 28px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
legend { font-family: var(--font-display); font-weight: 700; font-size: 1rem; margin-bottom: 8px; padding: 0; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { position: relative; }
.chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.chip span {
  display: inline-block; padding: 6px 13px 5px; border-radius: 999px; border: 1.5px solid var(--line);
  background: var(--paper); cursor: pointer; font-size: .95rem; line-height: 1.3; user-select: none;
}
.chip input:checked + span { background: var(--indigo); border-color: var(--indigo); color: var(--on-indigo); }
.chip input:focus-visible + span { outline: 3px solid var(--marigold); outline-offset: 2px; }
.finder-out { margin-top: 24px; border-top: 1px dashed var(--line); padding-top: 20px; }
.finder-out .status { margin-bottom: 14px; font-size: .98rem; }
.finder-out .status strong { font-family: var(--font-display); font-size: 1.1rem; }

/* Hero */
.hero { display: grid; gap: 22px; margin-bottom: 26px; }
.hero p.lede { font-size: 1.12rem; max-width: 62ch; color: var(--muted); }

/* Promise strip */
.promise { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.promise > div { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px; }
.promise h3 { margin-bottom: 6px; display: flex; gap: 8px; align-items: center; }
.promise svg { width: 22px; height: 22px; flex: none; color: var(--marigold); }
.promise p { font-size: .96rem; color: var(--muted); }

/* Guide teasers */
.teasers { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.teaser { display: flex; flex-direction: column; gap: 6px; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px 18px; color: var(--ink); text-decoration: none; }
.teaser:hover { border-color: var(--indigo); }
.teaser p { color: var(--muted); font-size: .95rem; }

/* Game page */
.game-top { display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) { .game-top { grid-template-columns: 260px minmax(0, 1fr); align-items: start; } }
.game-top .tagline { font-size: 1.15rem; color: var(--muted); margin-top: 6px; }
.spec {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); margin-top: 18px;
  border: 1.5px solid var(--ink); border-radius: 8px; overflow: hidden; background: var(--card);
}
.spec > div { padding: 9px 12px 8px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); min-width: 0; }
.spec dt { font-family: var(--font-display); font-weight: 600; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); display: flex; align-items: center; gap: 5px; }
.spec dt svg { width: 14px; height: 14px; }
.spec dd { margin: 2px 0 0; font-family: var(--font-display); font-weight: 700; font-size: 1.12rem; line-height: 1.2; }
.summary { margin-top: 18px; font-size: 1.08rem; max-width: 66ch; }

.game-body { display: grid; gap: 34px; grid-template-columns: minmax(0, 1fr); margin-top: 36px; }
@media (min-width: 960px) { .game-body { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; } }
.game-main { display: grid; gap: 40px; min-width: 0; }
.game-main section + section { margin-top: 0; }
.prose p + p { margin-top: 12px; }
.prose { max-width: 68ch; }
.game-main h2 { margin-bottom: 14px; }

.fit { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.fit > div { border-radius: var(--radius); padding: 14px 16px; border: 1px solid var(--line); background: var(--card); }
.fit h3 { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 1.05rem; }
.fit ul { margin: 0; padding-left: 20px; }
.fit li + li { margin-top: 6px; }
.fit .yes h3 { color: var(--good); }
.fit .no h3 { color: var(--bad); }

/* Buying slip */
.slip {
  background: var(--card); border: 1.5px solid var(--ink); border-radius: 12px; padding: 18px; box-shadow: var(--shadow);
  display: grid; gap: 14px;
}
@media (min-width: 960px) { .slip { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 76px); } }
.slip h2 { font-size: 1.25rem; }
.slip .range { font-family: var(--font-display); font-weight: 800; font-size: 1.85rem; line-height: 1.05; }
.slip .range-note { font-size: .9rem; color: var(--muted); }
.btn {
  display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center;
  font-family: var(--font-display); font-weight: 700; font-size: 1.02rem; text-decoration: none;
  padding: 11px 16px 9px; border-radius: 8px; background: var(--indigo); color: var(--on-indigo); border: 0; cursor: pointer;
}
.btn:hover { filter: brightness(1.08); }
.btn.ghost { background: transparent; color: var(--indigo); border: 1.5px solid var(--indigo); }
.amz-note { font-size: .9rem; color: var(--muted); margin-top: 6px; }
.stores { width: 100%; border-collapse: collapse; font-size: .95rem; }
.stores th { text-align: left; font-family: var(--font-display); font-weight: 600; font-size: .8rem; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); padding: 0 0 6px; }
.stores td { padding: 8px 0; border-top: 1px solid var(--line); vertical-align: top; }
.stores td:nth-child(2) { text-align: right; white-space: nowrap; padding-left: 10px; font-variant-numeric: tabular-nums; font-weight: 600; }
.stores td:nth-child(3) { text-align: right; padding-left: 8px; }
.stores a { font-weight: 500; }
.slip .fine { font-size: .86rem; color: var(--muted); border-top: 1px dashed var(--line); padding-top: 10px; }

/* Genuine check */
.check { border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); overflow: hidden; }
.check-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 16px; background: var(--paper); border-bottom: 1px solid var(--line); }
.check ul { list-style: none; margin: 0; padding: 6px 16px 12px; }
.check li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.check li:last-child { border-bottom: 0; }
.check li svg { width: 18px; height: 18px; margin-top: 4px; color: var(--good); }
.subnote { margin-top: 14px; padding: 12px 16px; border-left: 3px solid var(--marigold); background: var(--marigold-soft); border-radius: 0 8px 8px 0; font-size: .97rem; }

/* FAQs */
.faqs details { border-bottom: 1px solid var(--line); padding: 12px 0; }
.faqs details:first-child { border-top: 1px solid var(--line); }
.faqs summary { cursor: pointer; font-family: var(--font-display); font-weight: 700; font-size: 1.05rem; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.faqs summary::-webkit-details-marker { display: none; }
.faqs summary::after { content: "+"; color: var(--marigold); font-size: 1.3rem; line-height: 1; }
.faqs details[open] summary::after { content: "–"; }
.faqs details p { margin-top: 8px; max-width: 68ch; }

.sources { font-size: .95rem; color: var(--muted); }
.sources ul { padding-left: 18px; margin: 8px 0 0; }
.sources li { overflow-wrap: anywhere; }

.editor { border: 1.5px dashed var(--marigold); border-radius: var(--radius); padding: 12px 16px; background: var(--marigold-soft); font-size: .95rem; }
.editor summary { cursor: pointer; font-family: var(--font-display); font-weight: 700; }
.editor ul { padding-left: 18px; margin: 8px 0 0; }
.editor li { overflow-wrap: anywhere; }
.editor li + li { margin-top: 4px; }

/* Guides + compare */
.article { max-width: 760px; }
.article .lede { font-size: 1.12rem; color: var(--muted); margin-top: 12px; }
.pick { display: grid; gap: 16px; grid-template-columns: 120px minmax(0, 1fr); padding: 22px 0; border-top: 1px solid var(--line); }
.pick:first-of-type { border-top: 0; }
@media (max-width: 520px) { .pick { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; } }
.pick .role { font-family: var(--font-display); font-weight: 700; color: var(--marigold); font-size: .9rem; letter-spacing: .06em; text-transform: uppercase; }
.pick h3 { font-size: 1.35rem; margin: 2px 0 4px; }
.pick .facts { font-size: .95rem; color: var(--muted); margin-bottom: 8px; }
.pick p + p { margin-top: 8px; }
.pick .watch { font-size: .95rem; }
.pick .links { margin-top: 10px; display: flex; gap: 14px; flex-wrap: wrap; font-family: var(--font-display); font-weight: 600; }
.notfor { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 18px; margin-top: 10px; }
.notfor ul { margin: 8px 0 0; padding-left: 20px; }

.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); }
.vs { width: 100%; border-collapse: collapse; min-width: 560px; font-size: .96rem; }
.vs th, .vs td { padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
.vs thead th { font-family: var(--font-display); font-size: 1.05rem; background: var(--paper); }
.vs tbody th { font-family: var(--font-display); font-weight: 600; color: var(--muted); width: 26%; }
.vs tr:last-child th, .vs tr:last-child td { border-bottom: 0; }
.verdicts { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.verdicts > div { background: var(--card); border: 1.5px solid var(--ink); border-radius: var(--radius); padding: 16px 18px; }
.verdicts h3 { margin-bottom: 8px; }
.verdicts ul { margin: 0; padding-left: 20px; }

/* All games filter */
.filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }

/* Footer */
.site-foot { border-top: 1px solid var(--line); background: var(--card); padding-block: 28px; font-size: .95rem; color: var(--muted); }
.site-foot .wrap { display: grid; gap: 14px; }
.site-foot nav { display: flex; gap: 6px 18px; flex-wrap: wrap; font-family: var(--font-display); font-weight: 600; }
.site-foot nav a { color: var(--ink); text-decoration: none; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }
@media (max-width: 520px) {
  .wrap { padding-inline: 16px; }
  .nav { font-size: .95rem; gap: 2px 14px; }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.cover.sm .cover-title { font-size: 1rem; padding: 8px 10px 7px; }
.cover.lg .cover-title { font-size: 1.6rem; padding: 14px 16px 12px; }
.card[hidden] { display: none !important; }
.fit h3 svg { width: 20px; height: 20px; flex: none; }
.game-body > .slip { order: -1; }
@media (min-width: 960px) { .game-body > .slip { order: 0; } }
@media (max-width: 759px) { .game-top > div:first-child { max-width: 180px; } }
@media (max-width: 520px) {
  .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .card { padding: 8px; }
  .card h3 { font-size: 1rem; }
  .shelf { grid-auto-columns: 150px; }
  .site-head .wrap { padding-block: 8px; gap: 6px 16px; }
}

/* Product shots: a light display well in both themes (product photos are shot on white).
   Boxes keep their real shape and stand on the bottom edge, like games on a shop shelf. */
.shot {
  aspect-ratio: 1 / 1; max-width: 100%; background: var(--well); border-radius: 8px;
  display: flex; align-items: flex-end; justify-content: center; padding: 10% 9% 7%;
  box-shadow: inset 0 -5px 0 var(--well-line);
}
.shot img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.hero-shot { margin: 0; }
.hero-shot .well {
  background: var(--well); border-radius: 10px; padding: 18px 18px 14px; display: flex; justify-content: center; align-items: flex-end;
  box-shadow: inset 0 -6px 0 var(--well-line);
}
.hero-shot img { display: block; max-width: 100%; max-height: 380px; width: auto; height: auto; object-fit: contain; }
.hero-shot figcaption { font-size: .86rem; color: var(--muted); margin-top: 6px; }


/* ===== Bigger box shots on standard game pages ===== */
@media (min-width: 760px) { .game-top { grid-template-columns: 340px minmax(0, 1fr); } }
.hero-shot img { max-height: 460px; }

/* ===== Rich, image-led game page (pilot) ===== */
.rich .small, .small { font-size: .95rem; }
.pdp { display: grid; gap: 26px; grid-template-columns: minmax(0, 1fr); margin-top: 6px; }
@media (min-width: 900px) { .pdp { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 40px; align-items: start; } }
.pdp-info { display: grid; gap: 16px; min-width: 0; }
.pdp-info h1 { margin: 0; }
.pdp-info .tagline { font-size: 1.15rem; color: var(--muted); margin-top: -8px; }
.pdp-info .summary { margin: 0; }
.spec.spec-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 0; }

.gallery { min-width: 0; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); }
.g-stage { min-width: 0; }
.g-stage { position: relative; }
.g-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; border-radius: 14px;
  scrollbar-width: none; position: relative; outline-offset: 3px; }
.g-track::-webkit-scrollbar { display: none; }
.g-slide { flex: 0 0 100%; margin: 0; scroll-snap-align: start; display: grid; gap: 6px; min-width: 0; }
.g-zoom { display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; border: 0; border-radius: 14px; background: var(--well);
  cursor: zoom-in; overflow: hidden; box-shadow: inset 0 0 0 1px var(--well-line); }
.g-zoom img { width: 100%; height: 100%; object-fit: contain; display: block; }
.g-slide figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 12px; font-size: .9rem; color: var(--muted); padding: 0 2px; }
.g-credit { font-size: .86rem; color: var(--muted); }
.g-nav { position: absolute; top: calc(50% - 34px); width: 42px; height: 42px; border-radius: 50%; border: 0; display: grid; place-items: center;
  background: rgba(255,255,255,.94); color: #17202B; box-shadow: 0 2px 10px rgba(0,0,0,.18); cursor: pointer; }
.g-nav svg { width: 20px; height: 20px; }
.g-nav.prev { left: 10px; } .g-nav.next { right: 10px; }
.g-nav:disabled { opacity: .35; cursor: default; }
.g-count { position: absolute; top: 10px; right: 10px; background: rgba(23,32,43,.72); color: #fff; font-size: .86rem; padding: 3px 9px; border-radius: 999px; }
.g-thumbs { min-width: 0; display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px; scrollbar-width: thin; }
.g-thumb { flex: 0 0 64px; height: 64px; border-radius: 9px; background: var(--well); display: grid; place-items: center; overflow: hidden;
  border: 2px solid var(--line); text-decoration: none; }
.g-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.g-thumb.on { border-color: var(--indigo); box-shadow: 0 0 0 2px var(--indigo-soft); }
.g-vid { background: #17202B; color: #fff; font-family: var(--font-display); font-weight: 700; font-size: .8rem; gap: 0; align-content: center; justify-items: center; }
.g-vid svg { width: 22px; height: 22px; color: var(--marigold); }

.buybox { background: var(--card); border: 1.5px solid var(--ink); border-radius: 12px; padding: 16px 18px; display: grid; gap: 8px; box-shadow: var(--shadow); }
.buybox .range { font-family: var(--font-display); font-weight: 800; font-size: 2rem; line-height: 1.05; margin: 0; }
.buybox .range-note { font-size: .9rem; color: var(--muted); margin: 0; }
.buybox .pills { display: flex; flex-wrap: wrap; gap: 6px; }
.buy-ctas { display: grid; gap: 8px; margin-top: 4px; }
@media (min-width: 480px) { .buy-ctas { grid-template-columns: 1fr 1fr; } }

.jump { display: flex; gap: 8px; overflow-x: auto; margin: 30px 0 4px; padding: 10px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); scrollbar-width: none; }
.jump a { flex: 0 0 auto; text-decoration: none; font-family: var(--font-display); font-weight: 600; font-size: .95rem; padding: 6px 12px 5px;
  border-radius: 999px; background: var(--card); border: 1px solid var(--line); color: var(--ink); }
.jump a:hover { border-color: var(--indigo); color: var(--indigo); }
.rich-main { display: grid; gap: 52px; margin-top: 30px; min-width: 0; }
.rich-main h2 { margin-bottom: 14px; }
.rich-main section { scroll-margin-top: 90px; }

.watch-grid { display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .watch-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; } }
.lite-yt { position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #10151C; }
.lite-yt img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(.72); }
.lite-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.lite-play { position: absolute; inset: 0; margin: auto; height: fit-content; width: fit-content; display: inline-flex; align-items: center; gap: 10px;
  padding: 10px 18px 10px 10px; border-radius: 999px; border: 0; cursor: pointer; background: rgba(255,255,255,.95); color: #17202B;
  font-family: var(--font-display); font-weight: 700; font-size: 1rem; box-shadow: 0 4px 18px rgba(0,0,0,.3); }
.lite-play svg { width: 34px; height: 34px; padding: 7px; border-radius: 50%; background: #D98A00; color: #fff; }
.turn h3, .costs h3 { margin-bottom: 10px; }
.steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: start; background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 12px; }
.steps p { margin: 2px 0 0; color: var(--muted); font-size: .95rem; }
.step-n { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--indigo); color: var(--on-indigo); font-family: var(--font-display); font-weight: 800; font-size: 1.1rem; }
.watch > .muted { margin-top: 12px; }
.costs { margin-top: 22px; }
.costs ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.costs li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; }
.cost-item { font-family: var(--font-display); font-weight: 700; min-width: 7.5em; }
.chips { display: flex; flex-wrap: wrap; gap: 5px; }
.res { display: inline-flex; align-items: center; gap: 5px; font-size: .86rem; font-weight: 600; padding: 3px 8px 2px 6px; border-radius: 999px; background: var(--paper); border: 1px solid var(--line); }
.res::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--rc, #999); }
.res-brick { --rc: #B5562F; } .res-lumber { --rc: #2F6B3A; } .res-wool { --rc: #8DBF5A; } .res-grain { --rc: #E3B23C; } .res-ore { --rc: #7D8794; }

.box-grid { display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 860px) { .box-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } }
.box-photo { margin: 0; display: grid; gap: 6px; }
.box-photo .g-zoom { aspect-ratio: auto; }
.box-photo img { height: auto; }
.box-photo figcaption { font-size: .86rem; color: var(--muted); }
.contents { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
.contents li { display: flex; gap: 12px; align-items: flex-start; background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font-size: .95rem; }
.contents .muted { font-size: .9rem; }
.qty { flex: 0 0 auto; min-width: 42px; height: 34px; border-radius: 8px; display: grid; place-items: center; background: var(--marigold-soft); color: var(--ink);
  font-family: var(--font-display); font-weight: 800; font-size: 1.05rem; }
.box-grid + .muted { margin-top: 10px; }

.how-grid { display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .how-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: start; } }
.how-photo { margin: 0; display: grid; gap: 6px; }
.how-photo img { width: 100%; height: auto; border-radius: 14px; display: block; }
.how-photo figcaption { font-size: .86rem; color: var(--muted); }

.shops { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12.5rem), 17rem)); }
.shop { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 14px; display: grid; gap: 8px; align-content: start; }
.shop-amz { border: 1.5px solid var(--indigo); }
.shop-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; font-family: var(--font-display); font-size: 1.08rem; }
.shop-price { font-family: var(--font-display); font-weight: 800; font-size: 1.45rem; margin: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.shop-amz .shop-price { font-size: 1.05rem; font-weight: 700; color: var(--muted); }
.shop .btn { margin-top: 4px; }
.shop .muted.small { margin: 0; }

.addons { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.addon { display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 14px; background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 12px; align-items: start; }
.addon .shot { padding: 8% 8% 6%; }
.addon-body { display: grid; gap: 6px; justify-items: start; min-width: 0; }
.addon-body h3 { font-size: 1.1rem; margin: 0; }
.addon-body p { margin: 0; font-size: .95rem; }
.addon-body .eyebrow { margin: 0; }
.addon-link { font-size: .95rem; font-weight: 600; }

.buybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: var(--card); border-top: 1px solid var(--line);
  box-shadow: 0 -4px 16px rgba(0,0,0,.08); padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); }
.buybar-in { display: flex; align-items: center; justify-content: space-between; gap: 12px; max-width: var(--wrap); margin: 0 auto; }
.buybar-in > div { display: grid; line-height: 1.2; min-width: 0; }
.buybar-in strong { font-family: var(--font-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.buybar-in .num { font-weight: 700; font-size: .95rem; }
.buybar .btn { flex: 0 0 auto; padding: 9px 14px 7px; font-size: .95rem; }
@media (min-width: 900px) { .buybar { display: none; } }

.lightbox { padding: 0; border: 0; border-radius: 12px; background: #fff; max-width: min(96vw, 1200px); max-height: 94vh; overflow: hidden; }
.lightbox::backdrop { background: rgba(10,14,20,.82); }
.lightbox img { display: block; max-width: min(96vw, 1200px); max-height: 94vh; width: auto; height: auto; object-fit: contain; }
.lb-close { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(23,32,43,.75); color: #fff; display: grid; place-items: center; cursor: pointer; }
.lb-close svg { width: 18px; height: 18px; }

.addon-body .pill { white-space: normal; line-height: 1.25; }
.addon-body { overflow-wrap: anywhere; }
@media (max-width: 420px) { .addon { grid-template-columns: 96px minmax(0, 1fr); } .addons { grid-template-columns: minmax(0, 1fr); } }


/* ===== Product page v2 ===== */
.type-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 0; }
.type-chips a { font-family: var(--font-display); font-weight: 600; font-size: .86rem; text-decoration: none; padding: 4px 10px 3px; border-radius: 999px;
  background: var(--indigo-soft); color: var(--indigo); }
.type-chips a:hover { text-decoration: underline; }
.quick { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); border: 1.5px solid var(--ink); border-radius: 10px; overflow: hidden; background: var(--card); }
.quick li { display: flex; gap: 8px; align-items: flex-start; padding: 10px 12px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); min-width: 0; }
.quick svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--muted); margin-top: 2px; }
.quick span { display: grid; gap: 1px; font-size: .95rem; line-height: 1.25; min-width: 0; }
.quick strong { font-family: var(--font-display); font-size: 1.02rem; }
.quick em { font-style: normal; color: var(--muted); font-size: .86rem; }
.meter { display: inline-flex; gap: 3px; vertical-align: middle; }
.meter i { width: 14px; height: 6px; border-radius: 3px; background: var(--line); }
.meter i.on { background: var(--marigold); }
.quick .meter { margin-top: 3px; }

.fit-grid { display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .fit-grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; } }
.ratings { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 16px; }
.ratings h3 { margin-bottom: 8px; font-size: 1.05rem; }
.ratings dl { margin: 0; display: grid; gap: 12px; }
.ratings dl > div { display: grid; gap: 2px; }
.ratings dt { font-family: var(--font-display); font-weight: 700; font-size: .86rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.ratings dd { margin: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-weight: 600; }
.ratings dl p { margin: 0; font-size: .9rem; color: var(--muted); }
.scale { display: inline-flex; align-items: center; gap: 6px; font-size: .86rem; color: var(--muted); font-weight: 600; }
.scale .track { display: inline-flex; gap: 3px; padding: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--warn-soft), var(--indigo-soft)); }
.scale .track i { width: 12px; height: 12px; border-radius: 50%; background: transparent; }
.scale .track i.on { background: var(--indigo); box-shadow: 0 0 0 2px var(--card); }

.editions { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.edition { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 12px; align-items: start; }
.edition.rec { border: 2px solid var(--good); }
.edition .shot { padding: 8% 8% 6%; }
.shot.noimg { align-items: center; color: var(--muted); font-size: .86rem; }
.edition-body { display: grid; gap: 5px; justify-items: start; min-width: 0; overflow-wrap: anywhere; }
.edition-body h3 { font-size: 1.05rem; margin: 0; }
.edition-body p { margin: 0; font-size: .95rem; }
.ed-meta { color: var(--muted); font-size: .9rem !important; }
.ed-price { font-weight: 700; }
.edition .pill svg { width: 12px; height: 12px; }
@media (max-width: 420px) { .edition { grid-template-columns: 92px minmax(0, 1fr); } .editions { grid-template-columns: minmax(0, 1fr); } }

.vid-cap { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.more-vids { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.more-vids a { display: flex; gap: 10px; align-items: center; text-decoration: none; color: var(--ink); background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; }
.more-vids a:hover { border-color: var(--indigo); }
.more-vids svg { width: 26px; height: 26px; padding: 6px; border-radius: 50%; background: #D98A00; color: #fff; flex: 0 0 auto; }
.more-vids span { display: grid; font-size: .95rem; }
.more-vids .muted { font-size: .86rem; }
.rulebook { display: flex; gap: 12px; align-items: center; margin-top: 12px; text-decoration: none; color: var(--ink); background: var(--marigold-soft); border-radius: 10px; padding: 11px 14px; }
.rulebook svg { width: 24px; height: 24px; flex: 0 0 auto; color: var(--marigold); }
.rulebook span { display: grid; }
.rulebook .muted { font-size: .9rem; }
.rulebook:hover strong { text-decoration: underline; }
.boxsize { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; font-size: .95rem; }
.boxsize svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--muted); margin-top: 2px; }

.verdict { font-size: 1.08rem; max-width: 72ch; margin: 0 0 16px; padding-left: 14px; border-left: 4px solid var(--marigold); }
.say { margin-top: 4px; }
.awards { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.award { display: inline-flex; align-items: center; gap: 6px; font-size: .9rem; font-weight: 600; padding: 6px 12px 5px 8px; border-radius: 999px; background: var(--marigold-soft); }
.award svg { width: 16px; height: 16px; color: var(--marigold); }
.say-src { margin-top: 14px; }
.say-src summary { cursor: pointer; font-family: var(--font-display); font-weight: 600; color: var(--indigo); }
.say-src ul { list-style: none; padding: 0; margin: 10px 0 0; display: grid; gap: 7px; font-size: .95rem; }
.say-src .pill { font-size: .8rem; }

h3.sub { font-size: 1.05rem; margin: 0 0 10px; }
.cmp-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--card); margin-bottom: 26px; }
.cmp { width: 100%; border-collapse: collapse; font-size: .95rem; min-width: 560px; }
.cmp th, .cmp td { padding: 9px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.cmp thead th { vertical-align: bottom; font-family: var(--font-display); }
.cmp thead th a, .cmp thead th > span { display: grid; gap: 6px; justify-items: start; color: var(--ink); }
.cmp thead img { height: 64px; width: auto; }
.cmp thead th:nth-child(2) { background: var(--indigo-soft); }
.cmp tbody td:nth-child(2) { background: color-mix(in srgb, var(--indigo-soft) 45%, transparent); font-weight: 600; }
.cmp tbody th { font-family: var(--font-display); font-weight: 600; color: var(--muted); white-space: nowrap; font-size: .86rem; }
.cmp tr:last-child th, .cmp tr:last-child td { border-bottom: 0; }
.rel + .rel { margin-top: 18px; }
.rel .section-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
.rel h3 { font-size: 1.05rem; margin: 0; }
.rel-more { font-family: var(--font-display); font-weight: 600; font-size: .95rem; }

.facts { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 0; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--card); }
.facts > div { padding: 10px 14px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); }
.facts dt { font-family: var(--font-display); font-weight: 700; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.facts dd { margin: 2px 0 0; font-size: .95rem; overflow-wrap: anywhere; }

.page-head { display: grid; gap: 8px; margin-bottom: 8px; }
.page-head .lede { max-width: 64ch; }
.type-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); margin-top: 20px; }
.type-card { display: grid; gap: 6px; align-content: start; text-decoration: none; color: var(--ink); background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 12px; }
.type-card:hover { border-color: var(--indigo); }
.type-card h2 { font-size: 1.15rem; margin: 4px 0 0; }
.type-card p { margin: 0; font-size: .95rem; color: var(--muted); }
.type-covers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.type-covers .shot { padding: 8% 8% 6%; }

.rich-main, .game-main { grid-template-columns: minmax(0, 1fr); }
.rel, .rich-main section, .game-main section { min-width: 0; }
.g-zoom { max-height: min(64vh, 640px); }
@media (max-width: 899px) { .g-zoom { aspect-ratio: 4 / 3; } }

.quick { display: flex; flex-wrap: wrap; gap: 1px; background: var(--line); }
.quick li { flex: 1 1 118px; border: 0; background: var(--card); }
.quick span.meter, .ratings span.meter { display: inline-flex; gap: 3px; }
.ratings .fine { font-size: .86rem; color: var(--muted); margin-top: 12px; }
.fine { font-size: .86rem; color: var(--muted); }

.quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.quick li { flex: none; }
@media (max-width: 360px) { .quick { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .editions { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.shops { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }

.game-main .shelf { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 160px; overflow-x: auto; }


/* ===== Site search (header box with suggestions, and the /search page) ===== */
.site-head .wrap { gap: 12px 22px; }
.site-search { position: relative; flex: 1 1 260px; max-width: 26rem; display: flex; align-items: center; }
.site-search .ss-icon { position: absolute; left: 12px; top: 50%; translate: 0 -50%; width: 1.05rem; height: 1.05rem; color: var(--muted); pointer-events: none; }
.ss-input {
  width: 100%; font: inherit; font-size: .95rem; color: var(--ink); background: var(--paper);
  border: 1px solid var(--line); border-radius: 999px; padding: .5rem .9rem .5rem 2.3rem; min-height: 2.6rem;
}
.ss-input::placeholder { color: var(--muted); }
.ss-input:focus { outline: none; border-color: var(--indigo); background: var(--card); box-shadow: 0 0 0 3px var(--indigo-soft); }
.ss-list {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 40; margin: 0; padding: 6px; list-style: none;
  background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); max-height: 70vh; overflow: auto;
}
.ss-list li a { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: 10px; align-items: center; padding: 6px 8px; border-radius: 10px; color: var(--ink); text-decoration: none; }
.ss-list li a:hover, .ss-list li[aria-selected="true"] a { background: var(--indigo-soft); }
.ss-list .ss-thumb { width: 2.6rem; height: 2.6rem; border-radius: 6px; background: var(--well); display: grid; place-items: center; overflow: hidden; }
.ss-list .ss-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; }
.ss-list .ss-thumb.type { background: var(--marigold-soft); color: var(--warn); font-family: var(--font-display); font-weight: 800; }
.ss-list strong { display: block; font-size: .98rem; line-height: 1.25; }
.ss-list .ss-meta { display: block; font-size: .86rem; color: var(--muted); line-height: 1.3; }
.ss-list .ss-all a { grid-template-columns: 1fr; font-weight: 600; color: var(--indigo); font-size: .95rem; }
.ss-list .ss-none { padding: 8px 10px; color: var(--muted); font-size: .95rem; }
@media (max-width: 720px) {
  .site-search { order: 3; flex-basis: 100%; max-width: none; }
}

.search-page h1 { margin-bottom: 14px; }
.search-big { display: flex; gap: 10px; max-width: 40rem; margin-bottom: 14px; }
.search-big input { flex: 1; font: inherit; font-size: 1.05rem; padding: .7rem 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--card); color: var(--ink); min-width: 0; }
.search-big input:focus { outline: none; border-color: var(--indigo); box-shadow: 0 0 0 3px var(--indigo-soft); }
.sp-status { color: var(--muted); margin-bottom: 18px; }
.sp-status strong { color: var(--ink); }
.sp-results { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
.sp-card { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; color: var(--ink); text-decoration: none; box-shadow: var(--shadow); }
.sp-card:hover { border-color: var(--indigo); }
.sp-card .sp-img { width: 5rem; height: 5rem; display: grid; place-items: center; background: var(--well); border-radius: 8px; overflow: hidden; }
.sp-card .sp-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.sp-card strong { display: block; font-family: var(--font-display); font-size: 1.15rem; line-height: 1.2; }
.sp-card .ss-meta { display: block; color: var(--muted); font-size: .9rem; }
.sp-card .sp-price { display: block; font-weight: 600; margin-top: 2px; }
.sp-types { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.sp-types a { padding: 6px 12px; border-radius: 999px; background: var(--indigo-soft); color: var(--indigo); text-decoration: none; font-size: .95rem; }

/* ===== How it plays (v3: one section for video, turn steps and the full explanation) ===== */
.hp-intro { display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr); margin-bottom: 26px; }
@media (min-width: 900px) { .hp-intro { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; } }
.hp-lead p { font-size: 1.08rem; }
@media (min-width: 900px) {
  .hp-intro.no-photo { grid-template-columns: minmax(0, 1fr); }
  .hp-intro.no-photo .hp-lead { max-width: none; display: grid; grid-template-columns: minmax(0, 68ch) minmax(16rem, 1fr); gap: 32px; align-items: start; }
  .hp-intro.no-photo .hp-facts { margin-top: 0; }
}
.hp-facts { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }
.hp-facts li { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: 10px; align-items: start; background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; font-size: .95rem; }
.hp-facts svg { width: 1.3rem; height: 1.3rem; color: var(--indigo); margin-top: 2px; }
.howplay .costs { margin-top: 26px; }
.hp-more { margin-top: 22px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 0 18px; }
.hp-more summary { cursor: pointer; list-style: none; padding: 14px 0; font-family: var(--font-display); font-weight: 700; font-size: 1.08rem; display: flex; justify-content: space-between; gap: 12px; }
.hp-more summary::-webkit-details-marker { display: none; }
.hp-more summary::after { content: "+"; font-size: 1.3rem; line-height: 1; color: var(--indigo); }
.hp-more[open] summary::after { content: "–"; }
.hp-more .prose { padding-bottom: 16px; max-width: 46rem; }

.how-photo .g-zoom, .box-photo .g-zoom { aspect-ratio: auto !important; max-height: none; background: transparent; box-shadow: none; }
.how-photo .g-zoom img { height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; }

.cmp tbody td { min-width: 7.5rem; }
.cmp tbody tr:last-child td { min-width: 12rem; }

@media (max-width: 720px) {
  .site-head { position: static; }
  .nav { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; max-width: 100%; gap: 0 16px; }
  .nav::-webkit-scrollbar { display: none; }
}
.box-grid.no-photo { grid-template-columns: minmax(0, 1fr) !important; }

/* Shared production-template design study. No database or retailer changes. */
:root{--paper:#fff;--ink:#152c50;--muted:#53647c;--line:#dde5ef;--indigo:#2157cd;--indigo-soft:#edf3ff;--marigold:#be7100;--marigold-soft:#fff0d5;--wrap:1280px;--radius:16px;--shadow:0 10px 30px #1533680d;--blue-surface:#edf4ff}
html{font-size:17px;scroll-behavior:smooth;scroll-padding-top:110px}body{line-height:1.6}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}h1,h2,h3{color:var(--ink)}h2{font-size:clamp(1.8rem,2.8vw,2.35rem);letter-spacing:-.025em}h3{font-size:1.3rem}.wrap{padding-inline:32px}main{padding:30px 0 70px}.home-page main{padding-top:0}.skip-link{position:fixed;left:10px;top:-80px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.design-review{background:#142945;color:#fff;font-size:12px}.design-review .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}.design-review span{letter-spacing:.1em}.design-review b{margin-left:8px;color:#b5c9ef}.design-review nav{display:flex;gap:4px}.design-review button{background:transparent;color:#c7d7f0;border:0;border-radius:5px;padding:8px 14px;font-size:13px}.design-review button[aria-pressed=true]{background:#f0f5ff;color:#162c50}.design-review a{color:#d0ddf2;font-size:12px;text-decoration:none}.site-head .wrap{min-height:90px;gap:22px}.site-head{box-shadow:none}.logo-mark{width:42px;height:42px}.logo-word{font-size:1.5rem;color:#16396c}.logo-word span{color:#225ed4}.site-search{max-width:270px}.nav{font-size:.92rem;gap:18px}.nav a[aria-current=page]{border-color:var(--indigo)}.eyebrow{font:700 12px/1.4 var(--font-body);letter-spacing:.15em;color:#567097}.blue-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:20px 40px;padding-top:48px;position:relative}.hero-copy{padding:22px 0 10px;align-self:center}.hero-copy h1{font-size:clamp(3rem,4.6vw,4.3rem);line-height:1.02;letter-spacing:-.035em;margin:18px 0 24px;font-weight:800}.hero-copy h1 em{font-style:normal;color:var(--indigo)}.hero-lede{font-size:1.05rem;line-height:1.7;max-width:470px;color:var(--muted);margin-bottom:24px}.text-link{font-size:.9rem;font-weight:650;text-decoration:none;color:var(--indigo);display:inline-flex;align-items:center;gap:14px}.text-link:hover{text-decoration:underline}.hero-art{min-width:0;min-height:355px;border-radius:30px;background:#eef4ff;position:relative;overflow:hidden;align-self:stretch}.box-composition{height:100%;min-height:355px;display:flex;align-items:center;justify-content:center;gap:0;padding:24px 20px 70px;background:radial-gradient(ellipse at center,#fff 0,#dce9ff 75%)}.hero-box{width:32%;color:var(--ink);text-decoration:none;position:relative;text-align:center}.hero-box:nth-child(1){transform:rotate(-12deg) translateY(22px);z-index:1}.hero-box:nth-child(2){transform:scale(1.2);z-index:2}.hero-box:nth-child(3){transform:rotate(11deg) translateY(26px);z-index:1}.hero-box .shot{box-shadow:none;background:transparent;padding:0;aspect-ratio:3/4;border:0;filter:drop-shadow(0 14px 10px #16366b26)}.hero-box span{display:none}.art-note{position:absolute;bottom:20px;right:25px;text-align:right;font:600 1.05rem/1.2 var(--font-display);color:#30528b}.hero-photo,.photo-note{display:none}.blue-finder{grid-column:1/-1;background:white;border:1px solid #d7e2f3;border-radius:18px;padding:24px 28px;box-shadow:0 12px 35px #244a9010;margin-top:10px;position:relative}.finder-title{display:flex;align-items:center;gap:14px;margin-bottom:20px}.finder-title h2{font-size:1.5rem;line-height:1.15}.finder-title p{color:var(--muted);font-size:.85rem;margin-top:2px}.finder-number{font:700 1rem var(--font-display);color:var(--indigo);border-radius:50%;background:var(--indigo-soft);width:40px;height:40px;display:grid;place-items:center}.finder-fields{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr 1.1fr;gap:16px;align-items:end}.finder-fields label,.catalog-controls label{font-size:.78rem;font-weight:650;color:var(--muted);display:grid;gap:7px}.finder-fields select,.catalog-controls select,.catalog-controls input[type=search]{width:100%;min-height:48px;border:1px solid #ced9e9;border-radius:8px;background:#fff;color:var(--ink);padding:10px 28px 10px 12px;font-size:.88rem;appearance:auto}.blue-button{border:0;border-radius:8px;min-height:49px;padding:12px 20px;background:var(--indigo);color:#fff;font-weight:650;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none}.blue-button:hover{filter:brightness(.92)}.text-button{color:var(--indigo);border:0;background:none;padding:10px;font-weight:600}.blue-section{margin-top:76px}.section-head{margin-bottom:25px;align-items:flex-end;gap:16px}.section-head .eyebrow{margin-bottom:9px}.section-head h2{margin-bottom:8px}.section-head p:not(.eyebrow){font-size:.94rem;color:var(--muted)}.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.occasion{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:23px;background:#eff5ff;border:1px solid transparent;border-radius:16px;color:var(--ink);text-decoration:none;transition:transform .15s}.occasion:hover{transform:translateY(-3px);border-color:var(--indigo)}.occasion-symbol{display:grid;place-items:center;background:#d9e6ff;color:#2458be;width:50px;height:50px;border-radius:14px;font:700 1.4rem var(--font-display)}.occasion div{width:100%}.occasion h3{font-size:1.25rem;margin-bottom:5px}.occasion p{font-size:.82rem;color:var(--muted)}.occasion>span:last-child{margin-left:auto;margin-top:-45px}.occasion-2{background:#fff5df}.occasion-2 .occasion-symbol{background:#ffe2a2;color:#875503}.occasion-3{background:#f9eded}.occasion-3 .occasion-symbol{background:#f4d4d4;color:#923f4a}.occasion-4{background:#ebf4ee}.occasion-4 .occasion-symbol{background:#d0e6d8;color:#2d6642}.blue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.blue-grid .card{border-radius:16px;padding:18px;gap:16px;box-shadow:none;border-color:var(--line)}.blue-grid .card h3{font-size:1.5rem;line-height:1.15;margin-bottom:5px}.card-tagline{font-size:.84rem;line-height:1.5;color:var(--muted);margin:8px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.blue-grid .card .shot{height:205px;aspect-ratio:auto;padding:10px 20px;background:#f7f9fc;box-shadow:none;border-radius:10px}.blue-grid .card .meta{font-size:.8rem;gap:4px 9px}.blue-grid .price{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:1.12rem}.blue-grid .price small{font-size:.76rem}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{color:var(--ink);text-decoration:none;display:flex;flex-direction:column;gap:14px}.guide-art{height:170px;background:#dbe8fc;border-radius:16px;padding:26px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.guide-art:after{content:'';position:absolute;border:1px solid #426ac92c;width:200px;height:200px;border-radius:50%;right:-50px;bottom:-90px}.guide-art span{font:800 3rem/1 var(--font-display);letter-spacing:-.035em;color:#2455ae}.guide-art i{font:600 .95rem var(--font-display);margin-top:10px;font-style:normal;color:#385b8d}.guide-art-2{background:#f8e2d7}.guide-art-2 span,.guide-art-2 i{color:#915132}.guide-art-3{background:#d8eee5}.guide-art-3 span,.guide-art-3 i{color:#236950}.guide-card h3{font-size:1.55rem;max-width:24ch}.guide-card p{font-size:.91rem;color:var(--muted)}.guide-card .text-link{margin-top:auto;padding-top:4px}.budget-section{background:#edf4ff;padding:34px;border-radius:24px}.budget-section .card{border:0}.price-footnote{font-size:.75rem;color:var(--muted);margin-top:18px}.india-section{border-top:1px solid var(--line);padding-top:54px}.trust-section{background:#163a72;color:#fff;display:grid;grid-template-columns:.8fr 1.7fr;gap:40px;padding:40px;border-radius:22px}.trust-section h2,.trust-section h3{color:white}.trust-section .eyebrow{color:#b8cef2}.trust-section h2{margin:12px 0 24px}.trust-section .text-link{color:#fff}.trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-content:center}.trust-points svg{width:28px;height:28px;color:#f7c66c;margin-bottom:14px}.trust-points h3{font-size:1.2rem;margin-bottom:10px}.trust-points p{font-size:.86rem;color:#d3dff2}.site-foot{background:#f5f8fc;border-top:1px solid var(--line);padding:40px 0}.footer-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.footer-brand p{font:600 1.25rem var(--font-display)}.site-foot p{max-width:95ch;font-size:.82rem}.blue-results{margin-top:48px;padding:28px;background:var(--blue-surface);border-radius:20px}.blue-results[hidden]{display:none}.blue-results>.blue-button{margin-top:20px}.catalog-heading{padding:20px 0 30px}.catalog-heading h1{margin:10px 0 18px}.catalog-heading p{color:var(--muted)}.catalog-controls{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:20px;padding:25px;background:var(--blue-surface);border-radius:16px;margin-bottom:24px}.catalog-controls .india-toggle{display:flex;align-items:center;gap:8px}.catalog-controls input[type=checkbox]{width:18px;height:18px;accent-color:var(--indigo)}.catalog-controls button{justify-self:start}#catalog-count{font-size:.9rem;color:var(--muted);margin-bottom:20px}#catalog-empty{padding:30px}#blue-catalog .card[hidden]{display:none}.pdp{gap:50px}.pdp-info h1{font-size:3.3rem;color:var(--indigo)}.pdp-info .tagline{font-size:1.04rem}.g-zoom{background:#f3f6fc;border-radius:20px}.quick{border:1px solid var(--line);border-radius:12px}.quick li{padding:14px}.quick svg{color:var(--indigo)}.buybox{border:1px solid #cbdcf5;background:#eff5ff;box-shadow:none;padding:22px;border-radius:14px}.buybox .range{color:var(--indigo)}.game-overview{font-size:.94rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.game-overview summary{color:var(--ink);cursor:pointer;font-weight:650;padding:8px 0}.game-overview p{padding-top:10px}.jump{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:36px}.jump a{border:0;background:#f2f6fc;color:#244d8a}.rich-main{gap:32px}.rich-main section+section{margin-top:0}.rich-main section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}.rich-main h2{color:#244d8a}.rich-main p{max-width:85ch}.product-page main{background:linear-gradient(#f6f9ff 0,#fff 1000px)}.game-top h1{color:var(--indigo);font-size:3.2rem}.game-body section{border-top:1px solid var(--line);padding-top:24px}.site-foot .footer-brand p{font-size:1.2rem}.btn{border-radius:8px}.jump a,.g-thumb{min-height:44px}
/* 02: a confident, immersive blue opening with compact horizontal occasion browsing. */
[data-design=blue-hour]{--indigo:#164ac8;--blue-surface:#eaf0ff;--line:#dce4f5}
[data-design=blue-hour] .blue-hero{background:#1749c0;margin-inline:-32px;padding:54px 32px 34px;gap:25px 40px}
[data-design=blue-hour] .hero-copy h1,[data-design=blue-hour] .hero-copy .text-link{color:#fff}[data-design=blue-hour] .hero-copy h1 em{color:#fbd179}[data-design=blue-hour] .hero-copy .eyebrow{color:#c5d6ff}[data-design=blue-hour] .hero-lede{color:#e2ebff}[data-design=blue-hour] .hero-art{background:transparent;border-radius:0}[data-design=blue-hour] .box-composition{background:radial-gradient(ellipse at center,#3a6adb,transparent 72%)}[data-design=blue-hour] .art-note{color:#dee8ff}[data-design=blue-hour] .blue-finder{box-shadow:0 15px 30px #0c246225;border:0}[data-design=blue-hour] .occasion{padding:18px;gap:14px;border-radius:10px}[data-design=blue-hour] .occasion div{width:auto;flex:1}[data-design=blue-hour] .occasion-symbol{width:42px;height:42px;font-size:1.2rem}[data-design=blue-hour] .occasion h3{font-size:1.15rem}[data-design=blue-hour] .occasion>span:last-child{display:none}[data-design=blue-hour] .blue-guides{padding:34px;background:#f2f5fc;border-radius:22px}[data-design=blue-hour] .budget-section{background:#fff3db}[data-design=blue-hour] .india-section h2{color:#164ac8}
/* 03: a warmer, editorial composition with a vertical finder and quieter cards. */
[data-design=paper-play]{--paper:#fcfaf5;--card:#fff;--indigo:#214d9a;--blue-surface:#eaf0f8;--line:#e3e1db}
[data-design=paper-play] .blue-hero{grid-template-columns:1.4fr 1fr;gap:24px 50px;padding-top:40px}[data-design=paper-play] .hero-copy{grid-column:1;grid-row:1;padding:0}[data-design=paper-play] .hero-copy h1{font-size:3.6rem;margin:16px 0}[data-design=paper-play] .hero-copy h1 br{display:none}[data-design=paper-play] .hero-lede{max-width:560px;margin-bottom:14px;font-size:1rem}[data-design=paper-play] .hero-art{grid-column:1;grid-row:2;min-height:220px;max-height:270px;border-radius:14px}[data-design=paper-play] .box-composition{display:none}[data-design=paper-play] .hero-photo{display:block;width:100%;height:270px;object-fit:cover;object-position:center 55%}[data-design=paper-play] .photo-note{display:block;position:absolute;bottom:16px;left:18px;background:#fffef1ee;padding:7px 13px;border-radius:5px;font:600 1rem var(--font-display)}[data-design=paper-play] .blue-finder{grid-column:2;grid-row:1/3;margin:0;padding:32px;align-self:stretch;background:#eaf0f8;border:0;box-shadow:none;border-radius:14px}[data-design=paper-play] .finder-fields{grid-template-columns:1fr;gap:17px}[data-design=paper-play] .finder-title{margin-bottom:23px}[data-design=paper-play] .finder-title h2{font-size:1.8rem}[data-design=paper-play] .finder-number{display:none}[data-design=paper-play] .finder-fields .blue-button{margin-top:8px}[data-design=paper-play] .occasion{border:1px solid var(--line);background:transparent;border-radius:8px}[data-design=paper-play] .blue-grid .card{border:0;background:transparent;padding:0;border-radius:0}[data-design=paper-play] .blue-grid .card .shot{background:#f0eee8;height:230px;border-radius:8px;padding:18px}[data-design=paper-play] .blue-grid .card:hover{box-shadow:none}[data-design=paper-play] .budget-section{background:#edf1f7;border-radius:8px}[data-design=paper-play] .budget-section .shot{background:white}[data-design=paper-play] .trust-section{border-radius:8px;background:#244a7b}[data-design=paper-play] .product-page main{background:var(--paper)}[data-design=paper-play] .g-zoom{background:#f0eee8}[data-design=paper-play] .rich-main section{border-radius:8px}[data-design=paper-play] .buybox{background:#eaf0f8}
@media(min-width:1400px){.blue-hero{padding-top:55px}.hero-art{min-height:385px}}
@media(max-width:1100px){.site-head .wrap{gap:10px 20px}.site-search{max-width:235px}.nav{gap:13px;font-size:.86rem}.hero-copy h1{font-size:3.4rem}.finder-fields{gap:10px}.blue-grid{gap:16px}.blue-grid .card{padding:12px}.blue-grid .card .shot{height:175px;padding:10px}.occasion{padding:18px}.occasion h3{font-size:1.15rem}.trust-section{grid-template-columns:1fr}.trust-points{gap:28px}}
@media(max-width:800px){.wrap{padding-inline:20px}.site-head .wrap{padding-block:15px;min-height:0}.site-head{position:static}.site-search{max-width:none}.nav{width:100%;justify-content:space-between;order:3;font-size:.9rem}.design-review .wrap{gap:5px;padding-block:8px;flex-wrap:wrap;justify-content:center}.design-review .wrap>span,.design-review .wrap>a{display:none}.design-review button{padding:7px 12px}.blue-hero{grid-template-columns:1fr 1fr;gap:24px;padding-top:25px}.hero-copy h1{font-size:2.8rem}.hero-lede{font-size:.94rem}.hero-art,.box-composition{min-height:290px}.finder-fields{grid-template-columns:repeat(2,1fr)}.finder-fields .blue-button{grid-column:1/-1}.blue-finder{padding:22px}.occasion-grid{grid-template-columns:repeat(2,1fr)}.occasion{display:grid;grid-template-columns:48px 1fr;gap:14px}.occasion div{width:auto}.occasion>span:last-child{display:none}.blue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blue-grid .card .shot{height:210px}.blue-section{margin-top:52px}.guide-grid{gap:20px}.guide-art{height:130px;padding:18px}.guide-art span{font-size:2.4rem}.guide-card h3{font-size:1.3rem}.guide-card p{font-size:.85rem}.trust-section,.budget-section{padding:26px}.catalog-controls{grid-template-columns:repeat(2,1fr)}[data-design=blue-hour] .blue-hero{margin-inline:-20px;padding:32px 20px}[data-design=paper-play] .blue-hero{gap:25px;grid-template-columns:1.1fr 1fr}[data-design=paper-play] .hero-copy h1{font-size:2.6rem}[data-design=paper-play] .blue-finder{padding:23px}[data-design=paper-play] .hero-art{max-height:none;height:100%}[data-design=paper-play] .hero-photo{height:100%;min-height:230px}[data-design=paper-play] .finder-title h2{font-size:1.5rem}}
@media(max-width:560px){html{font-size:16px;scroll-padding-top:16px}.wrap{padding-inline:18px}.logo-mark{width:34px;height:34px}.logo-word{font-size:1.35rem}.site-search{order:2;flex:1 1 100%;width:100%}.site-head .wrap{gap:12px}.nav{font-size:.85rem;gap:12px}.blue-hero{display:flex;flex-direction:column;gap:20px;padding-top:26px}.hero-copy{padding:0}.hero-copy h1{font-size:3.1rem;margin:14px 0 18px}.hero-lede{max-width:none;font-size:1rem;margin-bottom:16px}.hero-art{min-height:0;height:210px}.box-composition{min-height:0;height:210px;padding:12px 32px 42px}.hero-box{width:29%}.hero-box .shot{height:155px;aspect-ratio:auto}.art-note{font-size:.9rem;bottom:12px;right:16px}.blue-finder{margin:0;padding:20px}.finder-title{margin-bottom:18px}.finder-fields{gap:14px}.finder-fields label{font-size:.8rem}.finder-fields select{font-size:.84rem;padding-left:9px}.finder-title h2{font-size:1.45rem}.finder-number{width:34px;height:34px}.blue-section{margin-top:44px}.section-head{gap:8px;margin-bottom:20px}.section-head h2{font-size:1.9rem}.section-head p:not(.eyebrow){font-size:.9rem}.section-head>.text-link{margin-top:5px}.occasion-grid{gap:12px}.occasion{display:flex;gap:12px;padding:16px}.occasion-symbol{width:38px;height:38px;font-size:1.1rem;border-radius:10px}.occasion div{width:100%}.occasion h3{font-size:1.2rem}.occasion p{font-size:.82rem}.blue-grid{gap:12px}.blue-grid .card{padding:12px;gap:12px}.blue-grid .card .shot{height:154px;padding:6px}.blue-grid .card h3{font-size:1.33rem}.card-tagline{font-size:.83rem;min-height:2.5em}.blue-grid .card .meta{font-size:.8rem;gap:3px 7px}.blue-grid .price{font-size:1.05rem}.blue-grid .price small{font-size:.75rem}.guide-grid{grid-template-columns:1fr;gap:28px}.guide-card{display:grid;grid-template-columns:105px 1fr;gap:8px 17px;align-items:start}.guide-art{grid-column:1;grid-row:1/5;height:140px;padding:13px}.guide-art span{font-size:2rem}.guide-art i{font-size:.78rem}.guide-card h3{font-size:1.35rem}.guide-card p{font-size:.9rem}.guide-card .eyebrow{font-size:10px}.guide-card .text-link{grid-column:2;font-size:.84rem}.budget-section{margin-inline:-18px;border-radius:0;padding:28px 18px}.india-section{padding-top:32px}.trust-section{padding:26px;gap:22px}.trust-points{grid-template-columns:1fr;gap:22px}.trust-points>div{display:grid;grid-template-columns:30px 1fr;gap:8px 15px}.trust-points svg{grid-row:1/3;margin:0}.trust-points h3{margin:0}.trust-points p{grid-column:2;font-size:.92rem}.trust-section h2 br{display:none}.trust-section h2{font-size:1.9rem}.footer-brand{display:block}.footer-brand p{margin-top:15px}.site-foot nav{gap:12px}.site-foot p{font-size:.86rem}.blue-results{padding:18px;margin-inline:-8px}.catalog-heading h1{font-size:2.6rem}.catalog-controls{padding:18px;gap:16px}.catalog-controls label:first-child{grid-column:1/-1}.catalog-controls select{font-size:.85rem}.pdp-info h1,.game-top h1{font-size:2.6rem}.pdp{gap:24px}.pdp-info{gap:14px}.gallery{max-width:100%}.g-zoom{aspect-ratio:1.15}.quick li{padding:10px}.quick strong{font-size:1rem}.quick em{font-size:.8rem}.buybox{padding:18px}.jump{margin-top:26px}.rich-main{gap:24px}.rich-main section{padding:20px;border-radius:12px}.rich-main h2{font-size:1.8rem}[data-design=blue-hour] .blue-hero{margin-inline:-18px;padding:26px 18px}[data-design=blue-hour] .blue-guides{padding:25px 18px;margin-inline:-18px;border-radius:0}[data-design=blue-hour] .occasion{display:flex}[data-design=blue-hour] .occasion div{flex:auto;width:100%}[data-design=paper-play] .blue-hero{display:flex;padding-top:25px}[data-design=paper-play] .hero-copy h1{font-size:3rem}[data-design=paper-play] .hero-art{height:200px;min-height:200px}[data-design=paper-play] .hero-photo{height:200px;min-height:200px}[data-design=paper-play] .blue-finder{padding:23px}[data-design=paper-play] .finder-fields{grid-template-columns:1fr 1fr;gap:14px}[data-design=paper-play] .blue-grid .card .shot{height:180px;padding:12px}[data-design=paper-play] .budget-section{border-radius:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:560px){.blue-hero .hero-copy{order:1}.blue-hero .blue-finder{order:2}.blue-hero .hero-art{order:3}}
/* Essential comparison facts remain readable at every breakpoint. */
.blue-grid .card .meta,.blue-grid .price small,.card-tagline,.finder-fields label,.catalog-controls label,.price-footnote{font-size:max(14px,.82rem)}

/* Paper & play refinement — 13 October 2026. */
.guide-art.guide-photo{height:auto;aspect-ratio:1.6;padding:0;border-radius:14px;isolation:isolate;overflow:hidden;position:relative}
.guide-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;position:absolute;inset:0;transition:transform .35s ease}
.guide-art.guide-photo:after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(transparent 50%,#101c2abc 100%);z-index:1}
.guide-art.guide-photo .guide-photo-caption{position:absolute;left:20px;bottom:17px;right:15px;font:600 1.1rem/1.2 var(--font-display);color:white;z-index:2;letter-spacing:0}
.guide-card:hover .guide-photo img{transform:scale(1.03)}
.image-credit{margin-bottom:24px;color:var(--muted);font-size:14px!important}
/* Use one white image well, avoiding a white rectangle inside a beige frame. */
.shot,.blue-grid .card .shot,[data-design=paper-play] .blue-grid .card .shot,[data-design=paper-play] .budget-section .shot,.g-zoom,[data-design=paper-play] .g-zoom{background:#fff;box-shadow:none}
[data-design=paper-play] .blue-grid .card .shot{border:1px solid #ece9e1}
[data-design=paper-play] .hero-box .shot{border:0}
/* Every disclosure has a clear full-width hit area and visible plus/minus. */
.product-page details.game-overview,.product-page details.hp-more,.product-page details.say-src,.product-page details.authenticity,.product-page .faqs details{border:1px solid #c1d1e8;border-left:4px solid #315f9f;background:#fff;border-radius:10px;padding:0;overflow:hidden;margin-top:16px}
.product-page details>summary,.product-page .faqs summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;min-height:66px;padding:17px 20px;background:#edf3fc;color:#193f79;font:700 1.08rem/1.35 var(--font-display);transition:background .15s}
.product-page details>summary::-webkit-details-marker{display:none}
.product-page details>summary::marker{content:''}
.product-page details>summary:after,.product-page .faqs summary:after{content:'+';display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#214d9a;color:#fff;font:400 24px/1 var(--font-body)}
.product-page details[open]>summary:after,.product-page .faqs details[open] summary:after{content:'−'}
.product-page details>summary:hover{background:#dfeafa}
.product-page details>summary:focus-visible{outline:3px solid #be7100;outline-offset:-4px}
.product-page details[open]>summary{border-bottom:1px solid #cbd9ed}
.product-page details>summary small{display:block;font:400 .84rem/1.5 var(--font-body);color:#526c90;margin-top:4px}
.product-page details.game-overview>.summary,.product-page .faqs details>p,.product-page details.say-src>ul{padding:20px;margin:0}
.product-page details.hp-more>.prose{padding:20px;max-width:none}
.product-page details.authenticity .authenticity-body{padding:20px 24px}
.product-page details.authenticity .check-head{margin-bottom:12px}
.product-page details.authenticity ul{margin:0;padding:0}
.product-page details.say-src>*:not(summary){margin:18px 20px}
@media(max-width:800px){.occasion-grid{gap:18px}.occasion.occasion-photo{aspect-ratio:1.4}.occasion.occasion-photo .occasion-caption,[data-design=blue-hour] .occasion.occasion-photo .occasion-caption{padding:20px}.occasion.occasion-photo h3,[data-design=blue-hour] .occasion.occasion-photo h3{font-size:1.5rem}.occasion.occasion-photo p{font-size:.86rem}.occasion-cta>span{right:18px;bottom:18px}.guide-art.guide-photo{aspect-ratio:1.4}.guide-art.guide-photo .guide-photo-caption{font-size:.95rem;left:15px;bottom:13px}}
@media(max-width:620px){.occasion-grid{grid-template-columns:1fr;gap:18px}.occasion.occasion-photo,[data-design=paper-play] .occasion.occasion-photo,[data-design=blue-hour] .occasion.occasion-photo{aspect-ratio:1.5}.occasion.occasion-photo h3,[data-design=blue-hour] .occasion.occasion-photo h3{font-size:1.75rem}.occasion.occasion-photo p{font-size:.95rem}.occasion-cta{font-size:.82rem;margin-top:8px}.occasion-photo>img{object-position:50% 30%}.guide-grid{grid-template-columns:1fr;gap:28px}.guide-card{display:flex;gap:11px}.guide-art.guide-photo{width:100%;height:auto;aspect-ratio:1.65}.guide-art.guide-photo .guide-photo-caption{font-size:1.2rem;left:20px;bottom:17px}.guide-card h3{font-size:1.55rem;max-width:none}.guide-card p{font-size:1rem}.guide-card .eyebrow{font-size:12px;margin-top:3px}.guide-card .text-link{font-size:.9rem}.product-page details>summary,.product-page .faqs summary{padding:16px;gap:12px;font-size:1.05rem}.product-page details>summary:after{flex-basis:32px;width:32px;height:32px}.product-page details.authenticity .authenticity-body{padding:18px}.product-page details.game-overview>.summary{padding:18px}}
.occasion-photo>img{object-position:50% 15%}

/* Revert occasion photography; retain the original compact browsing cards. */
.occasion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:800px){.occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.guide-art.guide-photo{aspect-ratio:1.5}.guide-photo img{object-position:center}.guide-art.guide-photo .guide-photo-caption{font-size:14px}

/* Study 06 — clear signals, tactile colour, selective emphasis. */
:root{--shadow-soft:0 8px 25px #1934540c}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d78b17;outline-offset:4px}
.home-page .blue-section{position:relative}
[data-design=paper-play] .blue-finder{background:linear-gradient(145deg,#e9f0fb,#f2f5fb);border:1px solid #cfdaee;box-shadow:0 6px 0 #dce5f4,0 16px 30px #173d7310;border-radius:22px}
[data-design=paper-play] .finder-title:before{content:'';width:8px;height:45px;border-radius:5px;background:#dfa742;flex:none}
[data-design=paper-play] .hero-art{border-radius:20px;max-height:310px}
[data-design=paper-play] .hero-photo{height:310px;object-position:50% 59%}
.hero-game-label{display:none}
[data-design=paper-play] .hero-game-label{display:block;position:absolute;top:14px;right:14px;background:#fffef6ec;border:1px solid #ffffff80;color:#173759;border-radius:30px;padding:6px 12px;text-decoration:none;font-size:12px;font-weight:700}
[data-design=paper-play] .photo-note{border-radius:8px;box-shadow:0 4px 12px #17292a16}
.occasions .section-head{align-items:end}.occasions .section-head>p{font-family:var(--font-display);font-size:1.25rem;color:var(--indigo)}
[data-design=paper-play] .occasion,.occasion{--occasion-bg:#dce8ff;--occasion-ink:#173e82;background:var(--occasion-bg);color:var(--occasion-ink);border:1px solid #b7cbe9;border-radius:18px;padding:25px;position:relative;display:flex;gap:24px;overflow:hidden;box-shadow:0 5px 0 #9eb7da35;transition:transform .18s,box-shadow .18s}
[data-design=paper-play] .occasion-2,.occasion-2{--occasion-bg:#ffe8ad;--occasion-ink:#684513;border-color:#ead095;box-shadow:0 5px 0 #dec89845}
[data-design=paper-play] .occasion-3,.occasion-3{--occasion-bg:#f5d6cd;--occasion-ink:#713a39;border-color:#e7bab1;box-shadow:0 5px 0 #deb6ae40}
[data-design=paper-play] .occasion-4,.occasion-4{--occasion-bg:#d1e8dd;--occasion-ink:#225449;border-color:#b0d1c2;box-shadow:0 5px 0 #a9cdbd40}
.occasion h3{color:var(--occasion-ink);font-size:1.34rem;line-height:1.2}.occasion p{color:var(--occasion-ink);opacity:.85;max-width:22ch}.occasion-symbol{background:transparent!important;color:var(--occasion-ink)!important;width:58px;height:58px;border-radius:0}.occasion-symbol svg{width:54px;height:54px}.occasion-index{position:absolute;right:22px;top:17px;font:700 3.5rem/1 var(--font-display);opacity:.10;letter-spacing:-.04em}.occasion>span:last-child{position:absolute;right:19px;bottom:18px;margin:0;background:#ffffff9c;width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.occasion div{padding-right:12px}.occasion:hover{transform:translateY(-5px);box-shadow:0 10px 20px #19345418}
[data-design=paper-play] .blue-grid .card{border-radius:15px;transition:transform .18s}.blue-grid .card:hover{transform:translateY(-4px)}[data-design=paper-play] .blue-grid .card .shot{border-radius:15px;border-color:#e5e8ee;box-shadow:0 5px 0 #ebedf0}
[data-design=paper-play] .blue-guides{padding:35px;border:1px solid #e6e0d4;background:#f4f0e7;border-radius:24px}.guide-card h3{line-height:1.2}.guide-card .eyebrow{color:#3d607e}.guide-card .text-link{border-bottom:1px solid #c6cbd2;padding-bottom:7px;align-self:flex-start}
[data-design=paper-play] .budget-section{border-radius:24px;background:#e9f0fb;border:1px solid #d4dff1}.budget-section .section-head h2:after{content:'↗';display:inline-block;color:#c28a2a;margin-left:15px;font-size:1.7rem}[data-design=paper-play] .trust-section{border-radius:24px;background:#193c66;box-shadow:0 8px 0 #dae1e8}
/* Shared rating component. Descriptive signals, never a fabricated overall score. */
.ratings-review-slot{min-width:0}.game-signature{border:1px solid #d3dfed;border-radius:20px;background:#f4f7fc;padding:22px;color:#173354;box-shadow:0 5px 0 #e7edf5;overflow:hidden;min-width:0}.signature-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.signature-brand{font:750 9px/1.4 var(--font-body);letter-spacing:.15em;color:#537298;display:block;margin-bottom:4px}.game-signature h3{font-size:1.6rem!important;line-height:1.15;margin:0!important;color:inherit}.signature-mark{display:grid;place-items:center;width:39px;height:39px;background:#214d9a;border-radius:12px;color:#fff;transform:rotate(6deg)}.signature-mark svg{width:24px;height:24px}
.signature-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.signal{position:relative;background:white;border:1px solid #dce5ef;border-radius:12px;padding:15px 12px;min-width:0;grid-column:span 2;display:flex;flex-direction:column;gap:9px}.signal-learn,.signal-luck{grid-column:span 3;background:#e7eefb;border-color:#d1dff2}.signal-luck{background:#fff3d9;border-color:#eadbb9}.signal-label{display:flex;align-items:center;gap:5px;font:650 11px/1.3 var(--font-body);color:#536881}.signal-label svg{width:15px;height:15px;flex:none}.signal strong{font-family:var(--font-display);font-weight:700;font-size:1.16rem;line-height:1.18}.signal-learn strong,.signal-luck strong{font-size:1.37rem}.signal-graphic{display:flex;gap:10px;align-items:end}.signal-graphic small{font-size:11px;white-space:nowrap}.learn-steps{display:flex;align-items:flex-end;gap:4px;height:25px;flex:1}.learn-steps i{width:20%;height:calc(5px + var(--step)*4px);background:#c9d5e6;border-radius:3px}.learn-steps i.active{background:#275ab5}.luck-line{height:8px;background:linear-gradient(90deg,#e5b954,#537fc4);border-radius:6px;position:relative;margin-top:4px}.luck-line span{position:absolute;left:clamp(6px,var(--position),calc(100% - 6px));top:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;background:#193d72;border:3px solid white;box-shadow:0 1px 3px #16396030}.luck-ends{display:flex;justify-content:space-between;margin-top:-4px;color:#687182;font-size:10px}.signal-symbol svg{width:25px;height:25px;stroke-width:1.5}.signal-symbol{color:#547daa;display:flex}.signal-social .signal-symbol{color:#33826c}.signal-reading .signal-symbol{color:#aa625d}
.signature-notes{border-top:1px solid #d4dfed;margin-top:16px;padding-top:10px}.signature-notes summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;color:inherit;font:650 12px/1.4 var(--font-body);padding:4px 0}.signature-notes summary::-webkit-details-marker{display:none}.signature-notes summary>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e0e8f4;font-size:18px}.signature-notes[open] summary>span{transform:rotate(45deg)}.signature-notes p{font:400 14px/1.6 var(--font-body);color:#4e6381;margin:14px 0 0}.signature-notes p strong{display:block;color:#173354;margin-bottom:3px}.signature-notes .signature-method{font-size:12px;border-top:1px solid #d4dfed;padding-top:12px}.ratings-lab-link{display:block;margin:14px 2px 0;font-size:12px;color:var(--indigo)}
.signature-scorecard{background:#fff;border-color:#dce0e7;box-shadow:0 6px 22px #1839600b}.signature-scorecard .signature-metrics{display:flex;flex-direction:column;gap:0}.signature-scorecard .signal{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5px 10px;background:none;border:0;border-bottom:1px solid #edf0f4;border-radius:0;padding:12px 0}.signature-scorecard .signal-label{grid-column:1;grid-row:1;font-size:12px}.signature-scorecard .signal-label svg{width:20px;height:20px;margin-right:4px;color:#54779d}.signature-scorecard .signal strong{grid-column:2;grid-row:1;text-align:right;font-size:1.18rem}.signature-scorecard .signal-symbol{display:none}.signature-scorecard .signal-graphic,.signature-scorecard .luck-line{grid-column:2;margin-top:5px}.signature-scorecard .learn-steps{height:16px}.signature-scorecard .learn-steps i{height:6px}.signature-scorecard .luck-ends{grid-column:2}.signature-scorecard .signature-notes{border:0;margin-top:8px}
.signature-night{background:#173656;color:#fff;border-color:#173656;box-shadow:0 6px 0 #d4dfe9}.signature-night .signature-brand{color:#b3c9e4}.signature-night .signature-mark{background:#f3c66a;color:#173656}.signature-night .signal{background:#224567;border-color:#375878;color:#fff}.signature-night .signal-label{color:#c5d7eb}.signature-night .signal-symbol{color:#eccc8a}.signature-night .signal-luck,.signature-night .signal-learn{background:#183656}.signature-night .signal-learn strong{color:#a9d6c1}.signature-night .signal-luck strong{color:#f6d288}.signature-night .learn-steps i{background:#365578}.signature-night .learn-steps i.active{background:#9dceb9}.signature-night .luck-ends{color:#c0d0df}.signature-night .signature-notes{border-color:#42607d}.signature-night .signature-notes summary>span{background:#345677}.signature-night .signature-notes p{color:#d0dceb}.signature-night .signature-notes p strong{color:#fff}
/* Source-backed award spotlight. Official marks keep their original colours. */
.rich-main .award-showcase{background:#fbf6e9;border-color:#e9daba;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px 40px;align-items:center;padding:32px}.award-intro .eyebrow{color:#946823;font-size:10px}.award-intro h2{font-size:1.85rem;color:#6a4b1d;line-height:1.1;margin:10px 0}.award-intro p:not(.eyebrow){font-size:14px;color:#786746}.award-feature{display:flex;align-items:center;gap:28px}.official-award{flex:0 0 110px;background:#fff;border:1px solid #e8dfcd;border-radius:16px;padding:15px;box-shadow:0 5px 0 #e9e0cc66}.official-award img{display:block;width:100%;height:112px;object-fit:contain}.award-result{display:inline-block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:750;color:#836121;border-bottom:1px solid #d7c6a2;padding-bottom:5px}.award-feature h3{font-size:1.5rem;margin:6px 0;color:#463c29;line-height:1.2}.award-feature p{font-size:13px;line-height:1.5;color:#786746;max-width:38ch}.award-feature .text-link{font-size:12px;margin-top:10px}.other-awards{grid-column:1/-1;border-top:1px solid #e8ddc5;padding-top:13px}.other-awards summary{font-size:13px;font-weight:650;cursor:pointer;color:#75623d}.other-awards summary span{background:#ede1c8;border-radius:30px;padding:2px 8px;margin-left:8px}.award-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.award-facts>div{display:flex;gap:10px;padding:13px;background:#ffffff85;border-radius:10px;font-size:13px;color:#6b5a3e}.award-facts svg{width:23px;height:23px;flex:none}.award-facts p{font-size:13px;margin:0}
/* Working, side-by-side design concepts at realistic product-column widths. */
.studio-intro{max-width:790px;padding:35px 0}.studio-intro h1{font-size:3rem;line-height:1.08;margin:15px 0}.studio-intro p:not(.eyebrow){color:var(--muted);margin-bottom:20px}.rating-studies{display:grid;gap:38px}.rating-study{display:grid;grid-template-columns:1fr 490px;gap:70px;padding:35px;border:1px solid var(--line);border-radius:24px;align-items:start;background:#fff}.study-caption h2{font-size:2rem;line-height:1.13;margin:15px 0}.study-caption p:not(.eyebrow){font-size:1rem;color:var(--muted);margin-bottom:25px;max-width:34ch}.study-caption .eyebrow{color:#8c6b31}
@media(max-width:1050px){.rating-study{grid-template-columns:1fr 1.2fr;gap:30px;padding:25px}.game-signature{padding:18px}.signal{padding:12px 10px}.signal-label{font-size:10px}.signal strong{font-size:1.03rem}.signal-learn strong,.signal-luck strong{font-size:1.2rem}.award-feature{gap:18px}.rich-main .award-showcase{gap:20px}.occasion{padding:20px!important}.occasion h3{font-size:1.22rem}}
@media(max-width:800px){.rating-study{grid-template-columns:1fr;gap:24px}.study-caption p:not(.eyebrow){max-width:none}.rating-study .game-signature{max-width:520px;width:100%;justify-self:center}.occasion-symbol{width:48px;height:48px}.occasion-symbol svg{width:45px;height:45px}.occasion-index{font-size:3rem}.rich-main .award-showcase{grid-template-columns:1fr}.award-feature{max-width:600px}.award-facts{grid-template-columns:1fr 1fr}[data-design=paper-play] .blue-guides{padding:24px}.game-signature{padding:22px}.signal-label{font-size:12px}}
@media(max-width:560px){[data-design=paper-play] .hero-photo{height:240px;min-height:240px;object-position:50% 62%}[data-design=paper-play] .hero-art{height:240px;min-height:240px}.hero-game-label{font-size:10px!important}.photo-note{font-size:.9rem!important;bottom:12px!important;left:12px!important}.occasion{gap:16px!important;padding:18px 15px!important;border-radius:15px!important}.occasion-index{font-size:2.6rem;top:15px;right:13px}.occasion p{font-size:13px}.occasion div{padding-right:4px}.occasion h3{font-size:1.17rem}.occasion>span:last-child{display:none}.occasions .section-head>p{font-size:1.15rem}[data-design=paper-play] .blue-guides{margin-inline:-8px;padding:22px 14px;border-radius:20px}.game-signature{padding:17px;border-radius:16px}.signal{padding:12px 9px}.signal-label{font-size:10px;gap:4px}.signal-label svg{width:13px;height:13px}.signal strong{font-size:1.05rem}.signal-learn strong,.signal-luck strong{font-size:1.25rem}.signature-head{margin-bottom:14px}.game-signature h3{font-size:1.55rem!important}.signature-brand{font-size:8px}.signature-scorecard .signal-label{font-size:11px}.signature-scorecard .signal strong{font-size:1.1rem}.ratings-lab-link{font-size:12px}.rich-main .award-showcase{padding:22px 18px}.award-feature{gap:18px}.official-award{flex-basis:85px;padding:10px}.official-award img{height:95px}.award-feature h3{font-size:1.3rem}.award-feature p{font-size:12px}.award-facts{grid-template-columns:1fr}.rating-study{padding:18px 12px;gap:20px}.studio-intro h1{font-size:2.4rem}.rating-study .game-signature{padding:16px}.study-caption{padding:0 5px}.study-caption h2{font-size:1.8rem}.design-review .wrap>a[href*="ratings-studio"]{display:inline;font-size:11px}.signal-graphic small{font-size:10px}}
/* Compact facts and a single disclosure control; override broad product-detail rules. */
.game-signature{padding:20px}.signature-head{margin-bottom:14px}.signal{padding:13px 12px}.signal-social,.signal-setup,.signal-reading{gap:9px}.signal-symbol{display:none}.signal-social .signal-label svg,.signal-setup .signal-label svg,.signal-reading .signal-label svg{width:19px;height:19px}.signal-social .signal-label svg{color:#33826c}.signal-reading .signal-label svg{color:#aa625d}
.rich-main .signature-notes{border:0;border-top:1px solid #d4dfed;padding:10px 0 0;margin-top:14px;background:none;border-radius:0}
.rich-main .signature-notes summary{padding:4px 0;min-height:0;background:none;border-radius:0;font:650 12px/1.4 var(--font-body);color:inherit;display:flex;justify-content:space-between;gap:10px}
.rich-main .signature-notes summary:after{display:none}.signature-notes summary>span{flex:none}.rich-main .signature-night .signature-notes{border-color:#42607d}.fit-grid>.fit .yes{background:#f6faf7;border-color:#d8e7dc}.fit-grid>.fit .no{background:#fdf8f5;border-color:#eee0d8}
@media(max-width:560px){.game-signature{padding:16px}.signal{padding:12px 8px}.signal-social .signal-label svg,.signal-setup .signal-label svg,.signal-reading .signal-label svg{width:15px;height:15px}}
.occasion{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto;align-items:start!important;align-content:start;height:auto;min-width:0}.occasion>div{align-self:start;min-width:0;width:auto;padding-right:0}.occasion-symbol{grid-column:1;grid-row:1}.occasion>div{grid-column:1;grid-row:2}.occasion h3,.occasion p{overflow-wrap:break-word}.occasion p{margin-bottom:0}
.signal-label{flex-wrap:wrap}.rating-studies{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rating-study{grid-template-columns:1fr;gap:22px;padding:24px 14px;align-content:start}.study-caption{min-height:230px;padding:0 6px}.study-caption h2{font-size:1.6rem}.study-caption p:not(.eyebrow){font-size:.9rem;margin-bottom:16px}.rating-study .game-signature{padding:16px}.rating-study .signature-brand{font-size:8px}.rating-study .signal{padding:12px 8px}.rating-study .signal-label{font-size:10px}.rating-study .signal-label svg{width:13px;height:13px}.rating-study .signal strong{font-size:1.1rem}.rating-study .signal-learn strong,.rating-study .signal-luck strong{font-size:1.2rem}.rating-study .signature-scorecard .signal{grid-template-columns:1fr 1fr}.rating-study .signature-scorecard .signal strong{font-size:1.07rem}.rating-study .signal-graphic{gap:5px}.rating-study .signal-graphic small{font-size:9px}
@media(max-width:1100px){.rating-studies{grid-template-columns:1fr}.rating-study{grid-template-columns:1fr 1.2fr;padding:25px;gap:30px}.study-caption{min-height:0}.rating-study .game-signature{padding:20px}}
@media(max-width:700px){.rating-study{grid-template-columns:1fr}.rating-study .game-signature{padding:16px}.rating-study{padding:22px 12px}.occasion{grid-template-rows:auto auto}.signal-social .signal-label,.signal-setup .signal-label,.signal-reading .signal-label{flex-direction:column;align-items:flex-start;gap:5px}.signal-social .signal-label svg,.signal-setup .signal-label svg,.signal-reading .signal-label svg{width:20px;height:20px}}
.rating-study{margin:0!important}.signature-night .signal-label svg{color:#d9c387}

/* Approved leading-die identity, 2026-10-13. Preserve the artwork's letterforms.
   Crop transparent margins by display only; +3px corrects the ink's optical centre. */
.brand-art{display:block;position:relative;overflow:hidden;width:250px;aspect-ratio:1857/268;flex:none;transform:translateY(3px)}
.brand-art img{position:absolute;width:104.685%;max-width:none;height:auto;left:-2.15401%;top:-105.59701%;display:block}
.site-head .logo{width:250px;flex:none;min-height:60px;justify-content:flex-start;align-items:center}
.site-head .wrap{min-height:90px;column-gap:24px}
.site-head .site-search{margin-left:auto;flex:0 1 250px;max-width:250px}
.site-head .nav{margin-left:0;flex:none}
@media(min-width:721px) and (max-width:1050px){.site-head .site-search{flex:0 1 210px;max-width:210px}.site-head .nav{width:100%;justify-content:flex-end}}
@media(max-width:720px){.brand-art,.site-head .logo{width:225px}.site-head .logo{min-height:44px}.site-head .site-search{margin-left:0;flex:1 1 100%;max-width:none}.site-head .nav{width:100%;justify-content:space-between}.site-head .wrap{gap:12px}}

/* Shared footer and product disclosures — October 2026. */
.site-foot.discovery-footer{background:#f2f5fa;padding:0;border-top:0;color:#52637c}
.discovery-footer .footer-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#193b70;color:white;border-radius:22px;padding:38px 44px;transform:translateY(-22px)}
.discovery-footer .footer-welcome .eyebrow{color:#c9daf9;font-size:.75rem;margin:0 0 10px}.discovery-footer .footer-welcome h2{color:white;font-size:2.4rem;line-height:1.07;margin:0}.footer-explore{color:white;display:flex;gap:36px;align-items:center;text-decoration:none;border-bottom:1px solid #7891b5;padding:14px 0;font-weight:650}.footer-explore:hover{color:#ffdc8c}.footer-explore span{font-size:1.5rem}
.discovery-footer .footer-directory{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:34px;padding:20px 0 35px}.discovery-footer .footer-story .logo{max-width:270px}.discovery-footer .footer-story p:first-of-type{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#193b70;margin:12px 0 8px}.discovery-footer .footer-story p{font-size:.85rem;line-height:1.65;max-width:30ch}.discovery-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:0}.discovery-footer nav h3{font-size:1.15rem;color:#193b70;margin:0 0 8px}.discovery-footer nav a{font-size:.87rem;font-weight:500;line-height:1.5;text-decoration:none;padding:3px 0}.discovery-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}.footer-disclosures{border-top:1px solid #d6dfed;display:grid;grid-template-columns:1fr 1fr;gap:12px 34px;padding:25px 0}.discovery-footer .footer-disclosures p{font-size:.76rem;line-height:1.65;margin:0;max-width:none}.footer-disclosures strong{color:#233c60}.footer-disclosures .amazon-disclosure{grid-column:1/-1}.footer-last{border-top:1px solid #d6dfed;padding:18px 0 26px;display:flex;justify-content:space-between;gap:16px;font-size:.76rem}.footer-last a{text-decoration:none}
.product-page details.source-disclosure{border:1px solid #c1d1e8;border-left:4px solid #315f9f;background:#fff;border-radius:10px;padding:0;overflow:hidden}.source-body{padding:22px 24px}.source-body ul{padding-left:20px}.source-body li{margin:7px 0}.source-body a{overflow-wrap:anywhere}
.video-list-label{font:700 1.05rem var(--font-display);color:#193b70;margin:22px 0 10px}.video-choices{list-style:none;padding:0;margin:0;display:grid;gap:8px}.video-choices button{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d0dbeb;border-radius:10px;color:#203d67;text-align:left;padding:13px 15px}.video-choices button[aria-pressed=true]{background:#edf3ff;border-color:#2759a8;box-shadow:inset 3px 0 #2759a8}.video-choices button:hover{background:#edf3ff}.video-choices svg{width:20px;flex-shrink:0}.video-choices button>span:nth-child(2){flex:1;min-width:0}.video-choices strong{display:block;font-size:.9rem;line-height:1.4}.video-choices small{display:block;font-size:.76rem;color:#5e708a;margin-top:4px}.video-choice-state{font-size:.7rem;font-weight:700}.video-fallback{font-size:.72rem;color:#5e708a;margin-top:14px}.video-fallback a{color:inherit;text-underline-offset:3px}.video-choices button:focus-visible{outline:3px solid #c38a27;outline-offset:3px}
@media(max-width:1000px){.discovery-footer .footer-directory{grid-template-columns:1fr 1fr;gap:32px}.footer-story{grid-row:span 2}}
@media(max-width:600px){.discovery-footer .footer-welcome{padding:28px 24px;display:block;border-radius:16px}.discovery-footer .footer-welcome h2{font-size:2rem}.footer-explore{margin-top:20px;justify-content:space-between;font-size:.88rem}.discovery-footer .footer-directory{grid-template-columns:1fr 1fr;gap:26px 18px;padding-top:6px}.footer-story{grid-column:1/-1;grid-row:auto}.discovery-footer .footer-story p{max-width:40ch}.discovery-footer nav h3{font-size:1.1rem}.discovery-footer nav a{font-size:.83rem;padding:5px 0}.footer-disclosures{grid-template-columns:1fr;gap:17px}.discovery-footer .footer-disclosures p{font-size:.79rem}.footer-last{font-size:.7rem}.video-choice-state{display:none}.source-body{padding:18px}}

/* Current and alternative game covers share one consistent comparison treatment. */
.cmp thead .cmp-game{display:grid;gap:9px;justify-items:start;color:var(--ink)}
.cmp-cover{display:flex;align-items:center;justify-content:flex-start;min-height:80px}
.cmp thead .cmp-cover img{height:80px;width:auto;max-width:115px;object-fit:contain}
@media(max-width:360px){.occasion-grid{grid-template-columns:minmax(0,1fr)!important}.occasion{gap:12px!important}}

/* Research: an editorial trust page, using real catalogue imagery and clear limits. */
.research-page{--research-blue:#234e96;--research-pale:#eaf0fb;--research-green:#edf5ef;padding-bottom:45px}
.research-page h1,.research-page h2,.research-page h3{line-height:1.1;letter-spacing:-.025em}
.research-page p{line-height:1.65}.research-page .eyebrow{font-size:.72rem;line-height:1.5;letter-spacing:.15em;margin:0 0 16px}.research-page a:focus-visible{outline:3px solid #d58c15;outline-offset:5px}
.research-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:35px 0 48px}
.research-intro h1{font-size:clamp(2.8rem,4.5vw,4.8rem);margin:0 0 24px;color:var(--ink)}
.research-intro h1 em{font-style:normal;color:var(--research-blue);text-decoration:underline;text-decoration-color:#e5b24e;text-decoration-thickness:5px;text-underline-offset:7px}
.research-intro>p:not(.eyebrow){max-width:46ch;color:var(--muted);margin-bottom:18px}.research-intro .research-lede{font-size:1.2rem!important;color:var(--ink)!important}
.research-link{font-weight:700;display:inline-flex;gap:13px;align-items:center;color:var(--research-blue);text-decoration:none;margin-top:12px;line-height:1.5}.research-link:hover{text-decoration:underline}
.research-board{background:var(--research-pale);border:1px solid #d7e2f5;border-radius:30px;padding:32px 25px 20px;position:relative;box-shadow:0 10px 0 #d8e3f280}
.research-board>.eyebrow{text-align:center;color:#4d678a;font-size:.65rem}
.research-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;padding:20px 0 25px}
.research-cover{display:grid;gap:16px;text-align:center;text-decoration:none;color:var(--ink);font:700 .96rem/1.2 var(--font-display);min-width:0}
.research-cover img{height:195px;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}
.research-cover:nth-child(1) img{transform:rotate(-6deg)}.research-cover:nth-child(3) img{transform:rotate(5deg)}.research-cover:hover img{transform:translateY(-5px)}
.research-cover span{min-height:2.4em}.research-board-note{display:flex;gap:16px;align-items:center;background:#fffdf8;padding:20px 25px;border-radius:16px;border:1px solid #d9e1ed;margin:0 6px}
.research-board-note svg{width:38px;height:38px;flex:none;color:var(--research-blue)}.research-board-note p{margin:0;font-size:.92rem;line-height:1.5}.research-board-note strong{font:700 1.35rem var(--font-display)}
.research-credit{font-size:.67rem;color:#566b89;text-align:center;margin:18px 0 0!important}
.research-principles{display:flex;justify-content:space-around;gap:20px;border-block:1px solid #dddcd5;padding:24px 0;font-weight:650;font-size:.95rem}.research-principles span{display:flex;gap:12px;align-items:center}.research-principles svg{width:24px;height:24px;color:var(--research-blue);flex:none}
.research-section{margin-top:80px;scroll-margin-top:120px}.research-heading{max-width:660px;margin-bottom:32px}.research-heading h2{font-size:clamp(2rem,3vw,3rem);margin:0 0 16px}.research-heading>p:not(.eyebrow){color:var(--muted);max-width:57ch;margin:0}
.research-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.research-steps li{padding:24px 22px;background:#fff;border:1px solid #dedfdc;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start}
.research-step-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:25px;color:var(--research-blue)}.research-step-top svg{width:33px;height:33px}.research-step-top>span{font:700 2.2rem/1 var(--font-display);color:#bdcee7}
.research-steps li:nth-child(2){background:#fff7e3}.research-steps li:nth-child(3){background:#edf5ef}.research-steps li:nth-child(4){background:#edf2fc}
.research-steps h3{font-size:1.4rem;margin:0 0 12px}.research-steps p{font-size:.92rem;color:var(--muted);margin:0 0 22px}.research-step-label{font-size:.69rem;font-weight:650;border-top:1px solid #ccd5df;padding-top:13px;margin-top:auto;line-height:1.5;width:100%}
.research-honesty{display:flex;gap:14px;padding:20px 0 0;font-size:.88rem;color:var(--muted);max-width:940px}.research-honesty svg{width:22px;height:22px;flex:none;margin-top:3px}.research-honesty strong{color:var(--ink)}
.research-fit{background:#f0f3f9;border:1px solid #dbe2ee;padding:40px;border-radius:26px}.research-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.research-example{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;background:#fff;padding:26px;border-radius:18px;border:1px solid #dce2eb;color:var(--ink);text-decoration:none}.research-example-image img{width:100%;height:160px;object-fit:contain}.research-example:hover{border-color:var(--research-blue)}
.research-kicker{display:block;text-transform:uppercase;font-size:.64rem;font-weight:700;letter-spacing:.06em;margin-bottom:10px;color:#597093}.research-example h3{font-size:1.5rem;margin:0 0 10px}.research-example p{color:var(--muted);font-size:.88rem;margin:0}.research-example .research-link{font-size:.85rem}
.research-read{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.research-read-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.research-read-grid>div{border-top:2px solid #d6e0ed;padding-top:20px}.research-read-grid svg{width:28px;height:28px;color:var(--research-blue);margin-bottom:14px}.research-read-grid h3{font-size:1.3rem;margin:0 0 12px}.research-read-grid p{font-size:.92rem;color:var(--muted);margin:0}
.research-independent{margin-top:75px;background:#172e50;color:#fff;border-radius:26px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.research-independent .eyebrow{color:#a8bfdf}.research-independent h2{color:#fff;font-size:clamp(2rem,3vw,2.8rem);margin:0 0 20px}.research-independent p{color:#d0dbee;font-size:.96rem;margin:0 0 18px}.research-independent h3{color:#fff;font-size:1.6rem;margin:0 0 16px}.research-independent strong{color:#fff}.research-independent a{color:#f8d888;font-size:.9rem}.research-money{border-left:1px solid #4a6081;padding-left:38px}
.research-limits{display:grid;grid-template-columns:1fr 1fr;gap:65px}.research-checks{background:#fff;border:1px solid #dfded8;border-radius:20px;padding:30px}.research-checks h3{font-size:1.5rem;margin:0 0 20px}.research-checks ol{list-style:none;padding:0;margin:0}.research-checks li{display:flex;gap:14px;padding:16px 0;border-top:1px solid #e7e5de}.research-checks li>span{border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#eaf0fb;flex:none;font-weight:750;color:var(--research-blue)}.research-checks p{font-size:.9rem;color:var(--muted);margin:5px 0 0}
.research-corrections{margin-top:28px;border-left:3px solid #d6ac5d;padding:4px 0 4px 22px;font-size:.88rem;max-width:900px}.research-corrections p{color:var(--muted);margin:4px 0 0}
.research-end{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #dddcd5;margin-top:65px;padding-top:35px}.research-end h2{font-size:2.2rem;margin:0}.research-end>div:last-child{display:grid;justify-items:start}.research-end .btn{background:var(--research-blue);color:white;padding:14px 22px;border-radius:10px;text-decoration:none;font-weight:700}
@media(max-width:1050px){.research-hero{gap:35px}.research-board{padding:28px 18px 18px}.research-cover img{height:160px}.research-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.research-fit{padding:30px}.research-example{grid-template-columns:80px 1fr;padding:20px;gap:16px}.research-example-image img{height:135px}.research-read,.research-independent,.research-limits{gap:32px}.research-independent{padding:35px}}
@media(max-width:700px){.research-hero{grid-template-columns:1fr;padding-top:18px;gap:32px}.research-intro h1{font-size:3.1rem}.research-intro h1 br:nth-of-type(2){display:none}.research-intro>p:not(.eyebrow){max-width:none}.research-board{max-width:540px;width:100%;justify-self:center}.research-cover img{height:170px}.research-principles{flex-wrap:wrap;justify-content:flex-start;font-size:.8rem;gap:16px 25px}.research-principles svg{width:20px;height:20px}.research-section{margin-top:52px}.research-heading h2{font-size:2.3rem}.research-fit{padding:25px 20px}.research-example-grid{grid-template-columns:1fr}.research-read,.research-limits,.research-independent{grid-template-columns:1fr;gap:28px}.research-money{border-left:0;border-top:1px solid #4a6081;padding:25px 0 0}.research-independent{padding:28px;margin-top:52px}.research-read .research-heading,.research-limits .research-heading{margin-bottom:0}.research-end{align-items:flex-start;flex-direction:column;margin-top:48px}.research-example{grid-template-columns:100px 1fr}.research-checks{padding:24px}}
@media(max-width:420px){.research-steps,.research-read-grid{grid-template-columns:1fr}.research-steps li{padding:22px}.research-step-top{margin-bottom:16px}.research-cover img{height:132px}.research-covers{gap:7px}.research-cover{font-size:.8rem}.research-board{padding-inline:14px;border-radius:20px}.research-board-note{padding:16px;margin:0;gap:12px}.research-board-note strong{font-size:1.2rem}.research-board-note svg{width:28px}.research-fit{padding:22px 15px}.research-example{grid-template-columns:75px 1fr;padding:17px 14px;gap:13px}.research-example h3{font-size:1.3rem}.research-intro h1{font-size:2.8rem}.research-principles{display:grid;gap:14px}.research-independent{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){.research-cover img{transition:none}}
@media(max-width:560px){.research-steps,.research-read-grid{grid-template-columns:1fr}.research-step-top{margin-bottom:16px}}

/* Amazon.in-only buying (2026-10-13) */
.ao-box{gap:10px}
.ao-head{font-family:var(--font-display);font-weight:800;font-size:1.4rem;line-height:1.2;color:var(--indigo);margin:0}
.ao-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;font-size:1.06rem;margin-top:2px}
.ao-note{font-size:.9rem;color:var(--muted);margin:0}
.ao-disclose{font-size:.8rem;color:var(--muted);margin:0}
.ao-card{display:grid;gap:16px 32px;align-items:center;background:var(--card,#fff);border:1.5px solid var(--indigo);border-radius:14px;padding:20px 22px}
@media(min-width:760px){.ao-card{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}}
.ao-card-title{font-family:var(--font-display);font-weight:800;font-size:1.25rem;line-height:1.25;color:var(--indigo);margin:8px 0 4px}
.ao-card .muted{margin:0}
.ao-card-cta{display:grid;gap:6px}
.ao-card-cta .fine{text-align:center;margin:0}
.ao-fine{margin-top:16px}
.ao-slip{gap:12px}
.ao-slip .ao-head{font-size:1.3rem}

/* Editorial guides: Paper & play, full articles and a seven-story library. */
.guide-library-head{background:#e9eff8;border:1px solid #d8e2f2;border-radius:24px;padding:44px 48px;margin:10px 0 48px;position:relative;overflow:hidden}.guide-library-head h1{font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.1;margin:14px 0}.guide-library-head p:not(.eyebrow){max-width:58ch;font-size:1.1rem;line-height:1.7}.guide-library-head>span{display:block;margin-top:24px;font-size:.8rem;color:#516787}.guide-library-grid,.home-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.guide-library-classics{margin-top:66px}.guide-library-grid .guide-photo,.home-guide-grid .guide-photo{aspect-ratio:1.8}.guide-library-grid .guide-card h3{font-size:1.8rem}.guide-card:focus-visible{outline:3px solid #2453a3;outline-offset:7px;border-radius:10px}.editorial-guide{margin-top:20px}.editorial-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:46px;align-items:center;margin:20px 0 60px}.editorial-heading h1{font-size:clamp(2.6rem,4.6vw,4.1rem);line-height:1.08;letter-spacing:-.025em;margin:18px 0 24px;max-width:13ch}.editorial-lede{font-size:1.14rem;line-height:1.75;color:#435777;max-width:46ch}.editorial-byline{font-size:.76rem;line-height:1.9;margin:22px 0;color:#526787}.editorial-byline span{margin:0 7px}.editorial-hero figure{margin:0;min-width:0}.editorial-hero img{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;border-radius:22px;display:block}.editorial-hero figcaption{font-size:.68rem;color:#61728b;line-height:1.5;display:flex;justify-content:space-between;gap:10px;margin-top:12px}.editorial-hero figcaption span{font-style:italic}.editorial-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:60px;justify-content:center;align-items:start}.guide-navigation{position:sticky;top:125px;border-top:3px solid #2453a3;padding-top:20px}.guide-navigation nav{display:flex;flex-direction:column;margin-top:16px;gap:0}.guide-navigation nav a{font-size:.78rem;color:#435777;line-height:1.5;text-decoration:none;padding:9px 0;border-bottom:1px solid #e4e0d6}.guide-navigation nav a:hover{color:#174eac}.guide-method{margin-top:26px!important;font-size:.73rem;line-height:1.7;color:#63718a}.guide-method a{display:block;margin-top:10px}.editorial-prose{min-width:0;font-size:1rem;line-height:1.85}.editorial-prose>p:first-child{margin-top:0}.editorial-prose p{margin:0 0 23px}.editorial-prose section{margin-top:42px;scroll-margin-top:130px}.editorial-prose h2{font-size:1.9rem;line-height:1.22;margin:0 0 22px;max-width:27ch}.editorial-prose h3{font-size:1.4rem;line-height:1.3;margin:30px 0 14px}.editorial-prose a{color:#244f96;text-decoration-thickness:1px;text-underline-offset:4px}.editorial-prose a:hover{color:#12316b}.table-hint{font-size:.72rem;font-weight:700;color:#214b8c;margin:0 0 10px!important}.table-hint span{display:none}.guide-table-wrap{width:100%;overflow-x:auto;border:1px solid #d6dfed;border-radius:14px;background:white;margin:0 0 24px}.guide-table{border-collapse:collapse;min-width:620px;width:100%;font-size:.75rem;line-height:1.55}.guide-table th,.guide-table td{padding:15px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #e4e9f0}.guide-table thead th{background:#e8eff9;color:#183e75;font-weight:700}.guide-table tbody th{color:#203f6a;font-weight:700}.guide-table tbody tr:nth-child(even){background:#fafbfdfc}.guide-table tr:last-child>*{border-bottom:0}.editorial-note{border-left:4px solid #bd7a22;background:#f4eee2;border-radius:0 14px 14px 0;padding:24px 28px;margin-top:40px;font-size:.83rem;line-height:1.75}.editorial-note p{margin:8px 0 0}.guide-game-section{margin-top:68px;padding:36px;border-radius:24px;background:#eaf0f8;scroll-margin-top:120px}.guide-shopping-note{max-width:85ch;font-size:.82rem;color:#526783;line-height:1.7;margin-bottom:24px}.guide-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-game{background:white;border:1px solid #dce4f0;border-radius:16px;padding:20px;display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}.guide-game:hover{border-color:#6e8bbc;transform:translateY(-2px)}.guide-game .shot{padding:0;background:white;height:120px;align-self:center;border:0;box-shadow:none}.guide-game .shot img{max-height:120px;object-fit:contain}.guide-game h3{font-size:1.4rem;margin:0 0 5px}.guide-game-info>p{font-size:.68rem;line-height:1.6;margin:0 0 8px}.guide-game .guide-stock{font-weight:700;color:#365b4b}.guide-game .guide-stock.warn{color:#925900}.guide-game .guide-store-date{font-size:.6rem;color:#5b6e8a}.guide-game .text-link{font-size:.68rem;display:inline-block;margin-top:8px}.guide-next{margin:58px 0 30px}.guide-next h2{font-size:2rem;margin:10px 0 24px}.guide-next>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.guide-next a{border-top:1px solid #cccfcf;padding:23px 0;text-decoration:none;color:inherit}.guide-next span{display:block;font-size:.7rem;color:#5a6d88;margin-bottom:10px}.guide-next strong{font-family:var(--font-display);font-size:1.4rem;line-height:1.3}.editorial-layout{scroll-margin-top:125px}.legacy-guide-image{width:100%;border-radius:18px;margin:24px 0;display:block}.guide-listing-note{font-size:.8rem;color:#576b89;line-height:1.7}
@media(max-width:1000px){.editorial-hero{gap:28px}.editorial-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.guide-navigation{top:140px}.guide-game{gap:12px;grid-template-columns:65px minmax(0,1fr)}.guide-game-section{padding:25px}.guide-game .shot{height:100px}}
@media(max-width:760px){.editorial-hero{grid-template-columns:1fr;margin-bottom:32px;gap:26px}.editorial-heading h1{max-width:18ch;font-size:3rem}.editorial-lede{max-width:none}.editorial-hero img{aspect-ratio:1.5}.editorial-layout{display:block}.guide-navigation{position:static;padding:20px;background:#eef2f8;border:1px solid #d9e1ed;border-radius:16px;margin-bottom:34px}.guide-navigation nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.guide-navigation nav a{font-size:.85rem}.guide-method{display:none}.editorial-prose{font-size:1rem}.editorial-prose h2{font-size:1.9rem}.table-hint span{display:block;font-weight:400;margin-top:4px}.guide-library-head{padding:28px;margin-bottom:35px}.guide-library-grid,.home-guide-grid{gap:30px}.guide-game-grid{grid-template-columns:1fr}.guide-game{grid-template-columns:90px minmax(0,1fr);padding:20px;gap:18px}.guide-game-info>p{font-size:.8rem}.guide-game .guide-store-date{font-size:.72rem}.guide-game .text-link{font-size:.8rem}.guide-game-section{padding:22px;margin-top:40px}.guide-next strong{font-size:1.3rem}}
@media(max-width:620px){.guide-library-grid,.home-guide-grid{grid-template-columns:1fr}.editorial-heading h1{font-size:2.8rem}.editorial-hero figcaption{display:block;font-size:.7rem}.editorial-hero figcaption span{display:block;margin-top:4px}.editorial-byline{font-size:.82rem}.editorial-lede{font-size:1.06rem}.guide-navigation nav{grid-template-columns:1fr}.guide-navigation nav a{padding:8px 0}.editorial-note{padding:20px;font-size:.88rem}.editorial-prose section{scroll-margin-top:150px}.guide-table{font-size:.82rem}.guide-game-section{margin-inline:-6px;padding:20px 15px}.guide-game{grid-template-columns:72px minmax(0,1fr);gap:15px;padding:18px 14px}.guide-next>div{grid-template-columns:1fr;gap:0}.guide-library-classics{margin-top:42px}.guide-library-head{padding:26px 22px}.guide-library-head>span{font-size:.8rem}.guide-library-head p:not(.eyebrow){font-size:1rem}.guide-library-grid .guide-photo,.home-guide-grid .guide-photo{aspect-ratio:1.5}}

.guide-availability-note{padding:16px 20px;background:#fff2dc;border:1px solid #ead6af;border-radius:12px;font-size:.82rem;line-height:1.7;color:#6e502b}