@font-face {
    font-family: "Orbitron";
    src: url("assets/fonts/Orbitron-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Orbitron";
    src: url("assets/fonts/Orbitron-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Orbitron";
    src: url("assets/fonts/Orbitron-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Share Tech Mono";
    src: url("assets/fonts/ShareTechMono-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: 'Orbitron', sans-serif;
    background-color: #03030d;
    background-image: 
        radial-gradient(at 50% 100%, #150a30 0px, transparent 50%),
        radial-gradient(at 0% 0%, #05141a 0px, transparent 50%);
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}
        
.arcade-font {
    font-family: 'Share Tech Mono', monospace;
}

.neon-glow-cyan {
    text-shadow: 0 0 10px rgba(0, 255, 204, 0.6), 0 0 20px rgba(0, 255, 204, 0.3);
}

.neon-glow-pink {
    text-shadow: 0 0 10px rgba(255, 0, 110, 0.6), 0 0 20px rgba(255, 0, 110, 0.3);
}

#leaderboard-list::-webkit-scrollbar {
    width: 8px;
}

#leaderboard-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 999px;
}

#leaderboard-list::-webkit-scrollbar-thumb {
    background: rgba(0, 255, 204, 0.5);
    border-radius: 999px;
}

#leaderboard-list::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 255, 204, 0.8);
}