/* Mascot Animation — Retro Light Theme */
.mascot-container {
    position: fixed;
    bottom: 20px;
    left: -120px;
    z-index: 50;
    animation: walkAcross 20s linear infinite;
    pointer-events: none;
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.3));
}

.mascot-img {
    width: 80px;
    height: auto;
    image-rendering: pixelated;
    animation: bounce 0.5s ease-in-out infinite alternate;
}

@keyframes walkAcross {
    0% {
        left: -120px;
        transform: scaleX(1);
    }

    42% {
        left: 42%;
        transform: scaleX(1);
    }

    48% {
        left: 48%;
        transform: scaleX(1) rotate(-8deg);
    }

    52% {
        left: 48%;
        transform: scaleX(-1) rotate(0deg);
    }

    100% {
        left: -120px;
        transform: scaleX(-1);
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-12px);
    }
}

/* Hide mascot on mobile */
@media (max-width: 768px) {
    .mascot-container {
        display: none !important;
    }
}