/*
 * Safari-safe scene fallback.
 *
 * The cinema stage itself always owns a decoded target image with the outgoing
 * image beneath it. React may replace its scene image nodes, but the stage never
 * becomes unpainted while Safari promotes or decodes those nodes.
 */

.phase-question .scene-question,
.phase-resolution .scene-resolution,
.phase-handoff .scene-handoff,
.phase-transition .scene-transition,
.phase-question .scene-question > .scene-media,
.phase-resolution .scene-resolution > .scene-media,
.phase-handoff .scene-handoff > .resolution-crossfade,
.phase-transition .scene-transition > .scene-media,
.phase-resolution .resolution-crossfade,
.phase-resolution .resolution-before,
.phase-resolution .resolution-after,
.phase-handoff .resolution-crossfade,
.phase-handoff .resolution-before,
.phase-handoff .resolution-after {
  background-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .cinema-stage {
    background-attachment: scroll;
  }
}