

/* ============================================================
   «Иней» — общий слой страниц сайта части 1 (только сайт; frost.css не трогаем).
   Шапка, подвал, знак, эмодзи, крошки — в _src/site_shell.css (общий для всех страниц сайта).
   Здесь: сцена с видом карты, заголовок страницы, стеклянные капсулы и сегменты, твёрдые карточки.
   Без шрифтов Valve: буквы тиров — Geologica 800.
   ============================================================ */

/* ---------- сцена: вид карты (арт Valve), тонирован к navy заранее (gen_bg.py) ---------- */
.scene{position:absolute;left:0;right:0;top:0;height:var(--scene-h,720px);overflow:hidden;z-index:0;pointer-events:none;background:var(--bg)}
.scene img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:var(--scene-pos,50% 50%)}
.scene .fade{position:absolute;left:0;right:0;top:0;bottom:0;
  background:linear-gradient(180deg,rgba(13,20,33,.22) 0%,rgba(13,20,33,.0) 26%,rgba(13,20,33,.30) 62%,rgba(13,20,33,.82) 86%,#0d1421 100%),
             linear-gradient(90deg,rgba(13,20,33,.72) 0%,rgba(13,20,33,.38) 36%,rgba(13,20,33,0) 70%)}
.page{position:relative;z-index:2}

/* ---------- заголовок страницы над сценой ---------- */
.p-head{padding:132px 0 0;position:relative}
.p-head h1{font-size:56px;line-height:1.02;font-weight:700;letter-spacing:-.035em;margin-top:18px;text-shadow:0 2px 24px rgba(13,20,33,.6)}
.p-head .lead{font:400 18px/1.55 var(--f-ui);color:rgba(231,235,242,.86);margin-top:16px;max-width:660px;text-shadow:0 1px 12px rgba(13,20,33,.8)}
.p-head .lead .svit{vertical-align:2px}

/* стеклянные капсулы управления (ранг, патч, сброс) */
.cap-g{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 12px;border-radius:22px;font:600 14.5px/1 var(--f-ui);color:var(--text);white-space:nowrap}
.cap-g .i{width:14px;height:14px;color:var(--label)}
.cap-g img{width:34px;height:34px;margin-left:-6px}
.cap-g .live{background:var(--meta);box-shadow:0 0 0 3px rgba(74,158,237,.25)}

/* сегменты: стеклянный трек + «линза» (у линзы своего blur нет) */
.seg-g{position:relative;display:flex;height:48px;border-radius:24px;padding:4px}
.seg-g a{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 18px;border-radius:20px;font:600 14.5px/1 var(--f-ui);color:var(--label);white-space:nowrap}
.seg-g a.on{color:var(--text)}
.seg-g .dot{width:8px;height:8px;border-radius:4px;background:var(--meta)}
.seg-g .i{width:14px;height:14px;color:var(--amber)}

/* роли — один сегмент (как в аппе) */
.roles-s{display:flex;gap:2px;padding:4px;border-radius:18px;background:rgba(16,24,39,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.roles-s a{flex:1;min-width:0;height:44px;padding:0 12px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:7px;font:600 13.5px/1 var(--f-ui);color:var(--label);white-space:nowrap}
.roles-s .role,.roles-s .i{width:17px;height:17px}
.roles-s a.on{background:var(--text);color:#0d1421}

/* ---------- твёрдые карточки контента ---------- */
.card{background:var(--sheet);border-radius:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 40px 80px -40px rgba(0,0,0,.9)}
.card-h{display:flex;align-items:center;gap:12px}
.card-h .fe{width:40px;height:40px;margin:-4px 0}
.card-h h2,.card-h h3{font-size:22px;line-height:1.15;letter-spacing:-.015em}
.card-h .ctx{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font:500 13.5px/1.2 var(--f-ui);color:var(--text2);text-align:right}
.card-h .ctx i{width:8px;height:8px;border-radius:4px;background:var(--meta);flex:none}
.cap{font:400 13.5px/1.45 var(--f-ui);color:var(--text2)}

/* CTA «Открыть в Telegram» — карточка с эмодзи */
.cta-card{position:relative;padding:24px 24px 24px;overflow:hidden}
.cta-card .fe{position:absolute;right:14px;top:14px;width:72px;height:72px}
.cta-card h3{font-size:22px;line-height:1.2;letter-spacing:-.015em;max-width:200px}
.cta-card p{font:400 15px/1.5 var(--f-ui);color:var(--text2);margin-top:10px;max-width:300px}
.cta-card .btn{margin-top:18px}

/* ---------- адаптив заголовка ---------- */
@media (max-width:1080px){
  .p-head{padding-top:176px}
}
@media (max-width:760px){
  .p-head{padding-top:150px}
  .p-head h1{font-size:38px;padding-right:62px}
  .p-head .lead{font-size:16px}
}

/* ---------- карточка героя ---------- */
.site{--scene-h:660px;--scene-pos:50% 45%}

/* шапка героя: небольшой рендер как подпись данных, не ключевой арт */
.hh{display:flex;align-items:flex-end;gap:30px;margin-top:22px}
.hh-rnd{position:relative;width:212px;height:212px;flex:none}
.hh-rnd:before{content:'';position:absolute;left:16px;right:16px;bottom:10px;height:38px;border-radius:50%;background:radial-gradient(closest-side,rgba(139,92,246,.42),rgba(139,92,246,0))}
.hh-rnd .render-slot{left:0;right:0;top:0;bottom:0}
.hh-info{flex:1;min-width:0;padding-bottom:8px}
.over{display:flex;align-items:center;gap:8px;font:500 14.5px/1 var(--f-ui);color:rgba(231,235,242,.88)}
.over .role{width:16px;height:16px}
.hh h1{font-size:60px;line-height:1;font-weight:700;letter-spacing:-.04em;margin:12px 0 16px;text-shadow:0 2px 24px rgba(13,20,33,.6)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips .chip{height:32px;padding:0 12px;font-size:14px;background:rgba(13,20,33,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.chips .chip.tier b{font:800 17px/1 var(--f-display);color:var(--t-sp);margin-right:1px;letter-spacing:-.02em}
.chips .chip.wr{color:var(--meta)}
.chips .chip.upc{color:var(--green)}
.chips .chip .i{width:11px;height:11px}
.ctl{display:flex;align-items:center;gap:10px;margin-top:26px}
.ctl .seg-g a{padding:0 20px}
.mode{display:flex;align-items:center;gap:8px;font:500 14px/1.35 var(--f-ui);color:var(--amber);margin:12px 4px 0}
/* поиск другого героя — стеклянная капсула (управление), ведёт в список героев */
.find{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 18px 0 15px;border-radius:24px;font:500 14.5px/1 var(--f-ui);color:var(--label);white-space:nowrap}
.find .i{width:17px;height:17px;color:var(--text)}
/* другие керри */
.more-l{color:var(--cta)!important;font-weight:600!important}
.more-l .i{width:14px;height:14px}
.peers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 14px;margin-top:18px}
.pr{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.pr .ph{position:relative;display:block;width:100%;padding-top:100%;border-radius:14px;overflow:hidden;background:var(--cell)}
.pr .ph img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.pr b{font:600 14px/1.2 var(--f-ui);margin-top:9px;max-width:100%}
.pr small{display:flex;align-items:center;gap:5px;font:500 12.5px/1 var(--f-ui);color:var(--meta);margin-top:5px}
.pr small i{font:800 13px/1 var(--f-display);font-style:normal;letter-spacing:-.02em}
.mode .i{width:15px;height:15px;flex:none}

/* раскладка */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;margin-top:40px;align-items:start}
.main,.aside{display:flex;flex-direction:column;gap:20px}
.aside{position:-webkit-sticky;position:sticky;top:96px}
.pad{padding:22px 24px 24px}

/* предметы */
.kick.k-am{color:var(--text2)} .kick.k-am .d{background:var(--amber)}
.bb-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.bb-h small{font:500 13px/1 var(--f-ui);color:var(--text2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}
.items{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.itm{width:70px;display:flex;flex-direction:column;align-items:center}
.itm .ib{position:relative}
.itm img{width:64px;height:47px;border-radius:10px;object-fit:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 6px 12px -6px rgba(0,0,0,.7)}
.itm .x2{position:absolute;right:-6px;bottom:-6px;height:19px;padding:0 5px;border-radius:6px;background:#222c40;box-shadow:0 0 0 1.5px var(--sheet);font:700 11.5px/19px var(--f-ui);color:var(--text)}
.itm span{margin-top:8px;font:400 12.5px/1.25 var(--f-ui);color:var(--text2);text-align:center}
.key{margin-top:26px;padding-top:20px;border-top:1px solid var(--hair)}
.path{position:relative;height:132px;margin:16px 10px 0}
.path .track{position:absolute;left:0;right:0;top:62px;height:2px;border-radius:1px;background:rgba(231,235,242,.12)}
.path .track:after{content:'';position:absolute;left:0;top:0;bottom:0;width:88%;border-radius:1px;background:linear-gradient(90deg,rgba(251,191,36,.15),rgba(251,191,36,.6))}
.path .st{position:absolute;top:0;width:110px;margin-left:-55px;display:flex;flex-direction:column;align-items:center}
.path .st img{width:56px;height:41px;border-radius:9px;object-fit:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 6px 12px -6px rgba(0,0,0,.7)}
.path .st i{width:11px;height:11px;border-radius:6px;margin-top:15px;background:var(--amber);box-shadow:0 0 0 3px var(--sheet)}
.path .st b{font:600 14px/1 var(--f-display);margin-top:10px;white-space:nowrap}
.path .st small{display:block;margin-top:6px;font:400 12.5px/1.25 var(--f-ui);color:var(--text2);text-align:center}

/* прокачка по уровням */
.sk-grid{display:grid;grid-template-columns:150px repeat(12,minmax(0,1fr));gap:7px 6px;align-items:center;margin-top:20px}
.sk-grid .lv{font:600 12px/1 var(--f-ui);color:var(--text2);text-align:center}
.sk-grid .lv.tal{color:var(--amber)}
.ab{display:flex;align-items:center;gap:10px;min-width:0}
.ab img{width:36px;height:36px;border-radius:9px;flex:none}
.ab span{font:500 13.5px/1.2 var(--f-ui);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c{height:28px;border-radius:7px;background:var(--well)}
.c.on{background:var(--amber);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.c.t{background:transparent;box-shadow:inset 0 0 0 1px rgba(251,191,36,.3)}
.sk-key{margin-top:14px}

/* таланты: как дерево в клиенте — уровень посередине */
.tal{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.tl{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:8px;align-items:stretch}
.tl .lvl{display:flex;align-items:center;justify-content:center;font:600 16px/1 var(--f-display);color:var(--text2);border-radius:12px;background:var(--well)}
.tbox{padding:12px 14px;border-radius:14px;background:var(--cell);font:400 14px/1.35 var(--f-ui);color:var(--text2)}
.tbox.pick{background:rgba(251,191,36,.10);box-shadow:inset 0 0 0 1.5px rgba(251,191,36,.6);color:var(--text)}

/* гайд Свита */
.guide{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px;border-radius:18px;background:var(--cell)}
.guide .mark-plate{width:48px;height:48px;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1.5px rgba(251,191,36,.55)}
.guide .mark-plate .svit-mark{width:34px;height:34px}
.guide b{display:block;font:600 15.5px/1.25 var(--f-ui)}
.guide small{display:block;font:400 13px/1.35 var(--f-ui);color:var(--text2);margin-top:3px}
.lnk{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font:600 14.5px/1 var(--f-ui);color:var(--cta)}
.lnk .i{width:14px;height:14px}

/* матчапы */
.mu-h{display:flex;align-items:center;gap:8px;margin:18px 2px 6px;font:600 15px/1 var(--f-ui)}
.mu-h i{width:8px;height:8px;border-radius:4px}
.mu-row{display:flex;align-items:center;gap:12px;min-height:58px}
.mu-row + .mu-row{border-top:1px solid var(--hair)}
.mu-row img{width:42px;height:42px;border-radius:12px;object-fit:cover;flex:none}
.mu-row.hard img{box-shadow:0 0 0 2px rgba(255,122,110,.75)}
.mu-row.easy img{box-shadow:0 0 0 2px rgba(34,197,94,.6)}
.mu-row .nm{flex:1;min-width:0;font:600 15.5px/1.2 var(--f-ui)}
.mu-row .v{text-align:right;flex:none}
.mu-row .v b{display:block;font:600 18px/1 var(--f-display);letter-spacing:-.01em}
.mu-row .v small{display:block;font:400 12px/1.2 var(--f-ui);color:var(--text2);margin-top:4px}
.mu-row.hard .v b{color:var(--coral)}
.mu-row.easy .v b{color:var(--green)}
.mu-cap{margin-top:12px}

/* ---------- адаптив ---------- */
@media (max-width:1100px){
  /* 961–1100: две колонки, правая уже */
  .layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px}
}
@media (max-width:960px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:static}
  .aside .cta-card{grid-column:1 / -1}
}
@media (max-width:760px){
  .site{--scene-h:620px}
  .hh{flex-direction:column;align-items:flex-start;gap:0;margin-top:6px}
  .hh-rnd{width:150px;height:150px;position:absolute;right:-6px;top:172px}
  .hh-info{padding-bottom:0}
  .hh h1{font-size:40px;max-width:230px;margin:10px 0 14px}
  .over{margin-top:22px}
  .chips{max-width:100%}
  .chips .chip{font-size:13px;height:30px;padding:0 10px}
  .ctl{flex-wrap:wrap;margin-top:20px}
  .ctl .seg-g{width:100%}
  .find{width:100%;height:46px}
  .find span{overflow:hidden;text-overflow:ellipsis}
  .peers{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
  .pr b{font-size:13px}
  .ctl .seg-g a{flex:1;padding:0 8px}
  .mode{font-size:13px;align-items:flex-start}
  .mode .i{margin-top:1px}
  .layout{margin-top:26px;gap:16px}
  .main,.aside{gap:16px}
  .aside{grid-template-columns:1fr}
  .pad{padding:18px 16px 18px}
  .card{border-radius:22px}
  .two{grid-template-columns:1fr;gap:20px}
  .items{gap:8px}
  .itm{width:66px}
  .itm img{width:58px;height:43px}
  .path{margin:16px 0 0}
  .path .st{width:84px;margin-left:-42px}
  .path .st img{width:46px;height:34px}
  .path .st small{font-size:11.5px}
  .sk-grid{grid-template-columns:34px repeat(12,minmax(0,1fr));gap:5px 3px}
  .ab img{width:30px;height:30px;border-radius:8px}
  .ab span{display:none}
  .c{height:22px;border-radius:6px}
  .sk-grid .lv{font-size:10.5px}
  .tl{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:6px}
  .tbox{font-size:13px;padding:10px 10px}
  .tl .lvl{font-size:14px}
}

/* ---------- 21.10: дополнения по аудиту — прокачка до 18 уровня ---------- */
.sk-grid.sk2{margin-top:16px;padding-top:16px;border-top:1px solid var(--hair)}
.sk-grid .lv.off{opacity:.45}
/* ---------- 21.10, проход «чего не хватает» (ничего не убрано): другие состояния карточки ---------- */
.states{margin-top:56px}
.st-cap{display:flex;justify-content:space-between;gap:16px;padding:16px 4px;border-top:1px solid var(--hair);font:500 14px/1.4 var(--f-ui);color:var(--text2)}
.st-cap b{color:var(--text);font-weight:600}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:8px;align-items:start}
.st-k{display:flex;align-items:center;gap:10px;font:700 12px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}
.st-k .fe{width:30px;height:30px}
.st-card h3{font:600 21px/1.25 var(--f-display);letter-spacing:-.01em;margin-top:12px}
/* подсказка по наведению — панель тултипа клиента (цвета как у листа описания в аппе) */
.tipw{--dw-p1:#1d2936;--dw-p2:#121b25;--dw-h1:#25313f;--dw-h2:#1a2431;--dw-edge:#05090d;--dw-edgehi:#2e3c49;
  --dw-body:#a9b8c2;--dw-num:#ffffff;--dw-label:#8193a1;--dw-val:#6db2d2;--dw-gold:#ffd75e;--dw-band1:#46525e;--dw-band2:#303a45;--dw-lore:#8794a0;--dw-lorebg:#0b1218;
  position:relative;margin-top:16px}
.tip-hov{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:12px;background:var(--cell);box-shadow:0 0 0 2px rgba(251,191,36,.55);font:600 14px/1 var(--f-ui)}
.tip-hov img{width:42px;height:31px;border-radius:7px;object-fit:cover}
.tip-hov small{font:500 12.5px/1 var(--f-ui);color:var(--text2)}
.tip-hov .cur{width:18px;height:18px;color:var(--text);margin-left:2px}
.tip{position:relative;margin-top:12px;max-width:380px;border-radius:8px;overflow:hidden;border:1px solid var(--dw-edge);
  box-shadow:inset 0 0 0 1px var(--dw-edgehi),0 18px 40px rgba(0,0,0,.6);background:linear-gradient(180deg,var(--dw-p1),var(--dw-p2))}
.tip-h{display:flex;align-items:center;gap:12px;padding:11px 13px 10px;background:linear-gradient(180deg,var(--dw-h1),var(--dw-h2));border-bottom:1px solid rgba(0,0,0,.5)}
.tip-h img{width:52px;height:38px;border-radius:4px;object-fit:cover;border:1px solid #000;box-shadow:0 0 0 1px #3a4854}
.tip-h b{display:block;font:700 15px/1.15 var(--f-display);color:#fff;text-transform:uppercase;letter-spacing:.05em}
.tip-gold{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font:700 13.5px/1 var(--f-ui);color:var(--dw-gold)}
.tip-gold img{width:14px;height:14px;border:0;box-shadow:none}
.tip-b{padding:9px 13px 11px}
.tip-row{font:400 12px/1.7 var(--f-ui)}
.tip-row span{color:var(--dw-label);text-transform:uppercase;letter-spacing:.04em}
.tip-row b{color:var(--dw-val);font-weight:600}
.tip-bon{font:400 13px/1.65 var(--f-ui);color:var(--dw-body)}
.tip-bon b{color:var(--dw-num);font-weight:700}
.tip-band{display:flex;align-items:center;gap:8px;margin:10px -13px 8px;padding:5px 13px;background:linear-gradient(180deg,var(--dw-band1),var(--dw-band2));border-top:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.5)}
.tip-band b{font:700 12.5px/1.2 var(--f-display);color:#fff}
.tip-band .rs{margin-left:auto;display:inline-flex;gap:9px}
.tip-band .rs span{display:inline-flex;align-items:center;gap:4px;font:700 12px/1 var(--f-ui);color:var(--dw-num)}
.tip-band .rs img{width:13px;height:13px}
.tip-p{font:400 12.5px/1.55 var(--f-ui);color:var(--dw-body);margin-bottom:6px}
.tip-p b{color:var(--dw-num);font-weight:700}
.tip-lore{margin:10px -13px -11px;padding:9px 13px 12px;background:var(--dw-lorebg);border-top:1px solid rgba(0,0,0,.6);font:italic 400 11.5px/1.5 var(--f-ui);color:var(--dw-lore)}
.tip-src{font:500 12.5px/1.4 var(--f-ui);color:var(--text2);margin-top:10px}
/* «По статистике» — мини */
.mode-s{display:flex;align-items:center;gap:8px;margin-top:12px;font:500 13.5px/1.35 var(--f-ui);color:var(--meta)}
.mode-s .i{width:15px;height:15px;flex:none}
.st-card .path{margin:18px 6px 0}
.st-card .path .track:after{background:linear-gradient(90deg,rgba(74,158,237,.15),rgba(74,158,237,.6))}
.st-card .path.bl .st i{background:var(--meta)}
.st-mini{display:flex;gap:10px;margin-top:4px}
.st-mini span{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 6px;border-radius:12px;background:var(--cell);font:500 13.5px/1 var(--f-ui);color:var(--text)}
.st-mini img{width:32px;height:24px;border-radius:6px;object-fit:cover}
/* гайда нет: голосование */
.ng-h{display:flex;align-items:center;gap:14px;margin-top:16px}
.ng-h img{width:56px;height:56px;border-radius:15px;object-fit:cover}
.ng-h b{display:block;font:700 22px/1.1 var(--f-display);letter-spacing:-.02em}
.ng-h .chips{margin-top:8px}
.vote{margin-top:16px;padding:16px;border-radius:18px;background:rgba(251,191,36,.07);box-shadow:inset 0 0 0 1px rgba(251,191,36,.2)}
.vote .vh{display:flex;gap:12px;align-items:flex-start}
.vote .vh .fe{width:36px;height:36px}
.vote b{display:block;font:600 16px/1.3 var(--f-ui)}
.vote small{display:block;font:400 14px/1.45 var(--f-ui);color:var(--text2);margin-top:4px}
.vote .va{display:flex;align-items:center;gap:14px;margin-top:14px}
.vote .btn{width:auto;height:46px;padding:0 18px 0 14px;border-radius:14px;font-size:15px}
.vote .va span{font:500 14px/1 var(--f-ui);color:var(--text2)}
/* гайд под прошлый патч */
.old-p{display:inline-flex;align-items:center;gap:6px;margin-top:8px;height:26px;padding:0 9px;border-radius:8px;background:rgba(251,191,36,.1);font:600 12.5px/1 var(--f-ui);color:var(--amber)}
.old-p .i{width:13px;height:13px}
.old-n{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font:400 14.5px/1.5 var(--f-ui);color:var(--text2)}
.old-n .fe{width:24px;height:24px;flex:none}
@media (max-width:1100px){.st-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .st-cap{flex-direction:column;gap:4px}
  .states .card{border-radius:22px}
  .vote .va{flex-wrap:wrap}
  .vote .btn{width:100%;justify-content:center}
}

/* style="" из макета → классы (inline-стиль сильнее любого правила — отсюда !important) */
.u-1876357d{left:90% !important}
.u-1c1edf19{color:var(--amber) !important;font-weight:600 !important}
.u-29ab00cb{object-position:56% 30% !important}
.u-2eeb30cb{background:var(--green) !important}
.u-2f9868b3{left:12% !important}
.u-480eec87{background:var(--coral) !important}
.u-48d8d65b{object-position:40% 30% !important}
.u-563a089a{padding-bottom:0 !important}
.u-60516728{object-position:38% 30% !important}
.u-6607c751{left:88% !important}
.u-6765dc71{-webkit-mask-image:url(/app/assets/roles/pos1.png) !important;mask-image:url(/app/assets/roles/pos1.png) !important}
.u-6f545f48{object-position:55% 30% !important}
.u-873ace95{left:37.3% !important}
.u-8c00d884{left:62.7% !important}
.u-95e3a863{object-position:44% 25% !important}
.u-99a3674d{object-position:30% 35% !important}
.u-a71de42f{object-position:55% 25% !important}
.u-a738e48b{color:var(--t-a) !important}
.u-a92a7701{left:10% !important}
.u-aadd71ae{color:var(--t-b) !important}
.u-bf0fd8ce{left:63.3% !important}
.u-c53ea1da{margin-top:14px !important}
.u-d101edbf{object-position:45% 30% !important}
.u-de0989c4{object-position:34% 30% !important}
.u-e1c0ee27{object-position:46% 30% !important}
.u-e71deecc{color:var(--t-sp) !important}
.u-eee3f850{margin-top:20px !important}
.u-facde7a5{left:36.7% !important}
.u-fe5d9e7a{object-position:28% 30% !important}

/* ---------- 04.11: позиция (?pos=), русское имя, правая колонка без «липкости» (все блоки видны при прокрутке),
   «Открыть в Telegram» — первым в колонке (данные приходят ниже него — без сдвига), резерв высоты (CLS) ---------- */
.hh-ru{font:500 17px/1.2 var(--f-ui);color:rgba(231,235,242,.8);margin:-8px 0 14px;text-shadow:0 1px 12px rgba(13,20,33,.8)}
.aside{position:static}
.aside .cta-card{order:-1}
.pg-hwait{min-height:760px}
.ctl{flex-wrap:wrap}
.pg-pos{flex:none}
.pg-pos a{flex:none;padding:0 12px}
.pg-pos small{font:500 11.5px/1 var(--f-ui);opacity:.7;margin-left:1px}
.mu-row img{width:42px;height:42px}
@media (max-width:960px){.aside .cta-card{order:0}}
@media (max-width:760px){
  .pg-hwait{min-height:1100px}
  .pg-pos{width:100%}
  .pg-pos a{flex:1 1 0;min-width:0;flex-direction:column;gap:3px;height:50px;padding:0 4px;font-size:13px}
  .pg-pos .role{display:none}
  .pg-pos small{margin:0}
  .hh-ru{font-size:15px;margin:-6px 0 12px}
}
