/* =====================================================
   SKY RUST — Leaderboard (RankEval)  ·  .lb-* / .lbt-* namespace
   Lunar leaderboard'undan port + Sky renk paleti (gümüş accent -> sky mavi).
   Podyum madalyaları (altın/gümüş/bronz) evrensel olduğu için korundu.
   ===================================================== */

/* --- Lunar v2 token adlarını Sky paletine köprüle (accent = sky mavi) --- */
:root {
    --bg-base: var(--bg);
    --bg-surface: var(--bg2);
    --bg-elevated: var(--surface2);
    --border-subtle: var(--line);
    --border-default: var(--line2);
    --border-strong: rgba(43, 179, 255, .5);
    --text-primary: var(--text);
    --text-secondary: var(--text2);
    --text-muted: var(--muted);
    --accent: var(--sky);
    --accent-hover: var(--sky-strong);
    --accent-active: var(--sky-deep);
    --accent-subtle: rgba(43, 179, 255, .10);
    --accent-glow: rgba(43, 179, 255, .22);
    --warning: #E0B15E;
    --warning-subtle: rgba(224, 177, 94, .12);
    --danger: #E07070;
    --text-2xs: 11px;
    --text-xs: 13px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-md: 18px;
    --text-lg: 21px;
    --text-xl: 28px;
}

/* --- section kicker (Sky'da yoktu, self-contained) --- */
.sec-kicker {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-family: var(--f-mono);
    font-size: .7rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--sky);
}
.sec-kicker-line {
    width: 26px;
    height: 1px;
    background: linear-gradient(90deg, var(--sky), transparent);
}

/* =====================================================
   RANKEVAL LEADERBOARD  — .lb-* namespace
   ===================================================== */
.lb-wrap{ max-width:1080px; margin:0 auto; padding:96px 20px 80px; }
.lb-head{ text-align:center; margin-bottom:28px; }
.lb-sub{ color:var(--text2); font-size:var(--text-sm); margin-top:8px; }

/* --- controls --- */
.lb-controls{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; margin-bottom:16px; }
.lb-servers{ display:flex; gap:8px; flex-wrap:wrap; }
.lb-srv{
    display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:12px;
    background:var(--bg-elevated); border:1px solid var(--border-default);
    color:var(--text2); font-size:var(--text-sm); font-weight:600; text-decoration:none;
    transition:.18s ease;
}
.lb-srv:hover{ border-color:var(--border-strong); color:var(--text); }
.lb-srv.act{ background:var(--accent-subtle); border-color:var(--accent); color:var(--text); }
.lb-servers.single .lb-srv{ cursor:default; }
.lb-srv-dot{ width:8px; height:8px; border-radius:50%; background:var(--text-muted); box-shadow:0 0 0 3px rgba(255,255,255,.03); }
.lb-srv-dot.on{ background:var(--success); box-shadow:0 0 8px var(--success); }
.lb-srv-dot.off{ background:var(--danger); }
.lb-srv-pop{ font-family:var(--f-mono); font-size:var(--text-2xs); color:var(--text-muted); }

.lb-modes{ display:inline-flex; gap:4px; padding:4px; border-radius:14px; background:var(--bg-surface); border:1px solid var(--border-subtle); }
.lb-mode{
    padding:8px 16px; border-radius:10px; text-decoration:none; color:var(--text2);
    font-size:var(--text-sm); font-weight:600; transition:.18s ease;
}
.lb-mode:hover{ color:var(--text); }
.lb-mode.act{ background:var(--accent); color:#04121e; }

.lb-sortbar{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:22px; }
.lb-sort-label{ font-size:var(--text-2xs); text-transform:uppercase; letter-spacing:.08em; color:var(--text-muted); margin-right:2px; }
.lb-search{ margin-left:auto; }
.lb-search input{
    padding:8px 14px; border-radius:10px; background:var(--bg-surface);
    border:1px solid var(--border-default); color:var(--text); font-size:var(--text-sm); min-width:200px;
    outline:none; transition:.16s ease;
}
.lb-search input:focus{ border-color:var(--accent); background:var(--bg-elevated); }
.lb-search input::placeholder{ color:var(--text-muted); }

/* --- podium (grid) --- */
.lb-podium{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:26px; align-items:end; }
.lb-pod{
    position:relative; text-align:center; padding:22px 14px 18px; border-radius:16px;
    background:linear-gradient(180deg, var(--bg-elevated), var(--bg-surface));
    border:1px solid var(--border-default);
}
.lb-pod.p1{ transform:translateY(-14px); border-color:#D4A76A; box-shadow:0 0 30px rgba(212,167,106,.14); }
.lb-pod.p2{ border-color:#B9BEC8; }
.lb-pod.p3{ border-color:#C08457; }
.lb-pod-badge{
    position:absolute; top:-14px; left:50%; transform:translateX(-50%);
    width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
    font-family:var(--f-mono); font-weight:700; font-size:14px; color:#04121e; background:var(--text-secondary);
}
.lb-pod.p1 .lb-pod-badge{ background:#D4A76A; }
.lb-pod.p2 .lb-pod-badge{ background:#B9BEC8; }
.lb-pod.p3 .lb-pod-badge{ background:#C08457; }
.lb-pod-av{ width:64px; height:64px; border-radius:50%; object-fit:cover; margin:6px auto 10px; display:block; border:2px solid var(--border-strong); background:var(--bg-base); }
.lb-pod.p1 .lb-pod-av{ width:78px; height:78px; border-color:#D4A76A; }
.lb-team-av{ display:grid; place-items:center; font-family:var(--f-mono); font-weight:700; text-transform:uppercase; color:var(--text); background:var(--accent-subtle); }
.lb-pod-name{ font-weight:700; font-size:var(--text-base); color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lb-pod-rating{ font-family:var(--f-mono); font-size:var(--text-md); color:var(--accent-hover); margin:4px 0 8px; }
.lb-pod-rating span{ font-size:var(--text-2xs); color:var(--text-muted); }
.lb-pod-kd{ display:flex; justify-content:center; gap:12px; font-size:var(--text-2xs); color:var(--text-muted); }
.lb-pod-kd b{ color:var(--text); font-family:var(--f-mono); }

/* --- table --- */
.lb-table-wrap{ border:1px solid var(--border-subtle); border-radius:16px; overflow:hidden; background:var(--bg-surface); }
.lb-table{ width:100%; border-collapse:collapse; }
.lb-table thead th{
    text-align:right; padding:13px 16px; font-size:var(--text-2xs); text-transform:uppercase; letter-spacing:.06em;
    color:var(--text-muted); font-weight:600; background:var(--bg-base); border-bottom:1px solid var(--border-default);
}
.lb-table th.c-rank{ text-align:center; width:56px; }
.lb-table th.c-name{ text-align:left; }
.lb-row td{ padding:12px 16px; text-align:right; border-bottom:1px solid var(--border-subtle); font-size:var(--text-sm); color:var(--text2); }
.lb-row:last-child td{ border-bottom:none; }
.lb-row:hover{ background:var(--accent-subtle); }
.lb-row td.c-rank{ text-align:center; }
.lb-row td.c-name{ text-align:left; }
.lb-rk{ font-family:var(--f-mono); font-weight:700; color:var(--text-muted); }
.lb-row.top1 .lb-rk{ color:#D4A76A; }
.lb-row.top2 .lb-rk{ color:#B9BEC8; }
.lb-row.top3 .lb-rk{ color:#C08457; }
.c-name{ display:flex; align-items:center; gap:10px; }
.lb-av{ width:30px; height:30px; border-radius:50%; object-fit:cover; background:var(--bg-base); border:1px solid var(--border-default); flex:0 0 auto; }
span.lb-av{ font-size:11px; }
.lb-pname{ color:var(--text); font-weight:600; text-decoration:none; }
a.lb-pname:hover{ color:var(--steam); }
.lb-rating{ font-family:var(--f-mono); color:var(--accent-hover); font-weight:600; }
.lb-kd{ font-family:var(--f-mono); color:var(--text); font-weight:600; }

.lb-nomatch{ padding:26px; text-align:center; color:var(--text-muted); font-size:var(--text-sm); }
.lb-foot{ text-align:center; color:var(--text-muted); font-size:var(--text-2xs); margin-top:16px; }

/* --- empty states --- */
.lb-empty{ text-align:center; padding:70px 20px; border:1px dashed var(--border-default); border-radius:16px; background:var(--bg-surface); }
.lb-empty-ic{ font-size:38px; margin-bottom:10px; }
.lb-empty h3{ color:var(--text); font-size:var(--text-lg); margin:0 0 6px; }
.lb-empty p{ color:var(--text2); font-size:var(--text-sm); margin:0; }
.lb-empty code{ font-family:var(--f-mono); color:var(--warning); background:var(--warning-subtle); padding:1px 6px; border-radius:5px; }

/* --- responsive --- */
@media (max-width:640px){
    .lb-wrap{ padding:80px 16px 64px; }
    .lb-controls{ flex-direction:column; align-items:stretch; }
    .lb-modes{ justify-content:center; }
    .lb-search{ margin-left:0; }
    .lb-search input{ width:100%; min-width:0; box-sizing:border-box; }
    .hide-sm{ display:none; }
    .lb-pod-name{ font-size:var(--text-sm); }
    .lb-pod-av{ width:52px; height:52px; }
    .lb-pod.p1 .lb-pod-av{ width:62px; height:62px; }
    .lb-podium{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .lb-pod{ padding:20px 8px 16px; min-width:0; }
    .lb-pod-name{ max-width:100%; }
    .lb-pod-kd{ gap:6px; flex-wrap:wrap; }
    .lb-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .lb-table thead th{ padding:12px 10px; white-space:nowrap; }
    .lb-row td{ padding:12px 10px; }
    .lb-row td.c-name{ white-space:nowrap; }
}

@media (max-width:400px){
    .lb-pod{ padding:18px 6px 14px; }
    .lb-pod-kd{ gap:4px; font-size:10px; }
    .lb-pod-rating{ font-size:var(--text-base); }
}
.lb-pod-members{ font-size:var(--text-2xs); color:var(--text-muted); margin-top:-4px; margin-bottom:6px; }

/* =====================================================
   temiz editoryal restyle — podyum ayrı .lbt-*, 5 kolon tablo, bol boşluk
   ===================================================== */
.lb-wrap{ position:relative; z-index:1; min-width:0; width:100%; max-width:920px; padding:128px 20px 90px; }

.lb-head{ text-align:left; margin-bottom:1.8rem; }
.lb-head .sec-kicker{ justify-content:flex-start; }
.lb-title{ font-family:var(--f-display); font-weight:700; font-size:clamp(1.9rem,3vw,2.5rem); letter-spacing:-.01em; color:var(--text); margin:.35rem 0 0; }

/* server seçici: ayrı, etiketli, segmented pill */
.lb-serverbar{ display:flex; align-items:center; gap:.9rem; margin-bottom:1.5rem; flex-wrap:wrap; }
.lb-serverbar-lbl{ font-size:.7rem; text-transform:uppercase; letter-spacing:.13em; color:var(--text-muted); }
.lb-serverbar .lb-servers{ display:inline-flex; gap:.3rem; padding:.3rem; border-radius:12px; background:var(--bg-surface); border:1px solid var(--border-subtle); }
.lb-serverbar .lb-srv{
    display:inline-flex; align-items:center; gap:.55rem; padding:.5rem 1rem; border-radius:9px;
    color:var(--text2); font-size:.9rem; font-weight:600; text-decoration:none; border:1px solid transparent; transition:.16s ease; background:transparent;
}
.lb-serverbar .lb-srv:hover{ color:var(--text); }
.lb-serverbar .lb-srv.act{ background:var(--bg-elevated); color:var(--text); border-color:var(--border-default); }
.lb-serverbar .lb-srv-dot{ width:7px; height:7px; border-radius:50%; background:var(--text-muted); flex:0 0 auto; }
.lb-serverbar .lb-srv-dot.on{ background:var(--success); box-shadow:0 0 8px var(--success); }
.lb-serverbar .lb-srv-dot.off{ background:var(--danger); }

/* toolbar */
.lb-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.1rem; }
.lb-tools{ display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.lb-sort{ display:inline-flex; gap:.15rem; }
.lb-sort a{ padding:.4rem .75rem; border-radius:8px; font-size:.82rem; font-weight:600; color:var(--text-muted); text-decoration:none; transition:.14s ease; }
.lb-sort a:hover{ color:var(--text2); }
.lb-sort a.act{ color:var(--text); background:var(--bg-elevated); }
.lb-search-in{ padding:.5rem .85rem; border-radius:9px; background:var(--bg-surface); border:1px solid var(--border-default); color:var(--text); font-size:.85rem; outline:none; min-width:150px; }
.lb-search-in:focus{ border-color:var(--border-strong); }
.lb-search-in::placeholder{ color:var(--text-muted); }

/* table: temiz + dolu */
.lb-table-wrap{
    background:rgba(14,19,32,.72); border:1px solid var(--border-subtle); border-radius:14px;
    box-shadow:0 24px 55px -34px rgba(0,0,0,.55);
}
.lb-table thead th{ background:transparent; padding:14px 18px; font-size:.68rem; letter-spacing:.09em; color:var(--text-muted); border-bottom:1px solid var(--border-default); }
.lb-row td{ padding:13px 18px; border-bottom:1px solid var(--border-subtle); font-size:.9rem; }
.lb-row:last-child td{ border-bottom:none; }
.lb-row:hover{ background:rgba(43,179,255,.055); }
.lb-rk{ color:var(--text-muted); font-family:var(--f-mono); font-weight:600; }
.lb-row.top1 .lb-rk{ color:#E2CD9E; }
.lb-row.top2 .lb-rk{ color:#C7CBD3; }
.lb-row.top3 .lb-rk{ color:#CBA07A; }
.lb-row.top1 td{ background:rgba(226,205,158,.045); }
.lb-av{ width:28px; height:28px; border-color:rgba(43,179,255,.16); }
.lb-pname{ font-weight:600; color:var(--text); }
.lb-kills{ color:var(--text); font-family:var(--f-mono); }
.lb-kd{ color:var(--text2); font-family:var(--f-mono); }
.lb-foot{ text-align:center; color:var(--text-muted); font-size:.74rem; margin-top:1rem; }

@media (max-width:900px){
    .lb-wrap{ width:100%; max-width:100vw; }
    .lb-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
}
@media (max-width:640px){
    .lb-wrap{ padding-top:104px; }
    .lb-toolbar{ flex-direction:column; align-items:stretch; }
    .lb-tools{ justify-content:space-between; }
    .lb-search-in{ flex:1; }
}

/* ---- Top-3 PODYUM — kutusuz, çizgisiz, avatar odaklı ---- */
.lbt-row{ display:flex; align-items:flex-end; justify-content:center; gap:30px; margin:8px 0 32px; }
.lbt{ position:relative; flex:0 1 150px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.lbt.t1{ --pod-c:#D4A76A; order:2; }   /* orta + büyük avatar */
.lbt.t2{ --pod-c:#B9BEC8; order:1; }   /* sol */
.lbt.t3{ --pod-c:#C08457; order:3; }   /* sağ */

.lbt-avwrap{ position:relative; display:inline-grid; place-items:center; }
.lbt-av{ width:66px; height:66px; border-radius:50%; object-fit:cover; background:var(--bg-base);
    border:2px solid var(--pod-c); display:grid; place-items:center; font-size:16px; color:var(--text); font-family:var(--f-display);
    box-shadow:0 10px 26px -12px rgba(0,0,0,.65); }
.lbt.t1 .lbt-av{ width:94px; height:94px; border-width:3px; }
.lbt-rk{ position:absolute; bottom:-9px; left:50%; transform:translateX(-50%);
    min-width:22px; height:22px; padding:0 6px; border-radius:11px; display:grid; place-items:center;
    background:var(--pod-c); color:#04121e; font-family:var(--f-display); font-weight:700; font-size:.74rem;
    border:2px solid var(--bg-base); box-shadow:0 2px 6px rgba(0,0,0,.4); }
.lbt.t1 .lbt-rk{ min-width:26px; height:26px; border-radius:13px; font-size:.84rem; bottom:-11px; }

.lbt-name{ display:block; margin-top:18px; font-family:var(--f-display); font-weight:600; font-size:.96rem; color:var(--text);
    text-decoration:none; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lbt.t1 .lbt-name{ font-size:1.16rem; margin-top:20px; }
a.lbt-name:hover{ color:var(--pod-c); }
.lbt-stats{ display:flex; gap:16px; margin-top:11px; }
.lbt-stats span{ display:flex; flex-direction:column; gap:2px; font-family:var(--f-mono),ui-monospace,monospace;
    font-size:.56rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-muted); }
.lbt-stats b{ font-family:var(--f-display); font-size:1.02rem; font-weight:700; color:var(--text); letter-spacing:0; }
.lbt.t1 .lbt-stats b{ font-size:1.24rem; }
@media (max-width:600px){
    .lbt-row{ gap:16px; }
    .lbt{ flex:1 1 0; }
    .lbt-av{ width:54px; height:54px; }
    .lbt.t1 .lbt-av{ width:72px; height:72px; }
    .lbt-name{ font-size:.84rem; max-width:92px; margin-top:15px; }
    .lbt.t1 .lbt-name{ font-size:.94rem; }
    .lbt-stats{ gap:10px; }
    .lbt-stats b,.lbt.t1 .lbt-stats b{ font-size:.92rem; }
}