/* Layout and contact points belong to the scene artwork, not this controller. */
#motion-stage .atelier-scene[hidden] { display: none !important; }
#motion-stage .atelier-scene:not([data-active="true"]),
#motion-stage .atelier-scene:not([data-active="true"]) * { animation-play-state: paused !important; }
#motion-stage .character { animation: none !important; }
#motion-stage[data-running="true"] .atelier-scene[data-phase="incoming"] {
  animation: atelier-scene-in 900ms ease both !important;
  animation-play-state: running !important;
}
#motion-stage[data-running="true"] .atelier-scene[data-phase="outgoing"] {
  animation: atelier-scene-out 900ms ease both !important;
  animation-play-state: running !important;
}
@keyframes atelier-scene-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes atelier-scene-out { from { opacity: 1; } to { opacity: 0; } }
#motion-stage:not([data-running="true"]),
#motion-stage:not([data-running="true"]) * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  #motion-stage[data-running="true"] .atelier-scene[data-phase],
  #motion-stage, #motion-stage * { animation: none !important; transition: none !important; }
  #motion-stage .draft-line { stroke-dasharray: none; stroke-dashoffset: 0; opacity: 1; }
}