@keyframes floatLogo {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@keyframes symbolFloat {
    0%   { transform: translateY(0) translateX(0) rotate(0deg); }
    25%  { transform: translateY(-22px) translateX(10px) rotate(7deg); }
    50%  { transform: translateY(-4px) translateX(-14px) rotate(-5deg); }
    75%  { transform: translateY(16px) translateX(8px) rotate(4deg); }
    100% { transform: translateY(0) translateX(0) rotate(0deg); }
}

@keyframes toastAnim {
    0% {
        opacity: 0;
        transform: translateY(-14px) scale(.94);
    }
    10%, 75% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(-8px) scale(.97);
    }
}

@keyframes wrongReveal {
    0% {
        transform: scale(.95);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes iconBounce {
    0% {
        transform: scale(.3);
        opacity: 0;
    }
    80% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}