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

.bounce-animation {
    animation: bounce 1s infinite;
}

.progress-bar {
    transition: width 0.5s ease-in-out;
}

.tamagotchi-screen {
    box-shadow: inset 0 0 20px rgba(0, 255, 255, 0.5);
}

.pixel-art {
    image-rendering: pixelated;
}

/* Vous pouvez ajouter d'autres styles personnalisés ici si nécessaire, 
   ceux qui ne sont pas gérés par Tailwind CSS. */