/* TempleLegend V3.4.5: backgrounds stay fixed while the page content scrolls. */
html,body{background-color:#020817;background-repeat:no-repeat;background-position:center;background-size:cover}
.tl-fixed-background{position:relative;isolation:isolate;background-image:none!important;background-color:transparent!important}
.tl-fixed-background::before{content:"";position:fixed;z-index:-2;top:0;bottom:0;left:50%;width:min(100vw,430px);transform:translateX(-50%);background-image:var(--tl-fixed-background,radial-gradient(circle at top,#0b3d77,#020817 56%));background-repeat:no-repeat;background-position:center;background-size:cover;pointer-events:none}
.platform-shell>.route-view>.tl-fixed-background{min-height:100dvh}
.auth-page.tl-fixed-background::before{background-image:var(--tl-fixed-background,var(--auth-bg,none))}
.main-city.tl-fixed-background::before{background-image:var(--tl-fixed-background,var(--city-bg,none))}
.page.tl-fixed-background::before{background-image:var(--tl-fixed-background,radial-gradient(circle at top,#0b3d77,#020817 56%))}

/* Standalone player pages. The content may scroll, but the artwork remains anchored to the viewport. */
body.auth-body,body.city-body,body.card-body,body.lottery-body,body.machine-body,body.machine-center-body,body.entry-body,body.game-body,
.auth-shell,.city-shell,.card-app,.lottery-page,.machine-center-shell,.entry-body,.game-page{
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  background-attachment:fixed!important;
}
body.lottery-body .lottery-page{background-attachment:fixed!important}
body.machine-body,body.machine-center-body{background-attachment:fixed!important}
@media(min-width:431px){.tl-fixed-background::before{width:430px}}
@media(max-width:430px){.tl-fixed-background::before{width:100vw}}