/* Position du tigre */
.tiger {
    position: static;
    width: 80px;
    height: 80px;
    transition: all 0.3s ease;
}

.tiger svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

/* Tigre qui attend */
.tiger-waiting {
    animation: waiting 2s ease-in-out infinite;
}

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

/* Tigre content */
.tiger-happy {
    animation: happyJump 0.6s ease-in-out 3;
}

@keyframes happyJump {
    0%, 100% {
        transform: translateY(0) scale(1) rotate(0deg);
    }
    25% {
        transform: translateY(-30px) scale(1.1) rotate(-10deg);
    }
    75% {
        transform: translateY(-15px) scale(1.05) rotate(10deg);
    }
}

/* Tigre triste */
.tiger-sad {
    animation: sadCry 0.8s ease-in-out;
}

@keyframes sadCry {
    0%, 100% {
        transform: translateY(0);
    }
    20%, 60% {
        transform: translateY(3px);
    }
    40%, 80% {
        transform: translateY(-3px);
    }
}

/* Animations des éléments du tigre */
.tail {
    animation: wagTail 1s ease-in-out infinite;
    transform-origin: 10% 50%;
}

@keyframes wagTail {
    0%, 100% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(15deg);
    }
}

.eye {
    animation: blink 3s ease-in-out infinite;
}

@keyframes blink {
    0%, 96%, 100% {
        opacity: 1;
    }
    98% {
        opacity: 0;
    }
}

/* Larmes */
.tear {
    animation: fall 1s ease-in infinite;
    opacity: 0;
}

@keyframes fall {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.tear:nth-child(2) {
    animation-delay: 0.3s;
}

.tear:nth-child(3) {
    animation-delay: 0.6s;
}

/* Bouche ouverte triste */
.mouth-sad {
    animation: cryMouth 0.5s ease-in-out infinite;
}

@keyframes cryMouth {
    0%, 100% {
        transform: scaleY(1);
    }
    50% {
        transform: scaleY(1.2);
    }
}

/* Animation flip pour les boutons */
.number-btn.flipping {
    animation: flip 0.6s ease-in-out;
}

@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(90deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

/* Animation flip pour le chiffre à gauche */
.current-number.flipping {
    animation: flipNumber 0.6s ease-in-out;
}

@keyframes flipNumber {
    0% {
        transform: rotateY(0deg) scale(1);
    }
    50% {
        transform: rotateY(90deg) scale(0.8);
    }
    100% {
        transform: rotateY(0deg) scale(1);
    }
}

/* Mobile responsive */
@media (max-width: 768px) {
    .tiger {
        width: 50px;
        height: 50px;
    }
}