body {
            font-family: 'Montserrat', sans-serif;
            background-color: #1F0B53; /* Nexus Theme: Deep Void */
            overflow: hidden; /* Prevent scrollbars from canvas */
        }
        
        .timer-font {
            font-family: 'Share Tech Mono', monospace;
        }

        /* Glassmorphism card */
        .glass {
            background: rgba(16, 24, 45, 0.4); /* Darker blue-tinted glass */
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(0, 242, 255, 0.15); /* Cyan border hint */
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6);
        }

        /* Gradient Text */
        .text-gradient {
            background: linear-gradient(135deg, #00f2ff 0%, #00c3ff 50%, #bd00ff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            filter: drop-shadow(0 0 20px rgba(0, 195, 255, 0.2));
        }

        /* Floating Animation */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        .animate-float {
            animation: float 6s ease-in-out infinite;
        }

        /* Neon Glow for borders on hover */
        .group:hover .glass {
            border-color: rgba(0, 242, 255, 0.4);
            box-shadow: 0 0 20px rgba(0, 242, 255, 0.1);

        }
/* --- NEW CODE START --- */
/* Mascot Entrance Animation */
@keyframes slideInLeft {
    from {
        transform: translateX(-120%) rotate(-10deg); /* Start off-screen left and tilted */
        opacity: 0;
    }
    to {
        transform: translateX(0) rotate(0deg); /* End at normal position */
        opacity: 1;
    }
}

.animate-slide-in-left {
    /* Runs the animation once for 1.2 seconds */
    animation: slideInLeft 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
/* --- NEW CODE END --- */