/* ===== Модуль «Чарт» — топ игроков (Spotlight) ===== */
.ch-wrap{ max-width:1120px; margin:0 auto; }

.ch-head{ margin-bottom:20px; }
.ch-eyebrow{
  display:inline-block; font-family:var(--font-family-1,"Unbounded"),sans-serif; font-size:12px; font-weight:800;
  letter-spacing:.18em; text-transform:uppercase;
  background:linear-gradient(120deg,#5fe3ff,#2b7fff); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.ch-title{ margin:4px 0 0; font-family:var(--font-family-1,"Unbounded"),sans-serif; font-weight:800; font-size:34px; letter-spacing:-.01em; color:#eafcff; }
.ch-title span{ background:linear-gradient(120deg,#29a3ab,#2b7fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ch-sub{ margin-top:6px; color:#9fb2c0; font-size:14px; }

.ch-servers, .ch-sorts{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.ch-srv, .ch-sort{
  display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 16px; border-radius:12px;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); color:#9fb2c0;
  font-size:14px; font-weight:600; text-decoration:none; transition:.2s;
}
.ch-srv svg, .ch-sort svg{ width:16px; height:16px; fill:currentColor; }
.ch-srv:hover, .ch-sort:hover{ border-color:rgba(41,163,171,.4); color:#eafcff; transform:translateY(-2px); }
.ch-srv.active, .ch-sort.active{
  background:linear-gradient(120deg,#29a3ab,#2b7fff); border-color:transparent; color:#fff;
  box-shadow:0 8px 20px rgba(43,127,255,.3);
}
.ch-srv.active svg, .ch-sort.active svg{ fill:#fff; }

.ch-search{
  width:100%; box-sizing:border-box; height:46px; margin-bottom:14px; padding:0 18px;
  border-radius:13px; background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.08);
  color:#e7edf2; font-size:14px; outline:none; transition:border-color .2s;
}
.ch-search:focus{ border-color:rgba(41,163,171,.5); }
.ch-search::placeholder{ color:#7d8b99; }

.ch-list{
  background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); border-radius:20px;
  padding:8px; box-shadow:0 18px 50px rgba(0,0,0,.3); overflow:hidden;
}
.ch-row{
  display:grid; grid-template-columns:58px minmax(0,1fr) 96px 104px 104px 74px 92px; align-items:center; gap:10px;
  padding:11px 16px; border-radius:14px; text-decoration:none; color:#c4d0da; transition:background .15s, transform .15s;
}
a.ch-row:hover{ background:rgba(255,255,255,.05); transform:translateX(2px); }
.ch-row-head{ color:#7d8b99; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:8px 16px; }
.ch-row-head:hover{ background:none; transform:none; }

.ch-c-pos{ font-family:var(--font-family-1,"Unbounded"),sans-serif; font-weight:800; font-size:16px; color:#9fb2c0; text-align:center; }
.ch-c-num{ text-align:center; font-weight:600; font-size:14px; white-space:nowrap; }
.ch-val{ color:#5fe3ff; font-weight:800; }
.ch-c-player{ display:flex; align-items:center; gap:12px; min-width:0; }
.ch-ava{ width:40px; height:40px; border-radius:11px; object-fit:cover; background:#11161f; flex-shrink:0; }
.ch-name{ font-weight:700; color:#eafcff; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-c-rank{ display:flex; align-items:center; justify-content:center; min-height:30px; }
.ch-c-rank img.ch-rankimg{ max-height:30px; width:auto; }
.ch-c-rank .rank{ transform:scale(.5); transform-origin:center; }

/* топ-3 */
.ch-medal{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:9px; }
.ch-medal svg{ width:17px; height:17px; }
.ch-top-1 .ch-medal{ background:rgba(244,202,128,.16); } .ch-top-1 .ch-medal svg{ fill:#f4ca80; }
.ch-top-2 .ch-medal{ background:rgba(197,208,222,.16); } .ch-top-2 .ch-medal svg{ fill:#c5d0de; }
.ch-top-3 .ch-medal{ background:rgba(205,127,80,.16); }  .ch-top-3 .ch-medal svg{ fill:#cd7f50; }
.ch-top-1{ background:linear-gradient(90deg, rgba(244,202,128,.08), transparent 60%); }
.ch-top-2{ background:linear-gradient(90deg, rgba(197,208,222,.07), transparent 60%); }
.ch-top-3{ background:linear-gradient(90deg, rgba(205,127,80,.07), transparent 60%); }
.ch-top .ch-name{ font-size:16px; }

.ch-empty{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;
  padding:70px 20px; text-align:center; background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06); border-radius:20px;
}
.ch-empty svg{ width:52px; height:52px; fill:#5fe3ff; opacity:.6; }
.ch-empty p{ color:#9fb2c0; font-size:15px; max-width:440px; line-height:1.5; }

/* адаптив */
@media (max-width:820px){
  .ch-row{ grid-template-columns:44px minmax(0,1fr) 84px 74px 64px; }
  .ch-c-rank, .ch-row .ch-c-num:nth-child(6){ display:none; } /* прячем ранг и K/D */
  .ch-row-head .ch-c-rank, .ch-row-head .ch-c-num:nth-child(6){ display:none; }
  .ch-title{ font-size:26px; }
}
@media (max-width:520px){
  .ch-row{ grid-template-columns:38px minmax(0,1fr) 66px 58px; }
  .ch-row .ch-c-num:nth-child(5){ display:none; } /* прячем убийства */
  .ch-row-head .ch-c-num:nth-child(5){ display:none; }
  .ch-ava{ width:34px; height:34px; }
  .ch-name{ font-size:14px; }
}