/* Custom space sci-fi styles for RankOrbit */
body {
    background-color: #06070a;
    background-image: 
        radial-gradient(1px 1px at 20px 30px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 40px 70px, rgba(255,255,255,0.7), rgba(0,0,0,0)),
        radial-gradient(1.5px 1.5px at 90px 40px, #00f0ff, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 160px 120px, #9333ea, rgba(0,0,0,0)),
        radial-gradient(2px 2px at 240px 190px, rgba(255,255,255,0.9), rgba(0,0,0,0)),
        radial-gradient(1.5px 1.5px at 320px 90px, #00f0ff, rgba(0,0,0,0));
    background-repeat: repeat;
    background-size: 380px 380px;
}

/* Glow effects */
.glow-cyan {
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
}

.glow-purple {
    box-shadow: 0 0 20px rgba(147, 51, 234, 0.35);
}

.text-glow-cyan {
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.7);
}

/* Glassmorphism cards */
.glass-panel {
    background: rgba(14, 18, 30, 0.75);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-panel:hover {
    border-color: rgba(0, 240, 255, 0.3);
}

/* Rank number badge styling */
.rank-badge-1 {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.5);
}

.rank-badge-2 {
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
    box-shadow: 0 0 15px rgba(148, 163, 184, 0.4);
}

.rank-badge-3 {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    box-shadow: 0 0 15px rgba(217, 119, 6, 0.4);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #06070a;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #00f0ff;
}