/* Пряма, плавна траєкторія з поступовим віддаленням рулону. */
.shot-roll {
  left: clamp(22px, 4vw, 58px);
  bottom: clamp(10px, 3vh, 35px);
  width: clamp(60px, 9vw, 126px);
  will-change: transform, opacity;
}

.shot-roll.throw { animation: precise-roll-flight .42s ease-out forwards; }

@keyframes precise-roll-flight {
  0% { opacity: 1; transform: translate(0, 0) rotate(0deg) scale(.72); }
  90% { opacity: 1; }
  100% { opacity: 0; transform: translate(var(--tx), var(--ty)) rotate(380deg) scale(.32); }
}

/* Оновлений sprite-sheet має кадри у пропорції 3:4. */
.hand-sprite { aspect-ratio: 3 / 4; }

@media (max-width: 600px) {
  .shot-roll { left: 20px; bottom: 12px; }
}