/* Стили Pages/App/Cup/Window.cshtml (Д74, Д84): окно кубка — на стилях closed-evening.css (ew-*), свой цвет и разряды. */
.cw{--ev:#e0b84a}
/* Левая часть — только вертикальная прокрутка: ничто не раздвигает её вбок. */
.cw .ew-side{overflow-x:hidden}
.cw .ew-side>*{min-width:0}
.cw-tiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.cw-tier{position:relative;display:grid;justify-items:center;gap:2px;min-width:0;padding:6px 2px 8px;border:1px solid var(--border-hairline);border-radius:10px;background:var(--ink-800);text-align:center;overflow:hidden}
.cw-tier b{color:var(--text-heading);font:700 18px/1 var(--font-display)}
/* Разряд — значками медалей: у 3-го — Рекрут, Страж и Рыцарь внахлёст. */
.cw-medals{display:inline-flex;align-items:center;vertical-align:middle}
.cw-medals img{width:24px;height:24px;object-fit:contain}
.cw-medals img+img{margin-left:-15px}
/* В счётчике по разрядам колонки узкие: у 3-го разряда три медали — плотнее. */
.cw-tier .cw-medals img{width:22px;height:22px}
.cw-tier .cw-medals img+img{margin-left:-16px}
.cw-me .cw-medals img,.ew-me .cw-medals img{width:22px;height:22px}
.cw-tier i{position:absolute;left:0;bottom:0;width:var(--w,0%);height:3px;background:var(--ev)}
.cw-tier.is-me{border-color:var(--ev)}
.cw-near{margin-left:2px;color:#f0883e}   /* до пятёрки не хватает одного — значок пламени */
.cw-me{color:var(--text-body);font-size:13px}
.cw-me b{color:var(--text-heading)}
@media (max-width:720px){.cw-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}