/* =====================================================
   STATS PAGE - Leaderboard Styling
   ===================================================== */

/* Stats Hero */
.stats-hero {
    position: relative;
    padding: 8rem 0 4rem;
    text-align: center;
    background: linear-gradient(135deg, var(--dark-900) 0%, var(--dark-800) 100%);
}

.stats-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

.stats-hero-content {
    position: relative;
    z-index: 1;
}

.stats-badge {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    background: rgba(255, 215, 0, 0.2);
    border: 1px solid #FFD700;
    border-radius: 50px;
    font-size: 0.9rem;
    letter-spacing: 2px;
    margin-bottom: 1.5rem;
    color: #FFD700;
}

.stats-hero-title {
    font-family: var(--font-heading);
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: var(--white);
}

.stats-hero-desc {
    color: var(--gray-400);
    font-size: 1.2rem;
}

/* Filter Bar */
.stats-filter-bar {
    background: var(--dark-800);
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--dark-600);
    position: sticky;
    top: 70px;
    z-index: 100;
}

.filter-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.search-box {
    display: flex;
    flex: 1;
    max-width: 400px;
}

.search-input {
    flex: 1;
    padding: 0.75rem 1rem;
    background: var(--dark-700);
    border: 1px solid var(--dark-600);
    border-right: none;
    border-radius: 8px 0 0 8px;
    color: var(--white);
    font-size: 0.95rem;
}

.search-input::placeholder {
    color: var(--gray-500);
}

.search-input:focus {
    outline: none;
    border-color: var(--primary-red);
}

.search-btn {
    padding: 0.75rem 1.25rem;
    background: var(--primary-red);
    border: none;
    border-radius: 0 8px 8px 0;
    color: var(--white);
    cursor: pointer;
    transition: background 0.3s;
}

.search-btn:hover {
    background: var(--primary-red-light);
}

.sort-options {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.sort-options label {
    color: var(--gray-400);
    font-size: 0.9rem;
}

.sort-select {
    padding: 0.6rem 1rem;
    background: var(--dark-700);
    border: 1px solid var(--dark-600);
    border-radius: 8px;
    color: var(--white);
    font-size: 0.9rem;
    cursor: pointer;
}

.sort-select:focus {
    outline: none;
    border-color: var(--primary-red);
}

.cache-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.cache-status {
    font-size: 0.85rem;
    color: var(--gray-400);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cache-status.valid {
    color: #4CAF50;
}

.cache-status.expired {
    color: #FF9800;
}

.refresh-btn {
    padding: 0.5rem;
    background: var(--dark-700);
    border: 1px solid var(--dark-600);
    border-radius: 8px;
    color: var(--gray-400);
    text-decoration: none;
    transition: all 0.3s;
}

.refresh-btn:hover {
    background: var(--primary-red);
    border-color: var(--primary-red);
    color: var(--white);
}

/* Leaderboard Section */
.leaderboard-section {
    padding: 4rem 0;
    background: var(--dark-900);
    min-height: 60vh;
}

/* Error/Empty Box */
.error-box,
.empty-box {
    text-align: center;
    padding: 4rem 2rem;
    background: var(--dark-800);
    border: 1px solid var(--dark-600);
    border-radius: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.error-box i,
.empty-box i {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    display: block;
}

.error-box i {
    color: var(--primary-red);
}

.empty-box i {
    color: var(--gray-500);
}

.error-box h3,
.empty-box h3 {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.error-hint {
    margin-top: 1rem;
    font-size: 0.9rem;
    color: var(--gray-500);
}

.error-hint code {
    background: var(--dark-700);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    color: var(--primary-red-light);
}

/* Podium */
.podium {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 3rem;
    padding: 2rem 0;
}

.podium-item {
    text-align: center;
    padding: 1.5rem;
    background: var(--dark-800);
    border: 2px solid var(--dark-600);
    border-radius: 16px 16px 0 0;
    position: relative;
    transition: all 0.3s;
}

.podium-item:hover {
    transform: translateY(-5px);
}

.podium-item.gold {
    border-color: #FFD700;
    background: linear-gradient(180deg, rgba(255, 215, 0, 0.15) 0%, var(--dark-800) 100%);
    min-height: 220px;
}

.podium-item.silver {
    border-color: #C0C0C0;
    background: linear-gradient(180deg, rgba(192, 192, 192, 0.1) 0%, var(--dark-800) 100%);
    min-height: 180px;
}

.podium-item.bronze {
    border-color: #CD7F32;
    background: linear-gradient(180deg, rgba(205, 127, 50, 0.1) 0%, var(--dark-800) 100%);
    min-height: 160px;
}

.podium-crown {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2rem;
    animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {

    0%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-50%) translateY(-10px);
    }
}

.podium-rank {
    font-family: var(--font-heading);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.podium-item.gold .podium-rank {
    color: #FFD700;
}

.podium-item.silver .podium-rank {
    color: #C0C0C0;
}

.podium-item.bronze .podium-rank {
    color: #CD7F32;
}

.podium-avatar {
    font-size: 3rem;
    margin-bottom: 0.5rem;
}

.podium-name {
    font-family: var(--font-heading);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--white);
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.podium-stats {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.9rem;
}

.podium-stats .stat-kills {
    color: var(--primary-red);
}

.podium-stats .stat-kdr {
    color: var(--gray-400);
}

.podium-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8px;
}

.podium-item.gold .podium-bar {
    background: linear-gradient(90deg, #FFD700, #FFA500);
}

.podium-item.silver .podium-bar {
    background: linear-gradient(90deg, #C0C0C0, #A0A0A0);
}

.podium-item.bronze .podium-bar {
    background: linear-gradient(90deg, #CD7F32, #8B4513);
}

/* Stats Table */
.stats-table-wrapper {
    background: var(--dark-800);
    border: 1px solid var(--dark-600);
    border-radius: 16px;
    overflow: hidden;
}

.stats-table {
    width: 100%;
    border-collapse: collapse;
}

.stats-table thead {
    background: var(--dark-700);
}

.stats-table th {
    padding: 1rem;
    text-align: left;
    font-family: var(--font-heading);
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--gray-400);
    text-transform: uppercase;
}

.stats-table th a {
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.stats-table th a:hover {
    color: var(--primary-red);
}

.stats-table td {
    padding: 1rem;
    border-bottom: 1px solid var(--dark-600);
}

.stats-table tbody tr:last-child td {
    border-bottom: none;
}

.stats-table tbody tr {
    transition: background 0.2s;
}

.stats-table tbody tr:hover {
    background: var(--dark-700);
}

.stats-table tbody tr.rank-gold {
    background: rgba(255, 215, 0, 0.05);
}

.stats-table tbody tr.rank-silver {
    background: rgba(192, 192, 192, 0.05);
}

.stats-table tbody tr.rank-bronze {
    background: rgba(205, 127, 50, 0.05);
}

.col-rank {
    width: 60px;
    text-align: center;
}

.rank-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--dark-600);
    border-radius: 50%;
    font-family: var(--font-heading);
    font-weight: 700;
}

.rank-gold .rank-badge {
    background: linear-gradient(135deg, #FFD700, #FFA500);
    color: #000;
}

.rank-silver .rank-badge {
    background: linear-gradient(135deg, #C0C0C0, #A0A0A0);
    color: #000;
}

.rank-bronze .rank-badge {
    background: linear-gradient(135deg, #CD7F32, #8B4513);
    color: #fff;
}

.player-info {
    display: flex;
    flex-direction: column;
}

.player-name {
    font-weight: 600;
    color: var(--white);
}

.player-steamid {
    font-size: 0.8rem;
    color: var(--gray-500);
    font-family: monospace;
}

.stat-value {
    font-family: var(--font-heading);
    font-size: 1.1rem;
    font-weight: 600;
}

.stat-value.kills {
    color: var(--primary-red);
}

.stat-value.deaths {
    color: var(--gray-400);
}

.stat-value.kdr.positive {
    color: #4CAF50;
}

.stat-value.kdr.negative {
    color: #FF5722;
}

/* Show More */
.show-more {
    text-align: center;
    margin-top: 2rem;
}

/* Data Source */
.data-source {
    text-align: center;
    margin-top: 2rem;
    color: var(--gray-500);
    font-size: 0.85rem;
}

/* Responsive */
@media (max-width: 992px) {
    .stats-hero-title {
        font-size: 2.5rem;
    }

    .podium {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .podium-item {
        flex: 1;
        min-width: 120px;
        min-height: auto !important;
        padding: 1rem;
    }
}

@media (max-width: 768px) {
    .stats-hero {
        padding: 6rem 0 3rem;
    }

    .stats-hero-title {
        font-size: 2rem;
    }

    .filter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box {
        max-width: 100%;
    }

    .sort-options {
        justify-content: center;
    }

    .cache-info {
        justify-content: center;
    }

    .podium {
        flex-direction: column;
        align-items: center;
    }

    .podium-item {
        width: 100%;
        max-width: 300px;
        min-height: auto !important;
    }

    .stats-table th,
    .stats-table td {
        padding: 0.75rem 0.5rem;
        font-size: 0.85rem;
    }

    .player-steamid {
        display: none;
    }
}

@media (max-width: 480px) {
    .col-deaths {
        display: none;
    }
}
/* =====================================================
   RANKEVAL LEADERBOARD (v2)  — .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:#12141a; }

.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-sort{
    padding:6px 12px; border-radius:9px; text-decoration:none; color:var(--text2);
    font-size:var(--text-xs); font-weight:600; border:1px solid transparent; transition:.16s ease;
}
.lb-sort:hover{ color:var(--text); background:var(--bg-elevated); }
.lb-sort.act{ color:var(--text); background:var(--bg-elevated); border-color:var(--border-default); }
.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 --- */
.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:#12141a; 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; }

    /* keep the 3-card podium inside the viewport */
    .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; }

    /* let the table scroll horizontally instead of being clipped */
    .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){
    /* very small phones: tighten podium K/D so cards don't overflow */
    .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; }

/* =====================================================
   LEADERBOARD REDESIGN — tilted "curtain" backdrop +
   ghosted / translucent glass surfaces (visual-only overrides;
   no layout props so mobile fixes above stay intact)
   ===================================================== */

/* min-width:0 -> body flex layout'unda wrap'in tablo min-content'iyle 500px'e
   sismesini onler (flexbox min-width:auto tuzagi). Boylece mobilde wrap 375'e
   siga, podyum kartlari kirpilmaz, genis tablo kendi icinde yatay kayar. */
/* width:100% -> desktop'ta icerik kadar daralmasin, max-width:1080'e kadar dolsun
   (body flex-column icinde aksi halde ~766px'e content-size oluyordu = dar/"mobil" gorunum) */
.lb-wrap{ position:relative; z-index:1; min-width:0; width:100%; }
.lb-table-wrap{ min-width:0; }

/* --- arka plan: TEK buzlu cam katman ("perde"). Animasyon yok, tek backdrop-filter.
   (eski 7 ayri blur + sonsuz animasyon kaldirildi -> performans) --- */
.lb-wrap::before{
    content:''; position:absolute; inset:-24px 0 10%; z-index:-1; pointer-events:none;
    border-radius:22px;
    background:linear-gradient(180deg, rgba(14,16,21,.55) 0%, rgba(14,16,21,.32) 55%, rgba(14,16,21,0) 100%);
    -webkit-backdrop-filter:blur(16px) saturate(115%);
            backdrop-filter:blur(16px) saturate(115%);
}

/* --- podyum: yari saydam, yumusak (backdrop-filter YOK - perf) --- */
.lb-pod{
    background:linear-gradient(180deg, rgba(30,35,43,.55), rgba(22,26,33,.38)) !important;
    border-color:rgba(208,210,215,.10) !important;
    box-shadow:0 18px 44px -26px rgba(0,0,0,.6);
}
.lb-pod.p1{ border-color:rgba(212,167,106,.55) !important; box-shadow:0 0 34px -6px rgba(212,167,106,.16), 0 18px 44px -26px rgba(0,0,0,.6) !important; }
.lb-pod.p2{ border-color:rgba(185,190,200,.42) !important; }
.lb-pod.p3{ border-color:rgba(192,132,87,.42) !important; }
.lb-pod-av{ border-color:rgba(208,210,215,.22) !important; box-shadow:0 6px 18px -8px rgba(0,0,0,.7); }

/* --- tablo: yari saydam + alta dogru eriyen (yarisi yok gibi); blur YOK --- */
.lb-table-wrap{
    background:rgba(20,24,30,.42) !important;
    border-color:rgba(208,210,215,.08) !important;
    box-shadow:0 24px 60px -30px rgba(0,0,0,.6);
    -webkit-mask-image:linear-gradient(180deg, #000 0%, #000 66%, rgba(0,0,0,.34) 100%);
            mask-image:linear-gradient(180deg, #000 0%, #000 66%, rgba(0,0,0,.34) 100%);
}
.lb-table thead th{ background:rgba(16,19,26,.55) !important; border-bottom-color:rgba(208,210,215,.10) !important; color:var(--text-muted); }
.lb-row td{ border-bottom-color:rgba(208,210,215,.055) !important; }
.lb-row{ transition:background .16s ease; }
.lb-row:hover{ background:rgba(200,202,208,.055) !important; }
.lb-row.top1{ background:rgba(212,167,106,.05); }
.lb-av{ border-color:rgba(208,210,215,.16) !important; }

/* --- kontroller & bos durum: yari saydam (blur YOK) --- */
.lb-srv, .lb-search input{ background:rgba(30,35,43,.55) !important; border-color:rgba(208,210,215,.10) !important; }
.lb-modes{ background:rgba(22,26,33,.55) !important; border-color:rgba(208,210,215,.08) !important; }
.lb-empty{ background:rgba(20,24,30,.40) !important; border-color:rgba(208,210,215,.14) !important; }

/* --- MOBİL TAŞMA FİX'İ (kanıtlanmış): body flex-column + tablo geniş min-content
   yuzunden .lb-wrap 500px'e siziyordu. Sadece <=900px'te wrap'i viewport'a sabitle
   (desktop max-width:1080 korunur), genis tablo kendi icinde yatay kaysin. --- */
@media (max-width:900px){
    .lb-wrap{ width:100%; max-width:100vw; }
    .lb-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
}

/* --- sunucu secici dropdown (etiket degil, secmeli; oyuncu sayisi YOK) --- */
.lb-serverpick{
    position:relative; display:inline-flex; align-items:center;
    height:40px; padding:0 34px 0 13px;
    background:rgba(30,35,43,.55); border:1px solid rgba(208,210,215,.12); border-radius:12px;
    transition:border-color .16s ease;
}
.lb-serverpick:hover{ border-color:rgba(208,210,215,.24); }
.lb-serverpick .lb-srv-dot{ margin-right:9px; flex:0 0 auto; }
.lb-srv-select{
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    background:transparent; border:none; outline:none; cursor:pointer;
    color:var(--text); font-family:var(--f-body); font-size:var(--text-sm); font-weight:600;
    padding:8px 0; max-width:230px;
}
.lb-srv-select option{ background:var(--bg-elevated); color:var(--text); font-weight:500; }
.lb-srv-caret{ position:absolute; right:12px; width:15px; height:15px; color:var(--text-muted); pointer-events:none; }

/* =====================================================
   LEADERBOARD — clean editorial restyle (de-vibecode)
   podyum kaldirildi · 5 kolon · ayri server bar · fade/veil yok · bol bosluk
   ===================================================== */
.lb-wrap{ max-width:920px; padding:128px 20px 90px; }
.lb-wrap::before{ display:none !important; }   /* eski buzlu veil kaldirildi -> temiz */

.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 secici: ayri, 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, fade/glass YOK */
.lb-table-wrap{
    background:rgba(18,21,27,.72) !important; border:1px solid var(--border-subtle) !important; border-radius:14px;
    -webkit-mask-image:none !important; mask-image:none !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    box-shadow:0 24px 55px -34px rgba(0,0,0,.55) !important;
}
.lb-table thead th{ background:transparent !important; padding:14px 18px !important; font-size:.68rem !important; letter-spacing:.09em !important; color:var(--text-muted) !important; border-bottom:1px solid var(--border-default) !important; }
.lb-row td{ padding:13px 18px !important; border-bottom:1px solid var(--border-subtle) !important; font-size:.9rem; }
.lb-row:last-child td{ border-bottom:none !important; }
.lb-row:hover{ background:rgba(255,255,255,.025) !important; }
.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; }
.lb-pname{ font-weight:600; color:var(--text); }
.lb-kills{ color:var(--text) !important; font-family:var(--f-mono); }
.lb-kd{ color:var(--text2) !important; font-family:var(--f-mono); }
.lb-foot{ text-align:center; color:var(--text-muted); font-size:.74rem; margin-top:1rem; }

@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 — modern, KUTUSUZ ve ÇİZGİSİZ; avatar odakli ---- */
.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 + (buyuk avatar sayesinde) yuksek */
.lbt.t2{ --pod-c:#B9BEC8; order:1; }   /* sol */
.lbt.t3{ --pod-c:#C08457; order:3; }   /* sag */

.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; }
/* rank rozeti — avatarin alt-ortasina binen kucuk madalya */
.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:#14161a; 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; }
}