:root { scroll-behavior: smooth; }
        .glass-nav { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,0,0.05); }
        .card-hover { transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .card-hover:hover { transform: translateY(-12px); box-shadow: 0 40px 60px -15px rgba(0,0,0,0.1); }
        .text-outline { -webkit-text-stroke: 1px currentColor; -webkit-text-fill-color: transparent; }
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .energetic-gradient { background: linear-gradient(135deg, #A3FF00 0%, #00D1FF 100%); }
        #game-canvas { width: 100%; max-width: 1000px; height: 500px; background: #000; border-radius: 2rem; }
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(20px) scale(.98); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
                .animate-fade-up {
                    animation: fadeUp .4s ease-out;
                }

        @media (max-width: 640px) { #game-canvas { height: 300px; } }
        @keyframes fadeUp {
    from { opacity: 0; transform: translateY(30px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.animate-fade-up {
    animation: fadeUp 0.35s ease-out;
}