/* Motion safeguards layered after the base theme. */
.p-pixel.scatter {
  animation: pScatterBounce 1.35s cubic-bezier(.18,.78,.2,1) forwards;
}

@keyframes pScatterBounce {
  0%   { transform:translate(0,0) rotate(0deg) scale(1); }
  46%  { transform:translate(var(--dx),var(--dy)) rotate(var(--dr)) scale(.94); }
  58%  { transform:translate(calc(var(--dx) * .78),calc(var(--dy) * .72)) rotate(calc(var(--dr) * .72)) scale(1.03); }
  70%  { transform:translate(calc(var(--dx) * 1.05),calc(var(--dy) * 1.03)) rotate(calc(var(--dr) * 1.03)) scale(.96); }
  80%  { transform:translate(calc(var(--dx) * .96),calc(var(--dy) * .94)) rotate(calc(var(--dr) * .93)) scale(1.01); }
  90%  { transform:translate(calc(var(--dx) * 1.015),calc(var(--dy) * 1.01)) rotate(calc(var(--dr) * 1.01)) scale(.985); }
  100% { transform:translate(var(--dx),var(--dy)) rotate(var(--dr)) scale(1); }
}

.rocket { transform-origin:50% 72%; }