/* ─────────────────────── Rush Point: нашивка ───────────────────────
   Отдельным файлом, а не в page-rush.css: нашивку показывает не только
   страница /rush, но и профиль игрока (вкладка «Rush»). Таблица сезона
   и остальная раскладка страницы — в page-rush.css.

   Знак звания — нашивка (rush-badge.js): щиток в цвете звания, на нём
   знаки различия, как в армии, — у младших шевроны, у старших звёзды, у
   вершины звезда в кольце. Название рядом обычным шрифтом, RP под ним.

   Почему не плашка с надписью, как было в первых макетах: название на
   самой плашке приходилось писать 10 пикселями, а русские названия
   длинные («Мастер прорыва»). Крупнее — и плашка разъезжалась до 226
   пикселей, теснила ник в таблице. Нашивка узкая, а название на ней не
   пишется вовсе — ему место рядом, 14 пикселей.

   Кружок уровня 1–10 сюда не годится: он занят кастомами и значит там
   другое. Две шкалы одним значком читались бы как одна. */

/* Цвет ступени — на классе ступени (.r1 … .r7), по номеру, а не по
   названию: звание переименовывается в rush.py одной строчкой, и здесь
   ничего менять не нужно. Цвет берут и нашивка (её цвет приходит с
   сервера вместе со званием), и полоска в строке таблицы, и лесенка.

   Проверено программой (validate_palette, тёмная тема): соседние
   ступени различимы и при дальтонизме (худшая пара ΔE 11.7 при норме 8),
   и обычным глазом (16.5 при норме 15). Цвета здесь и в rush.py — одни
   и те же; стенд это сверяет. */
.r1 { --rp: #aab1bb; --rp-ink: #10131a }
.r2 { --rp: #4a8cfb; --rp-ink: #10131a }
.r3 { --rp: #2bb673; --rp-ink: #10131a }
.r4 { --rp: #f3d24e; --rp-ink: #10131a }
.r5 { --rp: #fb8c38; --rp-ink: #10131a }
.r6 { --rp: #d6344a; --rp-ink: #ffffff }
.r7 { --rp: #b565f0; --rp-ink: #10131a }

/* ── знак: нашивка + название + RP ── */

.rpb { display: inline-flex; align-items: center; gap: 9px; min-width: 0;
       vertical-align: middle }
.rpb .patch { flex: none; filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .35)) }
.rpb .tx { display: flex; flex-direction: column; gap: 2px; line-height: 1.1;
           min-width: 0 }
.rpb .nm { font-weight: 800; font-size: 14px; color: var(--txt);
           white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.rpb .pt { font-family: var(--ost); font-size: 12px; color: var(--txt-dim);
           letter-spacing: .04em; font-variant-numeric: tabular-nums;
           display: flex; align-items: center; gap: 6px; white-space: nowrap }

/* В профиле — крупно. */
.rpb.big { gap: 14px }
.rpb.big .nm { font-size: 22px; letter-spacing: .01em }
.rpb.big .pt { font-size: 15px }

/* В тесных местах (список «сейчас на сайте», шапка профиля) — поменьше. */
.rpb.sm { gap: 6px }
.rpb.sm .nm { font-size: 13px }
.rpb.sm .pt { font-size: 11px }

/* ── калибровка ──
   Числа нет — пока карт мало, оно скачет на сотни и ничего не значит
   (сайт его и не отдаёт). Вместо числа — пять квадратиков.

   Оранжевый — победа, красный — поражение. Не фирменные оранжевый с
   красным сайта: те на мелком квадрате не различаются даже обычным глазом
   (ΔE 12.7 при норме 15), а красный на тёмном почти не виден (2.5:1).
   Эти развели по яркости и оттенку и проверили программой: обычным глазом
   ΔE 21.8, при дальтонизме худшая пара 10.9 (норма 8). Серый пустой
   квадрат — ещё не сыгранная карта; он нарочно тусклый.

   Классы — .win / .loss / .draw, а не .w / .l: короткие имена однажды уже
   совпали с чужим классом и прятали все победные квадратики разом. */
.rpb.calib .nm { color: var(--txt-dim); font-weight: 700 }
.rpb .seg { display: inline-flex; gap: 3px }
.rpb .seg i { width: 9px; height: 9px; border-radius: 2px;
              background: #435468; font-style: normal; display: inline-block }
.rpb .seg i.win { background: #ffa53a }
.rpb .seg i.loss { background: #f5405a }
.rpb .seg i.draw { background: #c9d3dd }
.rpb.big .seg { gap: 5px }
.rpb.big .seg i { width: 14px; height: 14px; border-radius: 3px }
.rpb.sm .seg i { width: 7px; height: 7px; border-radius: 1px }
.rpb .cnt { color: var(--txt-dim) }

/* ── серия: огонёк и число ──
   Победы подряд, с трёх. Стоит у ника в таблице сезона и в шапке профиля.
   Цвет — тёплый, но не оранжевый акцент сайта: тот уже занят «своей»
   строкой таблицы, и огонёк на ней терялся бы. */
.rstreak { flex: none; display: inline-flex; align-items: center; gap: 4px;
           white-space: nowrap; font-family: var(--ost); font-size: 15px;
           line-height: 1; letter-spacing: .03em; color: #ffb15a }
.rstreak .flame { display: block; width: 12px; height: 15px; color: #ff8a3a }