/* Full-frame backglass heroes; preserved previous artwork directly above each shot map. */
body[data-backglass-layout] .opening.cinematic{display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:var(--bg)!important}
body[data-backglass-layout] .opening.cinematic::before,body[data-backglass-layout] .opening.cinematic::after{display:none!important}
body[data-backglass-layout] .opening.cinematic img.art{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;object-fit:contain!important;transform:none!important;mask-image:none!important;opacity:1!important;border-radius:0!important;order:0}
body[data-backglass-layout] .opening.cinematic .intro{position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:2rem 5vw!important;background:var(--bg)!important;order:1;text-align:left!important}
body[data-backglass-layout] .opening.cinematic h1{font-size:clamp(2.6rem,6vw,6rem)!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.05!important;text-align:left!important}
body[data-backglass-layout] .opening.cinematic .intro p{max-width:65ch!important;margin-left:0!important}
body[data-backglass-layout] header.guide-hero{display:flex!important;flex-direction:column!important;padding:0!important;gap:0!important}
body[data-backglass-layout] .guide-hero .hero-art{order:0;display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;aspect-ratio:auto!important}
body[data-backglass-layout] .guide-hero .hero-art img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:0!important}
body[data-backglass-layout] .guide-hero .hero-copy{order:1;padding:2rem 5vw!important;max-width:none!important}
body[data-backglass-layout] main .playfield-story-art{display:block!important;grid-column:1/-1!important;width:100%!important;max-width:1400px!important;margin:2rem auto 3rem!important;padding:0!important;background:none!important;border:0!important;overflow:visible!important}
body[data-backglass-layout] main .playfield-story-art img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;object-fit:contain!important;mask-image:none!important;border-radius:0!important;margin:0!important}
/* Scared Stiff: anchor the actual field at the start of its map, not offset by the older bleed layout. */
body.scared[data-backglass-layout] section.bleed>.shot-map{width:100%!important;max-width:none!important;margin:2rem 0!important;transform:none!important;gap:24px!important}
body.scared[data-backglass-layout] .shot-map__field{position:static!important;align-self:start!important;grid-row:1!important;grid-column:2!important;margin:0!important}
@media(min-width:1101px){body.scared[data-backglass-layout] .shot-map{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr) minmax(0,1fr)!important}}
@media(max-width:1100px){body.scared[data-backglass-layout] .shot-map__field{grid-column:1/-1!important;grid-row:1!important}body.scared[data-backglass-layout] .shot-map__side{grid-row:2}}
@media(max-width:700px){body.scared[data-backglass-layout] .shot-map__side--right{grid-row:3}}

/* Copy now sits on the page background, so use the theme's readable ink. */
body[data-backglass-layout] .opening.cinematic .intro h1,
body[data-backglass-layout] .opening.cinematic .intro p,
body[data-backglass-layout] .opening.cinematic .intro .eyebrow{color:var(--ink)!important;text-shadow:none!important}
body[data-backglass-layout] .opening.cinematic .intro p a{color:inherit!important;text-shadow:none!important}

/* Backglass illustrations stand alone: never inherit cinematic fades or filters. */
body[data-backglass-layout] .opening.cinematic img.art,
body[data-backglass-layout] .guide-hero .hero-art img{mask-image:none!important;-webkit-mask-image:none!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important}

/* Exposure correction for the original unlit backglass fallbacks only. */
body[data-backglass-layout] :is(.opening.cinematic img.art,.guide-hero .hero-art img)[src*="batman-66-original-v1.png"]{filter:brightness(2.75)!important}
body[data-backglass-layout] :is(.opening.cinematic img.art,.guide-hero .hero-art img)[src*="simpsons-pinball-party-original-v1.png"]{filter:brightness(2.15)!important}
body[data-backglass-layout] :is(.opening.cinematic img.art,.guide-hero .hero-art img)[src*="avengers-original-v1.png"]{filter:brightness(1.75)!important}
body[data-backglass-layout] :is(.opening.cinematic img.art,.guide-hero .hero-art img)[src*="indiana-jones-original-v1.png"]{filter:brightness(1.6)!important}
body[data-backglass-layout] :is(.opening.cinematic img.art,.guide-hero .hero-art img)[src*="spider-man-classic-original-v1.png"]{filter:brightness(1.4)!important}
body[data-backglass-layout] :is(.opening.cinematic img.art,.guide-hero .hero-art img)[src*="x-men-le-original-v1.png"]{filter:brightness(2.05)!important}
body[data-backglass-layout] :is(.opening.cinematic img.art,.guide-hero .hero-art img)[src*="stranger-things-original-2020-original-v1.png"]{filter:brightness(1.45)!important}