/* ============================================================
   «Иней» — сайт, общие куски страниц site-party / site-review / site-premium.
   Только сайт: шрифты Valve не используются, арт Valve — виды карт фоном (приглушены) и мелкие подписи данных.
   Стекло — только шапка и элементы управления; контент — твёрдые листы.
   ============================================================ */
/* ---------- первый экран страницы: вид карты фоном ---------- */
.phero{position:relative;padding:132px 0 72px}
.phero .h-emoji{top:-14px}
.bgart{position:absolute;left:0;right:0;top:0;height:760px;overflow:hidden;z-index:0;pointer-events:none}
.bgart img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
/* слева — под текстом темнее, снизу — уход в #0d1421 */
.bgart .fade{position:absolute;left:0;right:0;top:0;bottom:0;background:
  linear-gradient(180deg,rgba(13,20,33,.38) 0%,rgba(13,20,33,0) 22%,rgba(13,20,33,.12) 55%,rgba(13,20,33,.7) 82%,#0d1421 100%),
  linear-gradient(90deg,rgba(13,20,33,.84) 0%,rgba(13,20,33,.6) 30%,rgba(13,20,33,.08) 62%,rgba(13,20,33,0) 100%)}
.phero > .wrap{z-index:2}
.phero h1{font-size:56px;line-height:1.02;font-weight:700;letter-spacing:-.04em;margin-top:18px;max-width:640px;text-shadow:0 2px 24px rgba(13,20,33,.6)}
.lead{font:400 19px/1.55 var(--f-ui);color:rgba(231,235,242,.82);margin-top:20px;max-width:520px;text-shadow:0 1px 12px rgba(13,20,33,.7)}
.cta{display:flex;align-items:center;gap:18px;margin-top:32px;flex-wrap:wrap}
.cta .btn{width:auto;height:56px;padding:0 24px 0 20px;font-size:17px;border-radius:17px}
.cta .btn .i{width:22px;height:22px}
.cta .note{font:400 14.5px/1.4 var(--f-ui);color:rgba(231,235,242,.78)}

/* подпись капсом + эмодзи-акцент (одно на раздел) */
.ek{display:flex;align-items:center;gap:12px}
.ek .fe{width:56px;height:56px}
.ek .kick{color:var(--text)}
.page-s .fe{-webkit-filter:drop-shadow(0 8px 14px rgba(2,6,14,.45));filter:drop-shadow(0 8px 14px rgba(2,6,14,.45))}

/* ---------- разделы ---------- */
.sec{padding:80px 0;border-top:1px solid var(--hair);position:relative}
.sec.flush{border-top:0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}
.sec-head h2{font-size:44px;line-height:1.05;letter-spacing:-.03em;font-weight:700;margin-top:16px;max-width:680px}
.sec-head p{font:400 17px/1.55 var(--f-ui);color:var(--text2);max-width:440px}
h3.h3{font-size:24px;line-height:1.15;letter-spacing:-.02em;font-weight:700}

/* твёрдые поверхности сайта */
.panel{background:var(--sheet);border-radius:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 40px 80px -40px rgba(0,0,0,.9)}
.tile{background:var(--cell);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px -14px rgba(0,0,0,.6)}

/* финальная полоса с действием */
.band{position:relative;border-radius:32px;overflow:hidden;padding:56px 56px;display:flex;align-items:center;gap:40px}
.band .bgimg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0}
.band .bgfade{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:linear-gradient(90deg,rgba(13,20,33,.94) 0%,rgba(13,20,33,.78) 45%,rgba(13,20,33,.3) 100%)}
.band > *:not(.bgimg):not(.bgfade){position:relative;z-index:2}
.band .fe{width:96px;height:96px}
.band h2{font-size:38px;line-height:1.08;letter-spacing:-.03em;font-weight:700}
.band p{font:400 17px/1.5 var(--f-ui);color:rgba(231,235,242,.82);margin-top:10px;max-width:560px}
.band .btn{width:auto;height:56px;padding:0 24px 0 20px;font-size:17px;border-radius:17px;margin-left:auto;flex:none}
.band .btn .i{width:22px;height:22px}

.cmd{font:600 0.92em/1 ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:var(--text);background:rgba(231,235,242,.09);padding:3px 7px;border-radius:6px;white-space:nowrap}
.sfoot-note{font:400 13px/1.4 var(--f-ui);color:var(--text2);margin-top:28px}

/* ---------- адаптив: 1100 / 900 / 760 / 480 ---------- */
@media (max-width:1080px){
  .phero{padding-top:176px}
  .phero .h-emoji{top:-10px}
}
@media (max-width:980px){
  .sec-head{flex-direction:column;align-items:flex-start;gap:14px}
}
@media (max-width:760px){
  .phero{padding:150px 0 48px}
  .phero .h-emoji{top:-16px;right:16px}
  .phero h1{padding-right:62px}
  .bgart{height:640px}
  .bgart .fade{background:linear-gradient(180deg,rgba(13,20,33,.5) 0%,rgba(13,20,33,.45) 40%,rgba(13,20,33,.8) 75%,#0d1421 100%)}
  .phero h1{font-size:40px}
  .lead{font-size:17px}
  .cta .btn{width:100%}
  .sec{padding:64px 0}
  .sec-head h2{font-size:32px}
  .sec-head p{font-size:16px}
  .band{flex-direction:column;align-items:flex-start;padding:32px 22px;gap:18px;border-radius:26px}
  .band .bgfade{background:linear-gradient(180deg,rgba(13,20,33,.9) 0%,rgba(13,20,33,.8) 60%,rgba(13,20,33,.6) 100%)}
  .band .fe{width:64px;height:64px}
  .band h2{font-size:28px}
  .band .btn{margin-left:0;width:100%}
}
@media (max-width:480px){
  .phero h1{font-size:36px}
}


/* ---------- поиск пати ---------- */
.ph-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:start}
/* справа вверху — эмодзи раздела, панель счётчиков под ним */
.ph-grid .live-panel{margin-top:150px}

/* живые счётчики — твёрдый лист (это данные, не управление) */
.live-panel{padding:24px 24px 22px}
.lp-h{display:flex;align-items:center;gap:10px;font:600 15px/1 var(--f-ui);color:var(--text)}
.lp-h .live{width:8px;height:8px}
.lp-nums{display:flex;margin-top:22px}
.lp-n{flex:1;min-width:0;padding-right:12px}
.lp-n + .lp-n{padding-left:20px;border-left:1px solid var(--hair)}
.lp-n b{display:block;font:600 56px/.9 var(--f-display);letter-spacing:-.045em}
.lp-n b.g{color:var(--green)}
.lp-n span{display:block;font:500 14px/1.3 var(--f-ui);color:var(--text2);margin-top:8px}
.lp-faces{display:flex;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--hair)}
.lp-faces .face{margin-right:-6px}
.lp-faces .more .av{background:#1f2a3f;color:var(--text2);font:600 13px/1 var(--f-ui)}
.lp-faces small{margin-left:18px;font:400 13.5px/1.35 var(--f-ui);color:var(--text2)}

/* аватар: фото из Telegram, без фото — буква (как PartyAvatar в коде); медаль ранга — бейдж в углу */
.av{display:flex;align-items:center;justify-content:center;flex:none;font:600 22px/1 var(--f-display);color:var(--text);border-radius:16px;background:linear-gradient(140deg,#2b3560,#1d2742)}
.av.c2{background:linear-gradient(140deg,#21455c,#182b3d)}
.av.c3{background:linear-gradient(140deg,#3d2c5c,#231b3a)}
.av.c4{background:linear-gradient(140deg,#25473f,#172d29)}
.av.c5{background:linear-gradient(140deg,#4a3324,#2b2018)}
.face{position:relative;width:52px;height:52px;flex:none}
.face .av{width:52px;height:52px}
.face .rk{position:absolute;right:-8px;bottom:-9px;width:32px;height:32px;-webkit-filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.face.ring .av{box-shadow:0 0 0 2px var(--green),0 0 0 4px var(--sheet)}
.lp-faces .face,.lp-faces .face .av{width:40px;height:40px}
.lp-faces .face .av{border-radius:20px;font-size:16px;box-shadow:0 0 0 3px var(--sheet)}
.lp-faces .face.ring .av{box-shadow:0 0 0 2px var(--green),0 0 0 4px var(--sheet)}

/* ---------- доска ---------- */
.board-sec{padding-top:24px;border-top:0}
/* фильтры — управление: стекло, в проде прилипает под шапкой, карточки уезжают под него */
.filters{border-radius:24px;padding:16px 18px 16px;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:14px 28px;align-items:end}
.fg .fl{font:600 11.5px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--label);margin:0 2px 9px}
.seg3{display:flex;gap:2px;padding:4px;border-radius:16px;background:rgba(8,13,23,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.seg3 a{height:40px;padding:0 13px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:7px;font:600 14px/1 var(--f-ui);color:var(--label);white-space:nowrap}
.seg3 a .role,.seg3 a .i{width:16px;height:16px}
.seg3 a.on{color:var(--text)}
.regs{display:flex;flex-wrap:wrap;gap:6px}
.regs a{display:flex;align-items:center;height:40px;padding:0 13px;border-radius:12px;background:rgba(231,235,242,.07);font:500 14px/1 var(--f-ui);color:var(--text);white-space:nowrap}
.regs a.on{background:var(--text);color:#0d1421;font-weight:600}
.f-row2{grid-column:1 / -1;display:flex;align-items:flex-end;gap:28px;padding-top:14px;border-top:1px solid rgba(231,235,242,.08)}
.f-row2 .fg{flex:1;min-width:0}
.onlynow{display:flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 14px;border-radius:16px;background:rgba(8,13,23,.55);flex:none}
.onlynow b{font:600 14.5px/1.2 var(--f-ui);white-space:nowrap}
.sw{width:51px;height:31px;border-radius:16px;background:rgba(231,235,242,.18);position:relative;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.sw:after{content:'';position:absolute;left:2px;top:2px;width:27px;height:27px;border-radius:14px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.sw.on{background:var(--cyan)}
.sw.on:after{left:22px}
.reset{font:500 14.5px/1 var(--f-ui);color:var(--text2);padding:17px 4px;white-space:nowrap;flex:none}
.f-sum{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 4px 16px}
.f-sum h3{font:600 20px/1.2 var(--f-display);letter-spacing:-.01em}
.f-sum h3 span{font:500 16px/1 var(--f-ui);color:var(--text2);margin-left:8px}
.consent{display:flex;align-items:center;gap:8px;font:500 14.5px/1.4 var(--f-ui);color:var(--text)}
.consent .i{width:17px;height:17px;color:var(--green)}

.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pc{background:var(--cell);border-radius:22px;padding:16px 16px 14px;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px -14px rgba(0,0,0,.6)}
.pc-st{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px;min-height:26px}
.st{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:8px;font:600 12.5px/1 var(--f-ui);white-space:nowrap;background:rgba(231,235,242,.07);color:var(--text)}
.st .dt{width:7px;height:7px;border-radius:4px;background:currentColor;flex:none}
.st.now{background:rgba(34,211,238,.12);color:var(--cyan)}
.st.dota{background:rgba(34,197,94,.14);color:var(--green)}
.st.stack{background:rgba(231,235,242,.09)}
.st .i{width:13px;height:13px}
.seen{margin-left:auto;display:flex;align-items:center;gap:5px;font:500 12.5px/1 var(--f-ui);color:var(--text2);white-space:nowrap}
.seen .i{width:13px;height:13px}
.pc-top{display:flex;align-items:center;gap:14px}
.pc-top .grow{flex:1;min-width:0}
.nm{font:600 17px/1.2 var(--f-ui);letter-spacing:-.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rkl{display:flex;align-items:center;gap:5px;font:600 14px/1.3 var(--f-ui);color:var(--text);margin-top:3px}
.rkl .ok{width:15px;height:15px;color:var(--green)}
.rkl .claim{font:400 13px/1 var(--f-ui);color:var(--text2);margin-left:2px}
.info{display:flex;align-items:center;gap:6px;font:400 13.5px/1.35 var(--f-ui);color:var(--text2);margin-top:2px;white-space:nowrap;overflow:hidden}
.info .i{width:14px;height:14px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:9px;background:rgba(231,235,242,.07);font:500 13px/1 var(--f-ui);color:var(--text);white-space:nowrap}
.tag .role{width:14px;height:14px;color:var(--text2)}
.tag.vibe{background:transparent;box-shadow:inset 0 0 0 1px rgba(231,235,242,.12);color:var(--text2)}
.tag.cup{background:rgba(251,191,36,.12);color:var(--amber)}
.pc-note{font:400 14.5px/1.42 var(--f-ui);color:var(--text);margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.warn{display:flex;align-items:center;gap:6px;margin-top:8px;font:500 13px/1.35 var(--f-ui);color:var(--orange)}
.warn .i{width:14px;height:14px}
.pc-act{display:flex;gap:8px;margin-top:auto;padding-top:14px}
.b2{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 8px;border-radius:14px;font:600 14.5px/1.15 var(--f-ui);text-align:center;background:rgba(34,211,238,.14);color:var(--cyan)}
.b2 .i{width:17px;height:17px}
.b3{display:flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border-radius:14px;font:600 14.5px/1 var(--f-ui);color:var(--text2);white-space:nowrap}
.older{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px 20px;border-radius:18px;background:var(--well)}
.older b{font:600 16px/1.2 var(--f-ui)}
.older span{font:500 15px/1 var(--f-ui);color:var(--text2)}
.older p{font:400 14px/1.4 var(--f-ui);color:var(--text2);margin-left:14px}
.older a{margin-left:auto;display:flex;align-items:center;gap:6px;font:500 14.5px/1 var(--f-ui);color:var(--cta);white-space:nowrap}
.older a .i{width:14px;height:14px}

/* ---------- «Ищу пати сейчас» ---------- */
.now-grid{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:72px;align-items:center}
.now-grid h2{font-size:44px;line-height:1.05;letter-spacing:-.03em;font-weight:700;margin-top:16px}
.steps{margin-top:30px;counter-reset:st}
.steps li{list-style:none;display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--hair);font:400 16.5px/1.5 var(--f-ui);color:var(--text2)}
.steps li:last-child{border-bottom:1px solid var(--hair)}
.steps li:before{counter-increment:st;content:counter(st);flex:none;width:30px;height:30px;border-radius:15px;background:var(--cell);color:var(--text);font:600 14px/30px var(--f-display);text-align:center;margin-top:-2px}
.steps li b{color:var(--text);font-weight:600}
.steps{padding:0;margin-bottom:0}
.now-grid .btn{width:auto;display:inline-flex;height:54px;padding:0 22px 0 18px;font-size:16.5px;border-radius:16px;margin-top:30px}

/* справа: управление (стекло над видом карты) и приглашение в чате бота */
.demo{position:relative;border-radius:30px;overflow:hidden;padding:28px 28px 30px;background:#0f1726}
.demo .dimg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.demo .dfade{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(13,20,33,.15) 0%,rgba(13,20,33,.35) 45%,rgba(13,20,33,.86) 100%)}
.demo > .lc,.demo > .chat{position:relative;z-index:2}
.lc{border-radius:24px;padding:14px 14px 4px 16px}
.lc-top{display:flex;align-items:center;gap:12px;min-height:44px}
.lc-top .grow{flex:1;min-width:0}
.lc-top .t{font:600 17px/1.2 var(--f-ui)}
.lc-top .s{font:600 14px/1.3 var(--f-ui);color:var(--cyan);margin-top:3px}
.bar{height:4px;border-radius:2px;background:rgba(231,235,242,.14);margin:12px 0 0;overflow:hidden}
.bar i{display:block;height:100%;border-radius:2px;background:var(--cyan)}
.lc-foot{display:flex;align-items:center;gap:12px}
.lc-foot p{flex:1;min-width:0;font:400 13.5px/1.4 var(--f-ui);color:var(--label);padding:10px 0}
.lc-foot a{font:600 14.5px/1 var(--f-ui);color:var(--cta);padding:14px 2px;white-space:nowrap}
.chat{margin-top:16px;background:var(--sheet);border-radius:24px;padding:14px 16px 16px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.chat-h{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--hair)}
.chat-h b{display:block;font:600 15.5px/1.2 var(--f-ui)}
.chat-h small{display:block;font:400 12.5px/1.2 var(--f-ui);color:var(--text2);margin-top:2px}
.chat-h .mark-plate{width:38px;height:38px;border-radius:19px}
.msg{margin-top:12px;background:var(--cell);border-radius:18px 18px 18px 6px;padding:12px 14px 9px;font:400 15px/1.45 var(--f-ui)}
.msg .hd{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.msg .hd .face,.msg .hd .face .av{width:44px;height:44px}
.msg .hd .face .av{font-size:18px;border-radius:14px}
.msg .hd .face .rk{width:26px;height:26px;right:-7px;bottom:-7px}
.msg .hd b{display:block;font:600 15px/1.25 var(--f-ui)}
.msg .hd small{display:block;font:400 13px/1.3 var(--f-ui);color:var(--text2)}
.msg .tm{display:block;text-align:right;font:400 12px/1 var(--f-ui);color:var(--text2);margin-top:4px}
.ikbs{display:flex;gap:6px;margin-top:6px}
.ikb{flex:1;height:44px;border-radius:12px;background:rgba(231,235,242,.08);display:flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 var(--f-ui);color:var(--text)}
.ikb.yes{background:rgba(34,211,238,.16);color:var(--cyan)}

/* ---------- согласие ---------- */
.consent-band{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:36px 40px}
.consent-band .fe{width:88px;height:88px}
.consent-band h3{font-size:28px;line-height:1.15;letter-spacing:-.02em;font-weight:700}
.consent-band ul{margin:0;padding:0;list-style:none}
.consent-band li{display:flex;gap:10px;font:400 15.5px/1.45 var(--f-ui);color:var(--text2);padding:7px 0}
.consent-band li .i{width:18px;height:18px;color:var(--text);margin-top:2px}
.consent-band li b{color:var(--text);font-weight:600}

@media (max-width:1100px){
  .ph-grid{grid-template-columns:1fr;gap:36px}
  .ph-grid .live-panel{margin-top:0}
  .live-panel{max-width:520px}
  .now-grid{grid-template-columns:1fr;gap:40px}
  .demo{max-width:560px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters{grid-template-columns:1fr}
  .consent-band{grid-template-columns:auto 1fr}
  .consent-band ul{grid-column:1 / -1}
}
@media (max-width:760px){
  .lp-n b{font-size:44px}
  .lp-n + .lp-n{padding-left:14px}
  .lp-faces small{display:none}
  .cards{grid-template-columns:minmax(0,1fr)}
  .filters{padding:14px 12px;border-radius:22px}
  .seg3{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .seg3::-webkit-scrollbar{display:none}
  .seg3 a{flex:1 0 auto;padding:0 11px}
  .seg3.roles a{flex-direction:column;gap:5px;height:54px;font-size:11.5px;padding:0 6px;flex:1 0 0}
  .f-row2{flex-wrap:wrap;gap:12px}
  .f-row2 .fg{flex:0 0 100%}
  .onlynow{flex:1}
  .f-sum{flex-direction:column;align-items:flex-start;gap:8px}
  .older{flex-wrap:wrap}
  .older p{margin-left:0;flex:0 0 100%;order:3}
  .now-grid h2{font-size:32px}
  .now-grid .btn{display:flex;width:100%;justify-content:center}
  .demo{padding:16px 14px 18px;border-radius:26px}
  .consent-band{grid-template-columns:1fr;gap:16px;padding:26px 20px}
  .consent-band .fe{width:64px;height:64px}
  .consent-band h3{font-size:24px}
}
/* 21.10 (аудит): у уведомления — выход в одно касание */
.ikb.mute{flex:none;width:100%;margin-top:6px;color:var(--text2);font-weight:500}
.ikb.mute .i{width:16px;height:16px}
/* ---------- 21.10, проход «чего не хватает» (ничего не убрано): другие состояния доски ---------- */
.states-sec{padding-top:8px;border-top:0}
.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-card{padding:22px 22px 22px}
.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}
.emp{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:14px;padding:22px 18px 20px;border-radius:20px;background:var(--cell)}
.emp .fe{width:64px;height:64px}
.emp b{font:600 20px/1.25 var(--f-display);margin-top:12px}
.emp p{font:400 15px/1.5 var(--f-ui);color:var(--text2);margin-top:6px;max-width:400px}
.emp .btn{width:auto;margin-top:16px;height:50px;padding:0 20px 0 16px;border-radius:15px;font-size:15.5px}
.emp .acts{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:16px}
.ghost-b{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:14px;background:rgba(231,235,242,.08);font:600 14.5px/1 var(--f-ui);color:var(--text)}
.ghost-b .i{width:16px;height:16px;color:var(--label)}
.lnk-b{display:inline-flex;align-items:center;gap:6px;font:600 14.5px/1 var(--f-ui);color:var(--cta)}
.lnk-b .i{width:14px;height:14px}
.chips-a{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.chips-a span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 12px;border-radius:11px;background:rgba(231,235,242,.08);font:600 13.5px/1 var(--f-ui);color:var(--text)}
.chips-a .i{width:12px;height:12px;color:var(--text2)}
.live-n{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--cell);font:400 15px/1.5 var(--f-ui);color:var(--text2)}
.live-n .fe{width:28px;height:28px;flex:none}
.live-n b{color:var(--text);font-weight:600}
.st-card .older{margin-top:10px;flex-wrap:wrap;row-gap:4px}
.st-card .older b{white-space:nowrap}
.st-card .older p{margin-left:0;flex:0 0 100%;order:3}
@media (max-width:1100px){.st-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .st-cap{flex-direction:column;gap:4px}
  .st-card{padding:18px 16px}
  .emp .btn{width:100%;justify-content:center}
}

/* style="" из макета → классы (inline-стиль сильнее любого правила — отсюда !important) */
.u-065cedfc{-webkit-mask-image:url(/app/assets/roles/pos2.png) !important;mask-image:url(/app/assets/roles/pos2.png) !important}
.u-06c51e36{-webkit-mask-image:url(/app/assets/roles/pos4.png) !important;mask-image:url(/app/assets/roles/pos4.png) !important}
.u-2f0a1848{width:70% !important}
.u-6765dc71{-webkit-mask-image:url(/app/assets/roles/pos1.png) !important;mask-image:url(/app/assets/roles/pos1.png) !important}
.u-68c77de5{-webkit-mask-image:url(/app/assets/roles/pos3.png) !important;mask-image:url(/app/assets/roles/pos3.png) !important}
.u-6ef2745f{-webkit-mask-image:url(/app/assets/roles/pos5.png) !important;mask-image:url(/app/assets/roles/pos5.png) !important}
.u-811a1309{padding-top:0 !important}
.u-ed2d26e0{background:var(--cyan) !important}