/* Star scale-in fix + sheen
   ------------------------------------------------------------------
   Without transform-box: fill-box, an SVG element's transform-origin
   defaults to the SVG viewport centre, which is why the star appeared
   to fly in from elsewhere on the canvas. fill-box pivots around the
   element's own bounding box, so the scale animation now happens
   exactly at the star's final position.
   The sheen runs once right after the pop, then the gentle twinkle
   takes over forever.
   ----------------------------------------------------------------- */

.edge-star .star-floater {
  transform-box: fill-box;
  transform-origin: center;
}

.edge-star .star-popper {
  transform-box: fill-box;
  transform-origin: center;
  animation:
    starPop    0.45s ease-out,
    starSheen  0.7s  ease-out 0.45s,
    starTwinkle 2.4s ease-in-out infinite 1.15s;
}

@keyframes starSheen {
  0%   { transform: scale(1);    filter: drop-shadow(0 0 3px  currentColor) brightness(1);   }
  35%  { transform: scale(1.18); filter: drop-shadow(0 0 18px currentColor) brightness(2.3); }
  65%  { transform: scale(1.08); filter: drop-shadow(0 0 12px currentColor) brightness(1.6); }
  100% { transform: scale(1);    filter: drop-shadow(0 0 3px  currentColor) brightness(1);   }
}