.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.neon-glow {
    box-shadow: 0 0 15px 0 rgba(0, 242, 255, 0.3);
}

.canvas-gradient {
    background: linear-gradient(to bottom, #0c1322 0%, #080e1c 100%);
}

.dino-float {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {

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

    50% {
        transform: translateY(-5px);
    }
}

.neon-glow-primary {
    box-shadow: 0 0 15px 0 rgba(0, 242, 255, 0.3);
}

.neon-glow-text {
    text-shadow: 0 0 12px rgba(0, 242, 255, 0.5);
}

.glass-panel {
    background: rgba(23, 31, 50, 0.6);
    backdrop-filter: blur(12px);
}

.neon-glow-cyan {
    box-shadow: 0 0 15px 0 rgba(0, 242, 255, 0.3);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #171f32;
    border-radius: 10px;
}