/* Shooting Bananas Effect */
.banana {
    position: absolute;
    font-size: 64px; /* Starts big */
    bottom: 0;
    animation: shoot 3s cubic-bezier(0.25, 1, 0.5, 1) forwards, shrink 3s linear forwards;
    will-change: transform, opacity, font-size, filter;
}

/* Green banana */
.green {
    filter: hue-rotate(40deg);
}

/* Cowboy hat emoji (formerly blue banana) */
.cowboy {
    filter: brightness(1.2) contrast(1.1); /* Slightly enhanced for visibility */
}

@keyframes shoot {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    50% {
        transform: translate(calc(var(--x-move) * 1vw), calc(-50vh * var(--height-variation))) rotate(180deg);
    }
    100% {
        transform: translate(calc(var(--x-move) * 2vw), calc(-110vh * var(--height-variation))) rotate(360deg);
        opacity: 0;
    }
}

@keyframes shrink {
    0% {
        font-size: 64px; /* Double size */
    }
    100% {
        font-size: 16px; /* Half of original */
    }
}