/* Shared supplied dragon artwork with readability and mobile paint protection. */
html { background: #080202; }
body {
  position: relative;
  isolation: isolate;
  background: #080202 !important;
}
body::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2;
  pointer-events: none;
  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;
  transform: translateZ(0);
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(4,2,2,.44), rgba(4,2,2,.70));
}
.app-shell,
.player-shell,
.main,
.content,
.view,
.game-shell { background-color: transparent !important; }

@media (max-width: 700px) {
  body::before { background-position: 32% center !important; }
  body::after { background: rgba(4,2,2,.68); }
}

@media (prefers-reduced-transparency: reduce) {
  body::after { background: rgba(4,2,2,.86); }
}