/* The landscape positions the person; only the illustrated pose changes here. */
.character-viewport,
.character-companion-viewport {
  overflow: hidden;
  isolation: isolate;
}

.character-sprite-sheet,
.character-companion-sheet {
  pointer-events: none;
  image-rendering: auto;
}

/* The complete trail stays visible even while the traveler is paused. */
.character-footprints {
  fill: #52676b;
  opacity: .22;
}

.character-footprints [data-footprint-step] {
  opacity: .6;
}

[data-motion="still"] .character-footprints [data-footprint-step] {
  opacity: .72;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .character-footprints [data-footprint-step] {
    opacity: .72;
    transition: none;
  }
}