/* v3.10.132 animated MP4 dragon background.
   Keeps the existing static WebP as poster/reduced-motion fallback. */
html { background: #080202; }
body {
  position: relative;
  isolation: isolate;
  background: #080202 !important;
}

/* v3.10.117 static pseudo-background is superseded while motion is allowed. */
body::before {
  opacity: 0 !important;
  background-image: none !important;
}

.dragon-video-background {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  min-height: 100vh;
  object-fit: cover;
  object-position: center center;
  z-index: -2;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  background: #080202 url('/assets/dragon-background-v3.10.117.webp') center center / cover no-repeat;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Existing body::after overlay remains above the video for UI readability. */
.app-shell,
.player-shell,
.main,
.content,
.view,
.game-shell { background-color: transparent !important; }

@media (max-width: 700px) {
  .dragon-video-background { object-position: 32% center; }
}

/* Respect OS reduced-motion preference and fall back to the static art. */
@media (prefers-reduced-motion: reduce) {
  .dragon-video-background { display: none !important; }
  body::before {
    opacity: 1 !important;
    background-image: url('/assets/dragon-background-v3.10.117.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
  }
}