.encounter-artwork { position: relative; }
.encounter-artwork .encounter-static { display: block; }
.encounter-artwork .encounter-motion {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
}
.encounter-artwork[data-motion="ready"] .encounter-static { opacity: 0; }
.encounter-artwork[data-motion="ready"] .encounter-motion { visibility: visible; }
.encounter-light-image { mix-blend-mode: screen; }
.encounter-motion foreignObject { overflow: hidden; }
.encounter-motion canvas[data-encounter-mesh] { display: block; width: 100%; height: 100%; }
@media (prefers-reduced-motion: reduce) {
  .encounter-artwork[data-motion="ready"] .encounter-static { opacity: 1; }
  .encounter-artwork[data-motion="ready"] .encounter-motion { visibility: hidden; }
}