/* Animation für die 10 Punkte beim Bündeln */
.bundle-animation {
    animation: shrinkAndFly 0.6s forwards ease-in-out;
}

@keyframes shrinkAndFly {
    0% { transform: scale(1.1); opacity: 1; }
    /* Nutzt % statt px, damit der "Flug" immer proportional zur Feldgröße passt */
    50% { transform: scale(0.5) translateX(-200%); opacity: 0.5; }
    100% { transform: scale(0); opacity: 0; }
}

/* Erscheinen des Zehnerstabs */
.rod-appear {
    animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes popIn {
    0% { transform: scaleY(0); opacity: 0; }
    100% { transform: scaleY(1); opacity: 1; }
}