.leaderboard-page { max-width: 1000px;
} .leaderboard-header h1 { font-size: 28px;
margin-bottom: 10px;
} .leaderboard-header p { margin-bottom: 8px;
} .leaderboard-rules, .leaderboard-refresh { color: #65717b;
font-size: 13px;
} .leaderboard-position { display: flex;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
background: #f5fbfe;
border-left: 3px solid #2f9fc3;
padding: 12px 15px;
margin: 18px 0;
} .leaderboard-table th, .leaderboard-table td { vertical-align: middle;
padding: 12px;
} .leaderboard-table thead { background: #f5fbfe;
} .leaderboard-table .leaderboard-score { text-align: right;
font-weight: 600;
} .leaderboard-player { display: flex;
align-items: center;
gap: 10px;
overflow-wrap: anywhere;
} .leaderboard-player img { flex: 0 0 44px;
width: 44px;
height: 44px;
border-radius: 8px;
object-fit: cover;
} .leaderboard-rank { width: 90px;
font-weight: 600;
} .leaderboard-podium { display: inline-block;
min-width: 40px;
padding: 5px 7px;
border-radius: 6px;
color: #876522;
background: #fbf4df;
} .leaderboard-current { background: #eaf6fa;
} .leaderboard-you { color: #257e9c;
font-size: 12px;
} .leaderboard-page .pagination { margin: 15px 0;
flex-wrap: wrap;
} .leaderboard-refresh { margin-top: 15px;
}