.coin-popup {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    background: #4caf50;
    color: white;
    padding: 8px 16px;
    border-radius: 5px;
    opacity: 1;
    z-index: 9999;
    transition: all 1s ease-out;
    font-size: 16px;
}

.coin-float {
    pointer-events: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

@keyframes glowBar {
  0%, 100% { box-shadow: 0 0 0px #FCDF00; }
  50% { box-shadow: 0 0 10px 6px #FCDF00; }
}
.coin-glow {
  animation: glowBar 1s ease-in-out;
  animation-delay: 250ms;
}

/* Bouncy number */
@keyframes growText {
  0% { transform: scale(1); }
  30% { transform: scale(1.4); }
  60% { transform: scale(0.95); }
  100% { transform: scale(1); }
}
.coin-bounce {
  display: inline-block;
  animation: growText 1s ease;
}

/* Coin flip animation */
@keyframes coinFlip {
  0%   { transform: rotateY(0); }
  50%  { transform: rotateY(180deg); }
  100% { transform: rotateY(360deg); }
}
.coin-flip {
  display: inline-block;
  animation: coinFlip 1s ease;
}