html,body{height:100%}
body{margin:0;background:transparent !important;background-image:none !important}

/* full-viewport background */
#hud-bg{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  z-index:-1 !important;          /* shove behind everything */
  pointer-events:none !important;
  overflow:hidden !important;
  transform:translateZ(0);
  will-change:transform;
}

/* readability vignette (does not “fog” photos like the old layer) */
#hud-bg::after{
  content:"";
  position:absolute; inset:-2%;
  background:
    radial-gradient(1200px 650px at 18% 0%, rgba(0,0,0,.16), transparent 60%),
    radial-gradient(900px 520px at 85% 20%, rgba(0,0,0,.14), transparent 55%),
    linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,.42));
}

.hud-xfade-layer{
  position:absolute;
  inset:-3%;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:0;
  transition: opacity 2000ms cubic-bezier(.22,.65,.18,1);
  will-change:opacity,transform;
  filter:saturate(1.05) contrast(1.03);
}

.hud-xfade-layer.is-on{
  opacity:1;
  animation:hudKenBurns 18s ease-in-out infinite alternate;
}

@keyframes hudKenBurns{
  0%{transform:scale(1.06) translate3d(-0.6%,-0.4%,0)}
  100%{transform:scale(1.12) translate3d(0.6%,0.4%,0)}
}

/* keep page content above everything */
body > :not(#hud-bg){position:relative; z-index:1}

/* AARC_PATCH_BG_SMOOTH_V7_BEGIN 20251218T164929Z file=bg-xfade.css N=6 SEG=30s FADE=10s STEP=20.000s TOTAL=130.000s */
#hud-bg .s{opacity:0!important;animation-name:aarc_bg_v7!important;animation-duration:130.000s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;will-change:opacity;transform:translate3d(0,0,0);}
#hud-bg .s:nth-child(1){animation-delay:0.000s!important;}
#hud-bg .s:nth-child(2){animation-delay:20.000s!important;}
#hud-bg .s:nth-child(3){animation-delay:40.000s!important;}
#hud-bg .s:nth-child(4){animation-delay:60.000s!important;}
#hud-bg .s:nth-child(5){animation-delay:80.000s!important;}
#hud-bg .s:nth-child(6){animation-delay:100.000s!important;}
#hud-bg .s:nth-child(1){animation-name:aarc_bg_v7_wrap!important;}
@keyframes aarc_bg_v7{0%{opacity:0} 7.692308%{opacity:1} 15.384615%{opacity:1} 23.076923%{opacity:0} 100%{opacity:0}}
@keyframes aarc_bg_v7_wrap{0%{opacity:1} 15.384615%{opacity:1} 23.076923%{opacity:0} 92.307692%{opacity:0} 100%{opacity:1}}
/* AARC_PATCH_BG_SMOOTH_V7_END */