/* ArezzoMT2 v82 - realistic video-loop background instead of eye-tiring CSS character motion */

/* Hide previous CSS character animation completely */
body.az-v22-body .az80-live-bg,
body.az-v22-body .az80-char,
body.az-v22-body .az80-sparks,
body.az-v22-body .az80-ambient,
body.az-v22-body .az79-scene{display:none !important}
body.az-v22-body .az74-page::before,
body.az-v22-body .az74-page::after{display:none !important}

body.az-v22-body{
  background:#080914 !important;
}
body.az-v22-body .az74-page{
  position:relative !important;
  isolation:isolate !important;
  background:transparent !important;
  min-height:100vh !important;
  overflow-x:hidden !important;
}

/* Full screen animated video like live wallpaper */
body.az-v22-body .az82-video-bg{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  background:#080914 url('../images/az82-live-bg-poster.jpg') center center / cover no-repeat !important;
}
body.az-v22-body .az82-video-bg video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:scale(1.045) !important;
  filter:saturate(1.04) brightness(.92) contrast(1.03) !important;
}
body.az-v22-body .az82-video-vignette,
body.az-v22-body .az82-video-glow{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
}
body.az-v22-body .az82-video-vignette{
  background:
    linear-gradient(180deg, rgba(7,8,14,.18), rgba(7,8,14,.50) 72%, rgba(7,8,14,.88) 100%),
    linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.10) 32%, rgba(0,0,0,.10) 68%, rgba(0,0,0,.55));
}
body.az-v22-body .az82-video-glow{
  background:
    radial-gradient(circle at 18% 34%, rgba(255,70,48,.10), transparent 22%),
    radial-gradient(circle at 84% 31%, rgba(255,114,62,.10), transparent 22%),
    radial-gradient(circle at 50% 76%, rgba(116,90,255,.07), transparent 24%);
  mix-blend-mode:screen;
  opacity:.72;
  animation:az82GlowBreath 9s ease-in-out infinite alternate;
}
@keyframes az82GlowBreath{
  0%{opacity:.46; transform:scale(1)}
  100%{opacity:.78; transform:scale(1.035)}
}

/* Content always above video */
body.az-v22-body .az74-topbar,
body.az-v22-body .az74-stage,
body.az-v22-body .az74-footer,
body.az-v22-body .az74-news-list-wrap{
  position:relative !important;
  z-index:3 !important;
}
body.az-v22-body .az74-stage{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
body.az-v22-body .az74-stage::before,
body.az-v22-body .az74-stage::after{display:none !important}

/* Panels a bit clearer over video, but still premium */
body.az-v22-body .az74-card{
  background:linear-gradient(180deg, rgba(31,36,67,.44), rgba(17,20,40,.60)) !important;
  border:1px solid rgba(255,191,141,.16) !important;
  backdrop-filter:blur(7px) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.az-v22-body .az74-news-card,
body.az-v22-body .az74-subpage-card{
  background:linear-gradient(180deg, rgba(28,32,58,.52), rgba(14,17,32,.68)) !important;
}
body.az-v22-body .az74-rank-card,
body.az-v22-body .az74-login-card,
body.az-v22-body .az74-guild-card,
body.az-v22-body .az74-community-card{
  background:linear-gradient(180deg, rgba(32,38,72,.44), rgba(17,20,40,.62)) !important;
}

/* Stop footer from creating a hard block */
body.az-v22-body .az74-footer{
  background:linear-gradient(180deg, rgba(49,42,69,.32), rgba(25,22,46,.46)) !important;
  border:none !important;
}

@media (prefers-reduced-motion: reduce){
  body.az-v22-body .az82-video-bg video{display:none !important}
  body.az-v22-body .az82-video-glow{animation:none !important}
}