/* IDS game dossier pages */
.game-detail-page{background:radial-gradient(circle at 84% 6%,rgba(55,105,132,.14),transparent 28%),#050609}
.game-detail-breadcrumbs{max-width:var(--max);margin:0 auto;padding:28px 20px 0;color:#7d8a95;font-size:.76rem}
.game-detail-breadcrumbs a{color:#c5cdd4;text-decoration:none}
.game-detail-hero{max-width:var(--max);margin:0 auto;padding:34px 20px 38px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:38px;align-items:center}
.game-detail-art{min-height:260px;display:grid;place-items:center;position:relative}
.game-detail-art img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid #303b45;box-shadow:0 22px 45px rgba(0,0,0,.4)}
.game-image-placeholder{width:100%;aspect-ratio:16/10;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #2a3540;background:linear-gradient(145deg,#111a23,#080c11)}
.game-image-placeholder span,.game-image-placeholder small{color:#75838f;font-size:.58rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.game-image-placeholder strong{color:#d9dfe4;font:900 1.3rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.game-image-credit{position:absolute;left:0;right:0;bottom:-24px;color:#65727e;font-size:.59rem;text-align:center}
.game-image-loaded .game-image-placeholder{display:none!important}.game-image-missing img{display:none!important}
.game-detail-hero h1{max-width:980px;margin:8px 0 14px;font:900 clamp(3rem,6vw,6.2rem)/.88 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.game-detail-dek{max-width:900px;color:#aeb9c2;font-size:1.04rem;line-height:1.72}
.game-detail-shell{max-width:var(--max);margin:0 auto;padding:8px 20px 92px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:start}
.game-detail-article>section{padding:34px 0;border-top:1px solid var(--line)}
.game-detail-article>section:first-child{padding-top:0;border-top:0}
.game-detail-article h2{margin:7px 0 17px;max-width:900px;font:900 clamp(2rem,3.7vw,3.2rem)/.98 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.game-detail-article p{max-width:900px;color:#c1c9d1;line-height:1.82}
.game-detail-rail{position:sticky;top:104px}
.game-detail-facts{display:flex;flex-direction:column;margin:0 0 12px;border:1px solid var(--line);background:var(--line)}
.game-detail-facts:before{content:"Quick facts";padding:11px 16px;background:#101720;color:#dce3e8;font:900 .72rem/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.game-detail-facts>div{padding:14px 16px;border-top:1px solid var(--line);background:#0d1219}
.game-detail-facts dt{color:#8293a0;font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.game-detail-facts dd{margin:7px 0 0;color:#e0e5e9;font-size:.88rem;line-height:1.45}
.game-detail-rail-card{padding:22px;border:1px solid var(--line);background:#0d1219}
.game-detail-rail-card h3{margin:7px 0 13px;font:900 1.42rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.game-detail-rail-card a{display:block;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);color:#cbd4db;text-decoration:none;font-size:.8rem;font-weight:800}
.game-detail-sources ul{margin:18px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.game-detail-sources li{border-bottom:1px solid var(--line)}
.game-detail-sources a{display:block;padding:13px 4px;color:#cfd8df;text-decoration:none;font-weight:800}
.game-detail-nextprev{max-width:var(--max);margin:0 auto 80px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.game-detail-nextprev a{min-height:120px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#101720,#080b10);text-decoration:none}
.game-detail-nextprev span{display:block;color:#8293a0;font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.game-detail-nextprev strong{display:block;margin-top:9px;font:900 1.25rem/1.05 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.game-detail-nextprev a:last-child{text-align:right}
@media(max-width:1000px){.game-detail-shell{grid-template-columns:1fr}.game-detail-rail{position:static}}
@media(max-width:760px){.game-detail-hero{grid-template-columns:1fr}.game-detail-art{min-height:0;justify-items:start}.game-detail-art img,.game-image-placeholder{max-width:280px}.game-detail-nextprev{grid-template-columns:1fr}.game-detail-nextprev a:last-child{text-align:left}}


/* Mobile reading repair: the persistent full-size IDS masthead was obscuring
   lines of game summaries when readers scrolled. On narrow screens the header
   takes part in document flow and scrolls away before the article begins. */
@media(max-width:760px){
  body.game-detail-page .site-header{
    position:relative!important;
    top:auto!important;
  }
  body.game-detail-page .game-detail-article>section,
  body.game-detail-page .ge-jump,
  body.game-detail-page .ge-hero,
  body.game-detail-page .ge-field-guide{
    scroll-margin-top:18px!important;
  }
}


/* IDS GAMES B02 / SHARED DETAIL — legacy and custom game hero safeguards. */
body.game-detail-page .game-detail-hero,
body.game-detail-page .game-detail-shell,
body.game-detail-page .game-detail-article,
body.game-detail-page .game-detail-rail {
  min-width:0;
}
body.game-detail-page .game-detail-hero h1 {
  line-height:1.08;
  overflow-wrap:break-word;
  text-wrap:balance;
}
body.game-detail-page .game-detail-hero .game-detail-dek {
  overflow:visible;
  max-height:none;
  text-overflow:clip;
  line-height:1.65;
}
body.game-detail-page .game-detail-article :where(img,video,iframe) {
  max-width:100%;
}
@media(max-width:760px) {
  body.game-detail-page .game-detail-hero {
    width:100%;
    grid-template-columns:minmax(0,1fr);
    gap:20px;
    padding:22px 16px 30px;
  }
  body.game-detail-page .game-detail-hero h1 {
    font-size:clamp(2.2rem,9vw,3.5rem);
    line-height:1.13;
    letter-spacing:-.02em;
  }
  body.game-detail-page .game-detail-dek {
    font-size:1rem;
    line-height:1.64;
  }
}
