/* Рейтинг CSRAY */
.cs-lb__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 8px 0 16px; }
.cs-lb__head h1 { font-size: 32px; font-weight: 700; margin: 0; }
.cs-lb__head .custom-select-wrapper { min-width: 220px; }
.cs-lb__card { overflow-x: auto; padding: 4px 8px; }
.cs-lb .cs-table { min-width: 560px; }
.cs-lb tbody tr { cursor: pointer; }
.cs-lb th.sortable { cursor: pointer; user-select: none; }
.cs-lb th.sortable:hover, .cs-lb th.is-sorted { color: var(--c-text); }
.cs-lb th.is-sorted::after { content: " ↓"; color: var(--c-accent); }
.cs-lb th:nth-child(n+3), .cs-lb td:nth-child(n+3) { text-align: right; }
.cs-lb .cs-lb__place { width: 48px; color: var(--c-text-2); }
.cs-lb__player { display: flex; align-items: center; gap: 10px; min-width: 0; }
.cs-lb__player img { width: 28px; height: 28px; border-radius: 50%; flex: none; object-fit: cover; }
.cs-lb__name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
.cs-lb__online { width: 7px; height: 7px; border-radius: 50%; background: var(--c-ok); flex: none; }
.cs-lb__value { font-weight: 600; }
.cs-lb tr.is-top1 .cs-lb__place, .cs-lb tr.is-top1 .cs-lb__value { color: var(--c-accent); font-weight: 700; }
.cs-lb tr.is-me td { background: var(--c-accent-soft); border-bottom: 8px solid var(--c-surface); }
.cs-lb tr.is-me td:first-child { border-radius: 10px 0 0 10px; }
.cs-lb tr.is-me td:last-child { border-radius: 0 10px 10px 0; }
@media (max-width: 767px) {
  .cs-lb__head h1 { font-size: 26px; }
  .cs-lb__name { max-width: 140px; }
}

/* Бейдж рейтинга как Premier в CS2: наклонная плашка, полоски слева, цвет по тиру */
.cs-premier {
  --t: #B0C3D9;
  position: relative; display: inline-flex; align-items: baseline; gap: 0;
  padding: 3px 12px 3px 22px; transform: skewX(-12deg);
  background: linear-gradient(90deg, color-mix(in srgb, var(--t) 28%, transparent), color-mix(in srgb, var(--t) 10%, transparent));
  border-radius: 4px; color: var(--t); font-style: italic; line-height: 1.2;
}
.cs-premier > * { transform: skewX(12deg); display: inline-block; }
.cs-premier i {
  position: absolute; left: 6px; top: 3px; bottom: 3px; width: 10px; transform: none;
  background: repeating-linear-gradient(90deg, var(--t) 0 2px, transparent 2px 4px);
}
.cs-premier b { font-size: 16px; font-weight: 800; letter-spacing: -0.02em; }
.cs-premier small { font-size: 12px; font-weight: 700; opacity: .9; }
.cs-premier--t0 { --t: #B0C3D9; }
.cs-premier--t1 { --t: #5E98D9; }
.cs-premier--t2 { --t: #4B69FF; }
.cs-premier--t3 { --t: #8847FF; }
.cs-premier--t4 { --t: #D32CE6; }
.cs-premier--t5 { --t: #EB4B4B; }
.cs-premier--t6 { --t: #FFD700; }
/* рейтинг в своих цветах тира — без оранжевого топ-1 */
.cs-lb tr.is-top1 .cs-lb__value { color: inherit; }