/* ЗНАЧОК PLAY И ЗОЛОТО АКТИВНОГО СЕГМЕНТА — одна общая опора (Лираз 12.10.2026).

   1. «Сделай плашки плей ПРОЗРАЧНЫМИ, а то прям на носу у меня плашка»:
      play на любой видео-плитке и обложке — прозрачное стекло: круг с тонкой
      белой обводкой, почти прозрачная заливка, белый треугольник SVG. Без
      золота, без тени и свечения, без символа шрифта. Класс один — .hl-playbadge
      (и .is-sm на мелких плитках). Новый play рисуют только им.
      Цель нажатия у значка нет (pointer-events:none): нажимается вся плитка.
   2. Золото в проекте одно: активный сегмент, вкладка и чип — var(--gold-fill)
      с тёмным текстом var(--on-gold), как «Все посты» в ленте. Своих жёлтых
      заливок у вкладок и чипов не заводить. */
:root{
  --hl-play-d:44px;
  --hl-play-d-sm:36px;
  --hl-play-fill:rgba(0,0,0,.24);
  --hl-play-ring:rgba(255,255,255,.7);
  --hl-play-ink:#fff;
  /* Золото активного сегмента: тот же --gold → --gold2, но конец смягчён (160%), чтобы тёмная надпись
     читалась на всей плашке с контрастом не ниже 4.5. */
  --gold-seg:linear-gradient(135deg,var(--gold),var(--gold2) 160%);
}
.hl-playbadge{
  position:absolute;left:50%;top:50%;z-index:2;box-sizing:border-box;display:block;
  width:var(--hl-play-d);height:var(--hl-play-d);margin:0;padding:0;
  border:1.5px solid var(--hl-play-ring);border-radius:50%;
  background:var(--hl-play-fill);opacity:.9;
  transform:translate(-50%,-50%);pointer-events:none;
  transition:opacity .15s ease}
.hl-playbadge.is-sm{width:var(--hl-play-d-sm);height:var(--hl-play-d-sm)}
.hl-playbadge::before{
  content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  background:var(--hl-play-ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.2 6.6v10.8l8.4-5.4z'/%3E%3C/svg%3E") center/52% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.2 6.6v10.8l8.4-5.4z'/%3E%3C/svg%3E") center/52% no-repeat}
/* Нажатие и наведение — чуть ярче, без цвета. Идёт загрузка — мерцает. */
:hover>.hl-playbadge,:active>.hl-playbadge,:focus-visible>.hl-playbadge,
:hover>.hlvt-in>.hl-playbadge,:hover>.hlvt-vc>.hl-playbadge{opacity:1}
.is-loading .hl-playbadge,.hl-playbadge.is-loading{animation:hlplaybusy 1.1s ease-in-out infinite}
@keyframes hlplaybusy{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.is-loading .hl-playbadge,.hl-playbadge.is-loading{animation:none}}

/* Золото одно: активный сегмент / вкладка / чип. */
.flsw button.on,
#v-cab .cab-tab[aria-selected="true"],
#v-cab .hlj-chip[aria-pressed="true"],
#caSheet .ca-tab[aria-selected="true"],
#caSheet .ca-go{
  background:var(--gold-seg);border-color:rgba(var(--gold-rgb),.7);
  color:var(--on-gold);-webkit-text-fill-color:var(--on-gold);font-weight:750}