/*
 * Ported verbatim from frontend/src/styles/tokens.css (.spark-burst-particle
 * + @keyframes spark-fly). Pairs with sparkle.js. Not linked from
 * styles.css or any template yet -- that's M1.4.
 */
.spark-burst-particle {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  font-size: 18px;
  animation: spark-fly 0.75s ease-out forwards;
}

@keyframes spark-fly {
  0% {
    transform: translate(0, 0) scale(0.4) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translate(var(--dx), var(--dy)) scale(1.1) rotate(180deg);
    opacity: 0;
  }
}

/* The reduced-motion ceremony (M2/DS): a single static glow -- one ✦,
   glowing in place, no animation and no movement at all. */
.spark-burst-particle--static {
  animation: none;
  transform: translate(-50%, -50%) scale(1.3);
  text-shadow: 0 0 18px currentColor;
  opacity: 1;
}