/**
 * The figure inside the reel frame. Bottom-aligned and centred, so he stands on
 * the frame's lower edge like a locked-off wide shot rather than floating in it.
 *
 * Sized against the frame's intrinsic 700x393.75, so he reads about 362px tall.
 * Everything here is a percentage: the frame is the only knob for how big he
 * gets, and these numbers hold at any frame size without being recomputed.
 */
.ReelSprite__sprite {
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translateX(-50%);

  /**
   * Sized against the frame, not in fixed px. The frame shrinks below its
   * 480px on narrow viewports, and a px height meant the figure stayed put
   * while the frame moved out from under him. Width comes from the cell's own
   * aspect so the two can never disagree.
   */
  height: 92%;
  aspect-ratio: 234 / 730;

  background-repeat: no-repeat;
  /* The sheet is large; promoting once avoids re-uploading the texture on
     every frame step. */
  will-change: background-position;
  pointer-events: none;
}