/* Animated Bat CSS */
.bat {
    position: fixed;
    top: 20px;
    left: 50%;
    width: 80px;
    height: 48px;
    transform: translateX(-50%);
    z-index: 9999;
    pointer-events: none;
    filter: drop-shadow(0 4px 8px rgba(254, 71, 1, 0.6));
}

.bat svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Wing pivots for flapping */
.bat #leftWing  { transform-origin: 42% 58%; }
.bat #rightWing { transform-origin: 58% 58%; }

@keyframes wing-flap {
    0%,100% { transform: rotate(0deg) }
    50% { transform: rotate(-22deg) }
}
@keyframes wing-flap-right {
    0%,100% { transform: rotate(0deg) }
    50% { transform: rotate(22deg) }
}

.bat.flap #leftWing  { animation: wing-flap 0.16s linear infinite; }
.bat.flap #rightWing { animation: wing-flap-right 0.16s linear infinite; }

@keyframes body-bob {
    0%,100% { transform: translateY(0) }
    50% { transform: translateY(1.2px) }
}

.bat.flap #body { animation: body-bob 0.32s ease-in-out infinite; }