/* One continuous panorama per realm, shared by every page and scroll position.
   A fixed element avoids mobile background-attachment and long-page stretching. */
body[data-realm]{isolation:isolate;background:#050608;--realm-panorama-position:65% center}
body[data-realm="lod"]{--realm-panorama:url('/assets/pandemonium-fortress.png')}
body[data-realm="d2r"]{--realm-panorama:url('/assets/realm-art/d2r-sanctuary-night-v1.webp')}
body[data-realm="hub"]{--realm-panorama:url('/assets/sanctuary/sanctuary-gates.webp');--realm-panorama-position:50% 44%}
body[data-realm] .sanctuary-backdrop{
 display:block;position:fixed;inset:0;height:100vh;height:100lvh;max-height:none;z-index:-4;opacity:1;pointer-events:none;
 background-image:linear-gradient(90deg,#02050bd9 0%,#02050b9c 38%,#02050b52 75%,#02050b80),var(--realm-panorama);
 background-position:center,var(--realm-panorama-position);background-size:cover;background-repeat:no-repeat;filter:none;transform:none;animation:none;
}
body[data-realm="hub"] .sanctuary-backdrop{background-image:linear-gradient(#02050b77,#02050baa),var(--realm-panorama)}
body[data-realm] .sanctuary-vignette{box-shadow:inset 0 0 110px 15px #0008;background:linear-gradient(90deg,#0003,transparent 20%,transparent 80%,#0003)}
body[data-realm] .sanctuary-fog{opacity:.13}
/* Remove the old hero-only copies and opaque fades: the same scene now shows
   behind the hero, below it, and on ladder/armory/help/account pages. */
body[data-realm="lod"] .landing-hero,body[data-realm="d2r"] .d2r-home-hero,body[data-realm="hub"] .realm-hub-hero{background:transparent}
/* The logo's screen blend must reach the shared panorama outside the hero.
   Isolating the now-transparent hero exposes the video's black matte. */
body[data-realm="d2r"] .d2r-home-hero{isolation:auto}
body[data-realm="lod"] .landing-hero-art,body[data-realm="lod"] .landing-hero-image,
body[data-realm="lod"] .landing-hero-shade,body[data-realm="d2r"] .d2r-home-hero .gate-hero-art,
body[data-realm="d2r"] .d2r-home-hero .gate-hero-shade,body[data-realm="hub"] .realm-hub-scene{display:none}
body[data-realm="hub"] .realm-hub-hero::after{content:none}
body[data-realm] .rf{background:linear-gradient(#080909e8,#050608f5);box-shadow:none}
@media(min-width:2000px){body[data-realm]{--realm-panorama-position:center}}
@media(max-width:700px){
 body[data-realm="lod"]{--realm-panorama-position:66% center}
 body[data-realm="d2r"]{--realm-panorama-position:76% center}
 body[data-realm="hub"]{--realm-panorama-position:50% center}
 body[data-realm] .sanctuary-backdrop{background-image:linear-gradient(#02050b99,#02050bb3),var(--realm-panorama)}
 body[data-realm] .sanctuary-vignette{box-shadow:inset 0 0 55px 8px #0005;background:none}
}