
:root{--lfnavy:#0f2a43;--lfnavy2:#12395c;--lfcyan:#00b2d4}
.lf-leaderboard-wrap{max-width:860px;margin:2rem auto;font-family:'Inter',system-ui,-apple-system,sans-serif}
.lf-lb-toggle,.lf-leaderboard-wrap .lf-lb-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:18px;flex-wrap:wrap}
.lf-lb-btn{cursor:pointer;border:1px solid #d9e2ec;background:#fff;color:#0f2a43;font-weight:600;font-size:.92rem;padding:9px 20px;border-radius:999px;transition:all .18s;line-height:1}
.lf-lb-btn:hover{border-color:var(--lfcyan);color:var(--lfcyan)}
.lf-lb-btn.active,.lf-lb-btn[aria-selected="true"]{background:linear-gradient(135deg,var(--lfcyan),#0369a1);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(0,178,212,.3)}
.lf-leaderboard-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(15,42,67,.12);border:1px solid #eef2f7}
.lf-leaderboard-table thead th{background:linear-gradient(135deg,var(--lfnavy),var(--lfnavy2));color:#fff;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:15px 18px;text-align:left}
.lf-leaderboard-table thead th:last-child{text-align:right}
.lf-leaderboard-table tbody td{padding:11px 18px;border-bottom:1px solid #f0f4f8;vertical-align:middle;color:#1f2d3d}
.lf-leaderboard-table tbody tr:last-child td{border-bottom:none}
.lf-leaderboard-table tbody tr{transition:background .15s}
.lf-leaderboard-table tbody tr:hover{background:#f7fafc}
.lf-lb-pos{font-weight:800;color:#64748b;font-variant-numeric:tabular-nums;width:54px}
.lf-lb-value{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;color:#0f2a43;white-space:nowrap}
.lf-lb-player{font-weight:600}
.lf-lb-rankcell{display:flex;align-items:center;gap:11px;min-width:0}
.lf-lb-crest{width:46px;height:54px;flex:0 0 46px;display:block}
.lf-lb-rankmeta{display:flex;flex-direction:column;line-height:1.16;min-width:0}
.lf-lb-rankname{font-weight:700;font-size:.95rem}
.lf-lb-ranklabel{font-size:.72rem;color:#8fa0b3;font-weight:600}
.lf-lb-medal{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-weight:800;color:#fff;font-size:.9rem}
.lf-lb-1 .lf-lb-medal{background:linear-gradient(135deg,#f6d365,#d4a017);box-shadow:0 2px 8px rgba(212,160,23,.5)}
.lf-lb-2 .lf-lb-medal{background:linear-gradient(135deg,#e2e8f0,#9aa7b5);box-shadow:0 2px 8px rgba(154,167,181,.4)}
.lf-lb-3 .lf-lb-medal{background:linear-gradient(135deg,#e8b382,#c17a3f);box-shadow:0 2px 8px rgba(193,122,63,.4)}
.lf-lb-1{background:linear-gradient(90deg,rgba(224,168,0,.10),transparent 55%)!important}
.lf-lb-2{background:linear-gradient(90deg,rgba(154,167,181,.12),transparent 55%)!important}
.lf-lb-3{background:linear-gradient(90deg,rgba(193,122,63,.10),transparent 55%)!important}
@media(max-width:600px){
 .lf-leaderboard-table thead th,.lf-leaderboard-table tbody td{padding:9px 9px}
 .lf-lb-crest{width:38px;height:44px;flex-basis:38px}
 .lf-lb-ranklabel{display:none}
 .lf-lb-rankname{font-size:.82rem}
 .lf-lb-player{font-size:.85rem}
}
