LotteryV2/website/wwwroot/Millions/css/game-home.css

html, body.millions-bg { background: #f5f7fb !important; }
.main-content { background: #f5f7fb !important; }

/* Mega Jackpot amount — spiral grow & shrink */
.mega-jackpot-spiral {
    display: inline-block;
    transform-origin: center center;
    animation: megaJackpotSpiral 1.8s ease-in-out infinite;
    will-change: transform;
}
/* Redeem Rewards button — gentle pulse + golden glow */
.redeem-pulse {
    animation: redeemPulse 1.6s ease-in-out infinite;
    will-change: transform, box-shadow;
}
@keyframes redeemPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 0 0 rgba(255, 207, 15, 0.6);
    }
    50% {
        transform: scale(1.06);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18), 0 0 0 6px rgba(255, 207, 15, 0);
    }
}

.lang-flag-icon {
    width: 16px;
    height: 12px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08);
}
@keyframes megaJackpotSpiral {
    0% {
        transform: scale(0.25) rotate(0deg);
    }
    30% {
        transform: scale(1.15) rotate(360deg);
    }
    65% {
        transform: scale(1.15) rotate(360deg);
    }
    100% {
        transform: scale(0.25) rotate(720deg);
    }
}