/* floating_goodies.css — floating animation for right-click icons */

.floating-goodie {
  position: absolute;
  font-size: .65rem;
  pointer-events: none;
  opacity: 0.85;
  animation: goodie-fly 1.2s ease-out forwards;
  will-change: transform, opacity;
  z-index: 999999;
}

/* Float upward and sideways with fade */
@keyframes goodie-fly {
  0%   { transform: translate(0, 0) scale(1) rotate(0deg);   opacity: 0.95; }
  25%  { transform: translate(calc(var(--drift-x) * 0.25), -40px) rotate(-6deg); opacity: 0.9; }
  50%  { transform: translate(calc(var(--drift-x) * 0.5), -80px) rotate(6deg);   opacity: 0.75; }
  100% { transform: translate(var(--drift-x), -160px) scale(0.6); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .floating-goodie { animation: goodie-fly 0.8s ease-out forwards; }
}