/* GLM Flappy Birds Easter Egg Styles */

/* Bird styling and animation */
#flappy-bird {
    transition: transform 0.15s ease;
    z-index: 5;
}

.bird-wing {
    animation: flapWing 0.4s infinite alternate ease-in-out;
}

@keyframes flapWing {
    0% {
        transform: translateY(0) rotate(5deg);
    }
    100% {
        transform: translateY(-3px) rotate(-10deg);
    }
}

.bird-eye {
    display: flex;
    align-items: center;
    justify-content: center;
}

#flappy-bird.jumping {
    transform: rotate(-20deg);
}

#flappy-bird.falling {
    transform: rotate(20deg);
}

/* Pipe styling */
.pipe {
    border-radius: 5px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

/* Bird hover animation */
@keyframes birdHover {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(0);
    }
}

#flappy-bird:not(.jumping):not(.falling) {
    animation: birdHover 1s infinite ease-in-out;
}

/* Score animation */
@keyframes scorePopup {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

.score-updated {
    animation: scorePopup 0.3s ease-in-out;
}

/* Modal animation */
#flappy-modal {
    transition: opacity 0.3s ease;
}

#flappy-modal.hidden {
    opacity: 0;
    pointer-events: none;
}

#flappy-modal:not(.hidden) {
    opacity: 1;
    display: flex !important;
}

/* Game area */
#flappy-game {
    background: linear-gradient(to bottom, #87CEEB, #E0F7FA);
}

/* Pipe texture effect */
.pipe-texture {
    background-image: repeating-linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.05),
        rgba(0, 0, 0, 0.05) 10px,
        rgba(0, 0, 0, 0) 10px,
        rgba(0, 0, 0, 0) 20px
    );
}