/* juice.css – Visual & audio feedback styles */

/* Confetti animation */
@keyframes confetti-fall {
  0% { transform: translateY(-100vh) rotate(0deg); opacity: 1; }
  100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }
}
.confetti-piece {
  position: absolute;
  width: 8px;
  height: 8px;
  background: hsl(var(--confetti-hue), 80%, 60%);
  animation: confetti-fall 3s linear forwards;
}

/* Screen shake for big wins */
@keyframes screen-shake {
  0% { transform: translate(0, 0); }
  10% { transform: translate(-2px, 2px); }
  20% { transform: translate(-2px, -2px); }
  30% { transform: translate(2px, 2px); }
  40% { transform: translate(2px, -2px); }
  50% { transform: translate(-2px, 2px); }
  60% { transform: translate(-2px, -2px); }
  70% { transform: translate(2px, 2px); }
  80% { transform: translate(2px, -2px); }
  90% { transform: translate(-2px, 2px); }
  100% { transform: translate(0, 0); }
}
.screen-shake-intense {
  animation: screen-shake 0.5s ease-in-out;
}

/* Coin bounce animation */
@keyframes coin-bounce {
  0% { transform: translateY(0); opacity: 0; }
  30% { transform: translateY(-50px); opacity: 1; }
  60% { transform: translateY(0); }
  100% { transform: translateY(0); }
}
.coin-bounce {
  animation: coin-bounce 1.5s ease-out forwards;
}