/* Mascot Hero Section */
.mascot-hero {
    position: relative;
    margin: 0 auto 20px;
    width: 200px;
    height: 200px;
    animation: mascotFloat 6s ease-in-out infinite;
}

.mascot-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 10px 30px rgba(79, 172, 254, 0.4));
    animation: mascotGlow 3s ease-in-out infinite;
}

@keyframes mascotFloat {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    25% {
        transform: translateY(-15px) rotate(-3deg);
    }

    50% {
        transform: translateY(-10px) rotate(0deg);
    }

    75% {
        transform: translateY(-15px) rotate(3deg);
    }
}

@keyframes mascotGlow {

    0%,
    100% {
        filter: drop-shadow(0 10px 30px rgba(79, 172, 254, 0.4));
    }

    50% {
        filter: drop-shadow(0 15px 40px rgba(79, 172, 254, 0.7));
    }
}

/* Add mascot to card reveals */
.trophy-card .mascot-watermark {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    opacity: 0.15;
    pointer-events: none;
    z-index: 5;
}

.trophy-card .mascot-watermark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}