/* ============================================================
   NOVASMP — leaderboard.css
   ============================================================ */

.lb-section{padding:170px 0 120px;min-height:70vh;position:relative;z-index:2}

.lb-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:36px;flex-wrap:wrap}
.lb-tab{
  display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;
  background:var(--panel);border:1px solid var(--outline-2);color:var(--muted);
  font-family:var(--font-display);font-size:.76rem;letter-spacing:1px;text-transform:uppercase;
  cursor:pointer;transition:.18s var(--ease);
}
.lb-tab:hover{color:#fff;border-color:var(--outline-2)}
.lb-tab.active{background:linear-gradient(135deg,var(--red-2),var(--red));border-color:transparent;color:#fff}

.lb-panel{max-width:720px;margin:0 auto}

.lb-list{display:flex;flex-direction:column;gap:10px}
.lb-row{
  display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--outline);
  border-radius:12px;padding:14px 20px;transition:border-color .2s,transform .15s var(--ease-soft);
  text-decoration:none;color:inherit;
}
.lb-row:hover{border-color:var(--outline-2);transform:translateX(4px)}

.lb-rank{
  width:34px;flex-shrink:0;text-align:center;font-family:var(--font-display);font-size:1rem;
  color:var(--dim);
}
.lb-rank i{font-size:1.3rem}

.lb-row.top1{border-color:rgba(255,193,7,.4);background:linear-gradient(90deg,rgba(255,193,7,.08),var(--panel) 40%)}
.lb-row.top1 .lb-rank{color:#ffc107}
.lb-row.top2{border-color:rgba(200,200,210,.35);background:linear-gradient(90deg,rgba(200,200,210,.08),var(--panel) 40%)}
.lb-row.top2 .lb-rank{color:#c9ccd1}
.lb-row.top3{border-color:rgba(205,127,50,.4);background:linear-gradient(90deg,rgba(205,127,50,.1),var(--panel) 40%)}
.lb-row.top3 .lb-rank{color:#cd7f32}

.lb-avatar{width:36px;height:36px;border-radius:8px;image-rendering:pixelated;flex-shrink:0;background:var(--panel-2)}

.lb-name{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.lb-name b{font-size:.96rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-name .live-dot{flex-shrink:0}

.lb-value{font-family:var(--font-display);font-size:1rem;color:var(--red-2);flex-shrink:0}

@media (max-width:600px){
  .lb-row{padding:12px 14px;gap:12px}
  .lb-value{font-size:.88rem}
}