/* --- СЕКЦИЯ РЕЙТИНГОВ --- */
.cyber-leaderboard-section {
    position: relative; width: 100%; min-height: 100vh;
    padding: 10rem 5% 4rem 5%;
    background: radial-gradient(circle at top center, var(--surface-bg) 0%, var(--bg) 100%);
    display: flex; justify-content: center; z-index: 10;
    overflow: hidden;
}

.giant-bg {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    font-size: 25vw; font-weight: 900; color: rgba(var(--fg-rgb), 0.02);
    letter-spacing: -0.05em; z-index: 0; pointer-events: none;
}

.leaderboard-container { width: 100%; max-width: 1200px; z-index: 20; animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.leaderboard-header { text-align: center; margin-bottom: 4rem; }
.leaderboard-title { font-family: Impact, 'Arial Black', sans-serif; font-size: 8rem; font-weight: 900; letter-spacing: 2px; color: var(--fg); margin-bottom: 0.5rem; text-transform: uppercase; }

.leaderboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; }
.rank-panel { 
    background: rgba(var(--bg-rgb), 0.6); 
    border: 1px solid var(--border-light); 
    padding: 2.5rem; 
    backdrop-filter: blur(10px);
}

.panel-title { 
    font-size: 1.5rem; font-weight: bold; letter-spacing: 2px; 
    margin-bottom: 2rem; color: var(--fg); border-bottom: 1px solid var(--border-light); 
    padding-bottom: 1rem; 
}

.rank-list { display: flex; flex-direction: column; gap: 0.8rem; }
.rank-item { 
    display: flex; align-items: center; padding: 1rem; 
    background: rgba(var(--bg-rgb), 0.5); border: 1px solid transparent; 
    transition: all 0.3s ease; 
}
.rank-item:hover { border-color: rgba(var(--fg-rgb), 0.3); transform: translateX(5px); }

.rank-pos { font-family: monospace; font-size: 1.5rem; font-weight: bold; width: 45px; color: var(--text-muted); }
.rank-user { display: flex; align-items: center; gap: 1rem; flex-grow: 1; }
.rank-avatar { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--fg); }
.rank-name { font-weight: bold; font-size: 1.1rem; }
.rank-val { font-family: monospace; font-size: 1.3rem; font-weight: bold; }

.loading-text { font-family: monospace; color: var(--text-muted); text-align: center; padding: 2rem; animation: blink 1s infinite; }

/* Уникальный стиль для Топ-3 мест */
.top-1 { border-color: rgba(255, 215, 0, 0.4); background: rgba(255, 215, 0, 0.05); }
.top-1 .rank-pos { color: #ffd700; text-shadow: 0 0 10px rgba(255, 215, 0, 0.5); }
.top-1 .rank-avatar { border-color: #ffd700; }

.top-2 { border-color: rgba(192, 192, 192, 0.4); background: rgba(192, 192, 192, 0.05); }
.top-2 .rank-pos { color: #c0c0c0; text-shadow: 0 0 10px rgba(192, 192, 192, 0.5); }
.top-2 .rank-avatar { border-color: #c0c0c0; }

.top-3 { border-color: rgba(205, 127, 50, 0.4); background: rgba(205, 127, 50, 0.05); }
.top-3 .rank-pos { color: #cd7f32; text-shadow: 0 0 10px rgba(205, 127, 50, 0.5); }
.top-3 .rank-avatar { border-color: #cd7f32; }