.pre-runner-companion {
  position: relative;
  width: min(260px, 100%);
  aspect-ratio: 260 / 136;
  margin: 4px 0 12px;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
.pre-runner-obstacles { position: absolute; inset: 0; width: 100%; height: 100%; }
.pre-runner-sprite {
  position: absolute;
  left: 18.461538%;
  top: 35.294118%;
  width: 33.076923%;
  aspect-ratio: 1;
  transform-origin: 50% 81.395349%;
  will-change: transform;
}
.pre-runner-sprite img,
.pre-runner-sprite canvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.pre-runner-sprite video { display: none; }
.pre-runner-sprite canvas { visibility: hidden; }
.pre-runner-companion.has-frame:not(.is-still) canvas { visibility: visible; }
.pre-runner-companion.has-frame:not(.is-still) img { visibility: hidden; }
.pre-runner-companion.uses-image-motion canvas { visibility: hidden; }
.pre-runner-companion.uses-image-motion img { visibility: visible; }
@media (max-width: 860px) {
  .pre-runner-companion { width: min(236px, 100%); margin: 0 auto; }
}