/* Build 57: generated scene artwork remains a separate layer behind the monster. */
.maker-page .monster-stage {
  isolation: isolate;
  background-color: #efe8f5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: background-image .18s ease, background-position .18s ease;
}

.maker-page .monster-stage::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 55%, #fff9 0, #fff4 25%, transparent 57%);
}

.maker-page .monster-stage[data-background="sunny"] {
  background-image: url('/assets/monster-backgrounds/sunny-hills.png');
  background-position: center;
}

.maker-page .monster-stage[data-background="night"] {
  background-image: url('/assets/monster-backgrounds/moonlit-castle.png');
  background-position: 62% center;
}

.maker-page .monster-stage[data-background="forest"] {
  background-image: url('/assets/monster-backgrounds/forest-trail.png');
  background-position: center;
}

.maker-page .monster-stage[data-background="space"] {
  background-image: url('/assets/monster-backgrounds/outer-space.png');
  background-position: center;
}

.maker-page .monster-stage[data-background="dusk"] {
  background-image: url('/assets/monster-backgrounds/sunset-hills.png');
  background-position: center;
}

.maker-page .monster-stage[data-background="cloud"] {
  background-image: url('/assets/monster-backgrounds/cloud-kingdom.png');
  background-position: center;
}

.maker-page .monster-stage[data-background="rainbow"] {
  background-image: url('/assets/monster-backgrounds/rainbow-valley.png');
  background-position: center;
}

.maker-page .monster-stage[data-background="night"]::after,
.maker-page .monster-stage[data-background="space"]::after,
.maker-page .monster-stage[data-background="dusk"]::after {
  background: radial-gradient(ellipse at 50% 55%, #eef5ffb8 0, #eef5ff42 29%, transparent 58%);
}

.maker-page .monster-stage > .stars {
  display: none;
}