/* Тема «Видеокассета» (матчи 1979-1989): первый экран, расстановка и нижние блоки страницы матча.
   Перенос утверждённого макета output/match-page/n1-tv90 (акценты турниров wc1982 и wc1986).
   Спортивное ТВ конца 80-х и домашнее видео: хромированные наклонные плашки, радужные полосы кассеты,
   табло с лампочками, телетекст, экранное меню видеомагнитофона. Своих значков и чужих знаков нет.
   Шрифты: Unbounded, Oswald, Big Shoulders Display (цифры) объявлены в match-lineups.css, Manrope - шрифт сайта,
   Handjet (SIL OFL, лицензия рядом) - здесь. Все селекторы под .mx--vhs: корни - первый экран [data-mx-hero],
   расстановка [data-mx-board] и низ [data-mx-root]; :where() оставляет прежнюю специфичность макета. */

@font-face{font-family:'Handjet';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/vhs/Handjet-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Handjet';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/vhs/Handjet-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ------------------------------------------------------------ основа */
.mx--vhs{
  /* пара эпохи: Blueberry Void #1C2459 + Lemon Glitch #F5FF67 (библиотека, 12-брендинг) */
  --void:#10153a; --void-2:#0b0f2b; --black:#05071a;
  --panel:#1c2459; --panel-2:#2a3373; --edge:rgba(var(--edge-rgb),.16);
  --lemon:#f5ff67; --cream:#f4efe1; --ink:#0b0f2a; --txt:#e9ecff; --muted:#aab3e6;
  --mag:#ff3d8b; --org:#ff7a1a; --cyan:#3ee6ff; --red:#ff4d5e;
  /* акценты турнира (переопределяются по data-tour) */
  --panel-b:#151c4b; --key-a:#2d3679; --key-h:#38428f; --key-hb:#232c6b; --dim:#222a5c; --ring:#2a2f55; --ring2:#080b22; --void-hi:#1a2150;
  --acc-rgb:245,255,103; --acc-lite:#fbffa6; --acc-deep:#8f9600; --away-rgb:62,230,255; --glow-rgb:255,61,139; --edge-rgb:160,175,255;
  --s1:#ff3d8b; --s2:#ff7a1a; --s3:#f5ff67; --s4:#3ee6ff;
  --chrome:linear-gradient(180deg,#ffffff 0%,#e4e8f0 42%,#8d96ac 50%,#c6ccd9 70%,#f5f7fb 100%);
  --casing:linear-gradient(180deg,#30323f 0%,#1b1c26 60%,#14151d 100%);
  --f-disp:'Unbounded','Oswald',sans-serif;
  --f-plate:'Oswald','Arial Narrow',sans-serif;
  --f-num:'Big Shoulders Display','Oswald',sans-serif;
  --f-lcd:'Handjet','Oswald',monospace;
  --f-text:Manrope,system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  position:relative;
  color:var(--txt);
  font:400 15px/1.5 var(--f-text);
  font-variant-numeric:tabular-nums;
  background:
    radial-gradient(1100px 420px at 50% -140px,rgba(62,230,255,.10),transparent 70%),
    repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),
    var(--void);
}
.mx--vhs *,.mx--vhs *::before,.mx--vhs *::after{box-sizing:border-box}
.mx--vhs :where(h2,h3,h4,p,ol,ul,dl,dd,dt,figure,blockquote){margin:0;padding:0}
.mx--vhs :where(ol,ul){list-style:none}
.mx--vhs :where(div,li,p,span,a,dd,dt,figure,figcaption,section,header,nav,aside,article){min-width:0}
.mx--vhs :where(a){color:inherit}
.mx--vhs :is(h2,h3,h4){color:inherit;font-weight:inherit;letter-spacing:normal;font-family:inherit}
.mx--vhs img{max-width:100%}
.mx--vhs [hidden]{display:none!important}
.mx--vhs :focus-visible{outline:3px solid var(--lemon);outline-offset:3px;border-radius:6px}
.mx--vhs button{font-family:inherit}

/* ракорд кассеты: радужная полоса по всей ширине */
:where(.mx--vhs) .mx-leader{display:grid;grid-template-rows:repeat(4,5px)}
:where(.mx--vhs) .mx-leader i:nth-child(1){background:var(--s1)}
:where(.mx--vhs) .mx-leader i:nth-child(2){background:var(--s2)}
:where(.mx--vhs) .mx-leader i:nth-child(3){background:var(--s3)}
:where(.mx--vhs) .mx-leader i:nth-child(4){background:var(--s4)}

:where(.mx--vhs) .mx-in{max-width:1440px;margin:0 auto;padding:64px 40px 96px}
:where(.mx--vhs) .mx-sec{scroll-margin-top:130px}
:where(.mx--vhs) .mx-sec + .mx-sec{margin-top:88px}

/* заголовок раздела: хромированная плашка + полосы */
:where(.mx--vhs) .mx-h{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.mx--vhs .mx-h__t{flex:0 1 auto;max-width:calc(100% - 8px);position:relative;display:inline-block;padding:.42em .9em .36em;background:var(--chrome);color:var(--ink);
  font:italic 900 clamp(20px,2.3vw,30px)/1 var(--f-disp);text-transform:uppercase;letter-spacing:.01em;
  transform:skewX(-12deg);border-radius:3px;overflow:hidden;
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(11,15,42,.35),0 4px 0 var(--black),0 12px 24px rgba(0,0,0,.35)}
:where(.mx--vhs) .mx-h__t > span{display:inline-block;transform:skewX(12deg)}
:where(.mx--vhs) .mx-h__t::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.75) 45%,transparent 60%);transform:translateX(-120%);pointer-events:none}
:where(.mx--vhs) .mx-sec:hover .mx-h__t::after{transform:translateX(120%);transition:transform .3s var(--ease)}
:where(.mx--vhs) .mx-h__bars{flex:1 1 0;display:grid;grid-template-rows:repeat(4,1fr);height:24px;min-width:0;transform:skewX(-12deg);
  -webkit-mask:linear-gradient(90deg,#000 0 45%,transparent 100%);mask:linear-gradient(90deg,#000 0 45%,transparent 100%)}
:where(.mx--vhs) .mx-h__bars i:nth-child(1){background:var(--s1)}
:where(.mx--vhs) .mx-h__bars i:nth-child(2){background:var(--s2)}
:where(.mx--vhs) .mx-h__bars i:nth-child(3){background:var(--s3)}
:where(.mx--vhs) .mx-h__bars i:nth-child(4){background:var(--s4)}
:where(.mx--vhs) .mx-lede{max-width:72ch;margin:0 0 26px;color:var(--muted);font:400 15px/1.55 var(--f-text)}
.mx--vhs .mx-sub{margin:0 0 14px;color:var(--lemon);font:italic 700 15px/1.2 var(--f-plate);text-transform:uppercase;letter-spacing:.08em}

/* лампочки: точки поверх цифр (маска), свечение - у родителя */
:where(.mx--vhs) .mx-dots{font-family:var(--f-num);font-weight:900;color:var(--lemon);
  -webkit-mask:radial-gradient(circle,#000 56%,transparent 62%) 0 0/var(--dot,5px) var(--dot,5px);
  mask:radial-gradient(circle,#000 56%,transparent 62%) 0 0/var(--dot,5px) var(--dot,5px)}

/* развёртка кинескопа: строки + медленная светлая полоса */
:where(.mx--vhs) .mx-tv__scan{position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;
  background:repeating-linear-gradient(180deg,rgba(0,0,0,.24) 0 1px,transparent 1px 3px)}
:where(.mx--vhs) .mx-tv__scan::before{content:"";position:absolute;left:0;right:0;top:0;height:22%;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.06) 50%,transparent);
  animation:mxRoll 7s linear infinite}
@keyframes mxRoll{from{transform:translateY(-100%)}to{transform:translateY(560%)}}

/* общая «дека» с кнопками-клавишами */
:where(.mx--vhs) .mx-deck{display:flex;align-items:center;gap:16px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#1d1f2a,#0e0f15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.05)}
:where(.mx--vhs) .mx-vfd{flex:none;display:flex;align-items:baseline;gap:10px;padding:7px 12px 6px;border-radius:6px;background:#03151a;color:var(--cyan);
  font:700 20px/1 var(--f-lcd);letter-spacing:.06em;text-shadow:0 0 8px rgba(var(--away-rgb),.55);box-shadow:inset 0 0 0 1px rgba(var(--away-rgb),.22);white-space:nowrap}
:where(.mx--vhs) .mx-deck__title{flex:1 1 auto;min-width:0;margin:0;color:var(--cream);font:italic 600 15px/1.25 var(--f-plate);text-transform:uppercase;letter-spacing:.04em}
:where(.mx--vhs) .mx-deck__btns{flex:none;display:flex;gap:8px}
:where(.mx--vhs) .mx-tbtn{display:grid;place-items:center;width:52px;height:44px;border:0;border-radius:8px;cursor:pointer;color:var(--txt);
  background:linear-gradient(180deg,#3b3e50,#24263a);font:700 15px/1 var(--f-text);letter-spacing:-.08em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 #05060c,0 6px 12px rgba(0,0,0,.3);transition:transform .12s var(--ease),box-shadow .12s,background .2s}
:where(.mx--vhs) .mx-tbtn:hover{background:linear-gradient(180deg,#4a4e66,#2c2f47)}
:where(.mx--vhs) .mx-tbtn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #05060c}
:where(.mx--vhs) .mx-tbtn--play{background:linear-gradient(180deg,var(--acc-lite),var(--lemon));color:var(--ink)}
:where(.mx--vhs) .mx-tbtn--play:hover{background:linear-gradient(180deg,var(--acc-lite),var(--acc-lite))}

/* экранное меню видеомагнитофона */
:where(.mx--vhs) .mx-osd{position:absolute;inset:0;z-index:3;pointer-events:none;color:#fff;font:700 clamp(15px,1.7vw,24px)/1 var(--f-lcd);letter-spacing:.05em;text-shadow:2px 2px 0 rgba(0,0,0,.65)}
:where(.mx--vhs) .mx-osd > span{position:absolute}
:where(.mx--vhs) .mx-osd__tl{top:6%;left:5%}
:where(.mx--vhs) .mx-osd__tr{top:6%;right:5%}
:where(.mx--vhs) .mx-osd__bl{bottom:7%;left:5%}
:where(.mx--vhs) .mx-osd__br{bottom:7%;right:5%;color:var(--lemon)}

/* ------------------------------------------------------------ 1. Ход матча */
:where(.mx--vhs) .mx-flow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:stretch}
:where(.mx--vhs) .mx-sb{display:flex;flex-direction:column;gap:14px}
:where(.mx--vhs) .mx-sb__case{position:relative;padding:16px 20px 18px;border-radius:16px;
  background:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.6px) 0 0/6px 6px,var(--black);
  box-shadow:0 0 0 4px var(--ring),0 0 0 6px var(--ring2),inset 0 2px 0 rgba(255,255,255,.04),0 18px 36px rgba(0,0,0,.4)}
:where(.mx--vhs) .mx-sb__top{display:flex;align-items:center;gap:12px}
:where(.mx--vhs) .mx-sb__clock{margin-left:auto}
:where(.mx--vhs) .mx-sb__replay{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 5px;border:0;border-radius:6px;cursor:pointer;color:var(--cyan);background:var(--void);font:700 16px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 0 0 1px rgba(var(--away-rgb),.35),0 2px 0 #000;transition:background .2s,transform .12s var(--ease)}
:where(.mx--vhs) .mx-sb__replay:hover{background:var(--void-hi)}
:where(.mx--vhs) .mx-sb__replay:active{transform:translateY(1px)}
:where(.mx--vhs) .mx-sb__replay[aria-pressed=true]{background:var(--cyan);color:var(--ink)}
:where(.mx--vhs) .mx-sb__lbl{color:var(--muted);font:700 17px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.14em}
:where(.mx--vhs) .mx-sb__clock{display:flex;align-items:baseline;gap:8px;color:var(--muted);font:600 15px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.1em;filter:drop-shadow(0 0 6px rgba(var(--acc-rgb),.5))}
:where(.mx--vhs) .mx-sb__clock .mx-dots{--dot:3px;font-size:38px;line-height:1}
:where(.mx--vhs) .mx-sb__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:12px 0 8px}
:where(.mx--vhs) .mx-sb__team{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--cream);font:600 15px/1.15 var(--f-plate);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-sb__team img{width:36px;height:24px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
:where(.mx--vhs) .mx-sb__digits{display:flex;align-items:center;gap:4px;filter:drop-shadow(0 0 10px rgba(var(--acc-rgb),.45))}
:where(.mx--vhs) .mx-dots--big{--dot:6px;font-size:clamp(86px,8.4vw,124px);line-height:.92}
:where(.mx--vhs) .mx-sb__colon{color:var(--lemon);opacity:.65;font:900 56px/1 var(--f-num);margin-top:-8px}
:where(.mx--vhs) .mx-sb__now{min-height:1.5em;text-align:center;color:var(--cream);font:600 14px/1.45 var(--f-text)}
:where(.mx--vhs) .mx-sb__now a{color:var(--lemon);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:where(.mx--vhs) .mx-sb__digits.is-flick .mx-dots{animation:mxFlick .18s steps(2) 1}
@keyframes mxFlick{0%{opacity:.15}100%{opacity:1}}
:where(.mx--vhs) .mx-sb__keys{display:grid;grid-template-columns:repeat(var(--kn,6),minmax(0,1fr));gap:8px}
:where(.mx--vhs) .mx-key{position:relative;display:grid;justify-items:center;gap:1px;padding:9px 4px 8px;border:0;border-radius:8px;cursor:pointer;color:var(--txt);text-align:center;
  background:linear-gradient(180deg,var(--key-a),var(--panel));overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 var(--black),0 6px 12px rgba(0,0,0,.3);transition:transform .12s var(--ease),box-shadow .12s,background .2s}
:where(.mx--vhs) .mx-key::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--side,transparent)}
:where(.mx--vhs) .mx-key--home{--side:var(--lemon)}
:where(.mx--vhs) .mx-key--away{--side:var(--cyan)}
:where(.mx--vhs) .mx-key b{font:700 22px/1 var(--f-lcd);color:var(--lemon);letter-spacing:.02em}
:where(.mx--vhs) .mx-key small{max-width:100%;font:500 12px/1.2 var(--f-plate);text-transform:uppercase;letter-spacing:.03em;color:var(--cream);overflow-wrap:anywhere}
:where(.mx--vhs) .mx-key em{font:900 15px/1.1 var(--f-num);font-style:normal;color:var(--muted)}
:where(.mx--vhs) .mx-key:hover{background:linear-gradient(180deg,var(--key-h),var(--key-hb))}
:where(.mx--vhs) .mx-key:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 var(--black)}
:where(.mx--vhs) .mx-key.is-on{background:linear-gradient(180deg,var(--acc-lite),var(--lemon));color:var(--ink)}
:where(.mx--vhs) .mx-key.is-on b,:where(.mx--vhs) .mx-key.is-on small,:where(.mx--vhs) .mx-key.is-on em{color:var(--ink)}

:where(.mx--vhs) .mx-lead{padding:20px 22px 18px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel-b));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px var(--edge)}
:where(.mx--vhs) .mx-lead__nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 6px}
:where(.mx--vhs) .mx-lead__n{padding:10px 12px;border-radius:10px;background:rgba(5,7,26,.5)}
:where(.mx--vhs) .mx-lead__n dt{color:var(--muted);font:500 12px/1.2 var(--f-plate);text-transform:uppercase;letter-spacing:.06em}
:where(.mx--vhs) .mx-lead__n dd{margin:4px 0 0;color:var(--muted);font:600 14px/1 var(--f-text)}
:where(.mx--vhs) .mx-lead__n b{font:900 46px/1 var(--f-num);margin-right:2px}
:where(.mx--vhs) .mx-lead__n--h b{color:var(--lemon);text-shadow:0 0 14px rgba(var(--acc-rgb),.35)}
:where(.mx--vhs) .mx-lead__n--a b{color:var(--cyan);text-shadow:0 0 14px rgba(var(--away-rgb),.35)}
:where(.mx--vhs) .mx-lead__n--n b{color:#d6dbf7}
:where(.mx--vhs) .mx-meter{position:relative;padding-top:18px}
:where(.mx--vhs) .mx-meter--call{padding-top:62px}
:where(.mx--vhs) .mx-meter__marks{position:relative;height:12px}
:where(.mx--vhs) .mx-meter__mk{position:absolute;bottom:2px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid var(--lemon);transform:translateX(-50%)}
:where(.mx--vhs) .mx-meter__mk--away{border-top-color:var(--cyan)}
:where(.mx--vhs) .mx-meter__bar{display:flex;gap:2px;height:46px;padding:6px;border-radius:8px;background:var(--black);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 6px 14px rgba(0,0,0,.5)}
:where(.mx--vhs) .mx-meter__bar i{flex:1 1 0;min-width:0;border-radius:1px;background:var(--dim)}
:where(.mx--vhs) .mx-meter__bar i.h{background:var(--lemon);box-shadow:0 0 6px rgba(var(--acc-rgb),.55)}
:where(.mx--vhs) .mx-meter__bar i.a{background:var(--cyan);box-shadow:0 0 6px rgba(var(--away-rgb),.55)}
:where(.mx--vhs) .mx-meter__axis{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font:600 15px/1 var(--f-lcd);letter-spacing:.04em}
:where(.mx--vhs) .mx-call{position:absolute;top:0;display:flex;align-items:center;gap:10px;width:max-content;max-width:min(340px,100%);padding:7px 12px 7px 10px;border-radius:9px;background:var(--cream);color:var(--ink);
  font:500 13px/1.3 var(--f-text);box-shadow:0 10px 24px rgba(0,0,0,.4);white-space:nowrap}
:where(.mx--vhs) .mx-call::after{content:"";position:absolute;top:100%;width:2px;height:20px;background:var(--cream)}
:where(.mx--vhs) .mx-call--c{transform:translateX(-50%)}
:where(.mx--vhs) .mx-call--c::after{left:calc(50% - 1px)}
:where(.mx--vhs) .mx-call--r{transform:translateX(calc(-100% + 16px))}
:where(.mx--vhs) .mx-call--r::after{right:15px}
:where(.mx--vhs) .mx-call--l{transform:translateX(-16px)}
:where(.mx--vhs) .mx-call--l::after{left:15px}
:where(.mx--vhs) .mx-call__min{font:800 22px/1 var(--f-lcd);color:var(--ink)}
:where(.mx--vhs) .mx-call__txt b{font-weight:800}
:where(.mx--vhs) .mx-meter__key{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;color:var(--muted);font:500 12px/1.3 var(--f-text)}
:where(.mx--vhs) .mx-meter__key span::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;vertical-align:-1px;background:var(--dim)}
:where(.mx--vhs) .mx-meter__key .h::before{background:var(--lemon)}
:where(.mx--vhs) .mx-meter__key .a::before{background:var(--cyan)}
:where(.mx--vhs) .mx-meter__key .q{margin-left:auto}
:where(.mx--vhs) .mx-meter__key .q::before{display:none}

:where(.mx--vhs) .mx-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:24px;border-radius:12px;overflow:hidden;background:var(--void-2);box-shadow:0 0 0 1px var(--edge)}
:where(.mx--vhs) .mx-facts__it{padding:14px 16px 15px}
:where(.mx--vhs) .mx-facts__it + .mx-facts__it{box-shadow:inset 1px 0 0 var(--edge)}
:where(.mx--vhs) .mx-facts dt{color:var(--lemon);font:700 15px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.08em}
:where(.mx--vhs) .mx-facts dd{margin-top:6px;color:var(--cream);font:500 16px/1.25 var(--f-plate);text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-facts a{text-decoration:underline;text-decoration-color:rgba(var(--acc-rgb),.7);text-decoration-thickness:1px;text-underline-offset:4px}
:where(.mx--vhs) .mx-facts a:hover{color:var(--lemon)}

/* ------------------------------------------------------------ 2. Видео */
:where(.mx--vhs) .mx-vcr{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-template-areas:"tv shelf" "deck shelf";gap:14px 22px;align-items:start}
:where(.mx--vhs) .mx-tv{grid-area:tv;padding:14px;border-radius:26px;background:var(--casing);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 44px rgba(0,0,0,.45)}
:where(.mx--vhs) .mx-tv__screen{position:relative;aspect-ratio:16/9;border-radius:20px/26px;overflow:hidden;background:#000;isolation:isolate}
:where(.mx--vhs) .mx-tv__screen::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;
  background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.55) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
:where(.mx--vhs) .mx-tv__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.06)}
:where(.mx--vhs) .mx-tv__screen iframe{position:absolute;inset:0;z-index:5;width:100%;height:100%;border:0;background:#000}
:where(.mx--vhs) .mx-tv__track{position:absolute;left:0;right:0;bottom:13%;z-index:2;height:14px;pointer-events:none;opacity:.32;mix-blend-mode:screen;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 2px,transparent 2px 7px,rgba(255,255,255,.3) 7px 9px,transparent 9px 16px)}
:where(.mx--vhs) .mx-tv__screen.is-glitch .mx-tv__track{animation:mxTrack .26s steps(3) 1}
:where(.mx--vhs) .mx-tv__screen.is-glitch .mx-tv__img{animation:mxJitter .26s steps(3) 1}
@keyframes mxTrack{0%{transform:translateY(-260%);opacity:.8}100%{transform:translateY(0);opacity:.32}}
@keyframes mxJitter{0%{transform:translateX(6px);filter:saturate(1.6) hue-rotate(20deg)}50%{transform:translateX(-4px)}100%{transform:none}}
:where(.mx--vhs) .mx-tv__go{position:absolute;left:50%;top:50%;z-index:4;display:inline-flex;align-items:center;gap:10px;padding:15px 24px 14px;border:0;border-radius:10px;cursor:pointer;text-decoration:none;white-space:nowrap;
  transform:translate(-50%,-50%);background:var(--lemon);color:var(--ink);font:italic 900 16px/1 var(--f-disp);text-transform:uppercase;letter-spacing:.02em;
  box-shadow:0 4px 0 var(--acc-deep),0 12px 30px rgba(0,0,0,.5);transition:transform .12s var(--ease),box-shadow .12s,background .2s}
:where(.mx--vhs) .mx-tv__go:hover{background:var(--acc-lite)}
:where(.mx--vhs) .mx-tv__go:active{transform:translate(-50%,calc(-50% + 3px));box-shadow:0 1px 0 var(--acc-deep),0 6px 16px rgba(0,0,0,.5)}
:where(.mx--vhs) .mx-tv__go--ext{background:var(--cream)}
:where(.mx--vhs) .mx-tv__go--ext:hover{background:#fff}
:where(.mx--vhs) .mx-vcr .mx-deck{grid-area:deck}
:where(.mx--vhs) .mx-shelf{grid-area:shelf;display:flex;flex-direction:column;gap:12px}
:where(.mx--vhs) .mx-tape{position:relative;display:grid;gap:8px;width:100%;padding:10px 10px 9px;border:0;border-radius:10px;cursor:pointer;text-align:left;color:var(--txt);
  background:linear-gradient(180deg,#262836,#14151d);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.04),0 10px 18px rgba(0,0,0,.35);
  transition:box-shadow .2s,transform .12s var(--ease)}
:where(.mx--vhs) .mx-tape:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 2px rgba(var(--acc-rgb),.45),0 10px 18px rgba(0,0,0,.35)}
:where(.mx--vhs) .mx-tape:active{transform:translateY(2px)}
:where(.mx--vhs) .mx-tape.is-on{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 2px var(--lemon),0 0 22px rgba(var(--acc-rgb),.22)}
:where(.mx--vhs) .mx-tape__label{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;background:var(--cream);color:var(--ink)}
:where(.mx--vhs) .mx-tape__bars{flex:none;align-self:stretch;width:30px;min-height:30px;border-radius:2px;
  background:linear-gradient(180deg,var(--mag) 0 25%,var(--org) 25% 50%,var(--lemon) 50% 75%,var(--cyan) 75%)}
:where(.mx--vhs) .mx-tape__txt{display:grid;gap:1px;min-width:0}
:where(.mx--vhs) .mx-tape__txt b{font:700 16px/1.15 var(--f-plate);text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-tape__txt small{color:#3c4170;font:500 12px/1.25 var(--f-text)}
:where(.mx--vhs) .mx-tape__n{margin-left:auto;color:rgba(11,15,42,.55);font:700 22px/1 var(--f-lcd)}
:where(.mx--vhs) .mx-tape__win{position:relative;display:block;height:88px;border-radius:6px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 2px #0b0c12}
:where(.mx--vhs) .mx-tape__win img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
:where(.mx--vhs) .mx-tape__reel{position:absolute;top:50%;width:70px;height:70px;border-radius:50%;transform:translateY(-50%);z-index:1;
  background:radial-gradient(circle,#f4efe1 0 7px,#0b0c12 7px 10px,transparent 10px),repeating-conic-gradient(rgba(244,239,225,.55) 0 8deg,transparent 8deg 60deg),radial-gradient(circle,rgba(16,17,24,.92) 0 100%);
  box-shadow:0 0 0 2px rgba(255,255,255,.08)}
:where(.mx--vhs) .mx-tape__reel--l{left:-18px}
:where(.mx--vhs) .mx-tape__reel--r{right:-18px}
:where(.mx--vhs) .mx-tape.is-play .mx-tape__reel{animation:mxSpin 1.6s linear infinite}
@keyframes mxSpin{to{transform:translateY(-50%) rotate(360deg)}}
:where(.mx--vhs) .mx-tape__foot{color:var(--muted);font:600 15px/1 var(--f-lcd);letter-spacing:.05em}
:where(.mx--vhs) .mx-tape.is-on .mx-tape__foot{color:var(--lemon)}

/* ------------------------------------------------------------ 3. Фото: стоп-кадры */
:where(.mx--vhs) .mx-stills__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:4px 2px 16px;scrollbar-width:thin;scrollbar-color:var(--panel-2) transparent}
:where(.mx--vhs) .mx-stills__track:focus-visible{outline-offset:-3px}
:where(.mx--vhs) .mx-still{--h:300px;flex:0 0 auto;width:max(230px,calc(var(--h) * var(--ar)));max-width:calc(100vw - 48px);scroll-snap-align:start}
:where(.mx--vhs) .mx-still__frame{position:relative;display:block;width:100%;height:var(--h);padding:0;border:0;border-radius:10px;overflow:hidden;cursor:zoom-in;background:#000;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.35);transition:box-shadow .2s}
:where(.mx--vhs) .mx-still__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .3s var(--ease)}
:where(.mx--vhs) .mx-still__frame:hover img{transform:scale(1.035)}
:where(.mx--vhs) .mx-still__frame:hover{box-shadow:0 0 0 2px var(--lemon),0 12px 24px rgba(0,0,0,.35)}
:where(.mx--vhs) .mx-osd--still{font-size:15px}
:where(.mx--vhs) .mx-still figcaption{display:grid;gap:3px;margin-top:10px}
:where(.mx--vhs) .mx-still__cap{color:var(--cream);font:600 14px/1.38 var(--f-text)}
:where(.mx--vhs) .mx-still__src{color:var(--muted);font:400 12px/1.35 var(--f-text)}
:where(.mx--vhs) .mx-still figcaption a{justify-self:start;color:var(--lemon);font:600 12px/1.35 var(--f-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:where(.mx--vhs) .mx-deck--still{margin-top:4px}

:where(.mx--vhs) .mx-lb{width:min(1100px,94vw);max-width:none;max-height:94vh;padding:0;border:0;background:transparent;color:var(--txt);overflow:visible}
:where(.mx--vhs) .mx-lb::backdrop{background:rgba(5,7,26,.86)}
:where(.mx--vhs) .mx-lb__tv{padding:12px;border-radius:24px;background:var(--casing);box-shadow:0 30px 80px rgba(0,0,0,.6)}
:where(.mx--vhs) .mx-lb__screen{position:relative;height:min(68vh,640px);border-radius:16px;overflow:hidden;background:#000}
:where(.mx--vhs) .mx-lb__screen > img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
:where(.mx--vhs) .mx-lb__bar{display:flex;align-items:center;gap:16px;padding:12px 6px 4px}
:where(.mx--vhs) .mx-lb__cap{flex:1 1 auto;display:grid;gap:3px;color:var(--cream);font:600 15px/1.4 var(--f-text)}
:where(.mx--vhs) .mx-lb__cap small{color:var(--muted);font:400 12px/1.3 var(--f-text)}
:where(.mx--vhs) .mx-lb__cap a{justify-self:start;color:var(--lemon);font:600 12px/1.3 var(--f-text)}
:where(.mx--vhs) .mx-tbtn--x{background:linear-gradient(180deg,#ff6b78,#d6324a);color:#fff}

/* ------------------------------------------------------------ 4. Путь: телетекст */
:where(.mx--vhs) .mx-tt-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:stretch}
:where(.mx--vhs) .mx-tt{display:flex;padding:10px;border-radius:22px;background:var(--casing);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 44px rgba(0,0,0,.45)}
:where(.mx--vhs) .mx-tt__scr{position:relative;flex:1 1 auto;display:flex;flex-direction:column;padding:16px 18px 16px;border-radius:14px;overflow:hidden;background:#000;color:#fff;container-type:inline-size;
  font:600 19px/1.32 var(--f-lcd);letter-spacing:.03em;text-transform:uppercase}
:where(.mx--vhs) .mx-tt .w{color:#fff}:where(.mx--vhs) .mx-tt .y{color:#ffff3c}:where(.mx--vhs) .mx-tt .c{color:#2ef2ff}:where(.mx--vhs) .mx-tt .g{color:#34ff5c}
:where(.mx--vhs) .mx-tt__hdr{display:flex;flex-wrap:wrap;gap:0 14px;margin:0 0 12px;font-size:17px}
.mx--vhs .mx-tt__title{display:flex;align-items:center;gap:12px;min-height:54px;margin:0 0 14px;padding:0 12px;background:#1428e0;color:#ffff3c;font:700 25px/1 var(--f-lcd);letter-spacing:.04em}
:where(.mx--vhs) .mx-tt__title .dbl{display:inline-block;transform:scaleY(1.65);transform-origin:center}
.mx--vhs .mx-tt__title--g{background:#00c2d4;color:#000}
:where(.mx--vhs) .mx-tt__mosaic{flex:none;width:42px;height:30px;background:
  linear-gradient(#ff4545,#ff4545) 0 0/34% 34% no-repeat,
  linear-gradient(#ffff3c,#ffff3c) 0 50%/67% 34% no-repeat,
  linear-gradient(#34ff5c,#34ff5c) 0 100%/100% 34% no-repeat}
:where(.mx--vhs) .mx-tt__title--g .mx-tt__mosaic{background:
  linear-gradient(#000,#000) 0 0/100% 34% no-repeat,
  linear-gradient(#000,#000) 0 50%/67% 34% no-repeat,
  linear-gradient(#000,#000) 0 100%/34% 34% no-repeat}
:where(.mx--vhs) .mx-tt__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
:where(.mx--vhs) .mx-tt__tn{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:#2ef2ff;font-size:21px}
:where(.mx--vhs) .mx-tt__tn a{text-decoration:none}
:where(.mx--vhs) .mx-tt__tn a:hover{text-decoration:underline}
:where(.mx--vhs) .mx-flag{flex:none;width:24px;height:16px;object-fit:cover;border-radius:1px;vertical-align:-2px}
:where(.mx--vhs) .mx-tt .mx-flag{width:22px;height:15px;border-radius:0}
:where(.mx--vhs) .mx-tt__list a{display:grid;grid-template-columns:4.4ch minmax(0,1fr) auto 1.9ch;align-items:baseline;gap:8px;padding:1px 4px;border-radius:2px;text-decoration:none;color:#fff}
:where(.mx--vhs) .mx-tt__list a:hover,:where(.mx--vhs) .mx-tt__list a:focus-visible{background:#1428e0}
:where(.mx--vhs) .mx-tt__list .st{color:#2ef2ff}
:where(.mx--vhs) .mx-tt__list .op{overflow-wrap:anywhere}
:where(.mx--vhs) .mx-tt__list .sc{color:#ffff3c;white-space:nowrap}
:where(.mx--vhs) .mx-tt__list .nt{font-size:.8em;color:#2ef2ff}
:where(.mx--vhs) .mx-tt .rs{display:inline-block;min-width:1.9ch;padding:0 .2ch;text-align:center;color:#000;line-height:1.15}
:where(.mx--vhs) .mx-tt .rs--w{background:#34ff5c}:where(.mx--vhs) .mx-tt .rs--d{background:#fff}:where(.mx--vhs) .mx-tt .rs--l{background:#ff4545}
:where(.mx--vhs) .mx-tt__empty{color:#2ef2ff}
:where(.mx--vhs) .mx-tt__final{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:14px 0 0;padding:5px 8px;background:#ffff3c;color:#000;font-size:21px}
:where(.mx--vhs) .mx-tt__final .k{padding:0 6px;background:#000;color:#ffff3c}
:where(.mx--vhs) .mx-tt__legend{margin:10px 0 0;font-size:15px;color:#fff}
:where(.mx--vhs) .mx-tt__legend .rs{margin:0 4px 0 10px}
:where(.mx--vhs) .mx-tt__legend .rs:first-child{margin-left:0}
:where(.mx--vhs) .mx-tt__legend,:where(.mx--vhs) .mx-tt__panel{margin-bottom:16px}
:where(.mx--vhs) .mx-tt__fast{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:auto;padding-top:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
:where(.mx--vhs) .mx-tt .k{position:relative;display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 8px;border:0;border-radius:2px;cursor:pointer;background:transparent;text-decoration:none;
  font:700 18px/1.1 var(--f-lcd);text-transform:uppercase;letter-spacing:.04em;color:var(--kc)}
:where(.mx--vhs) .mx-tt .k::before{content:"";width:14px;height:14px;background:var(--kc)}
:where(.mx--vhs) .mx-tt .k--r{--kc:#ff4545}:where(.mx--vhs) .mx-tt .k--g{--kc:#34ff5c}:where(.mx--vhs) .mx-tt .k--y{--kc:#ffff3c}:where(.mx--vhs) .mx-tt .k--c{--kc:#2ef2ff}
:where(.mx--vhs) .mx-tt .k:hover{background:rgba(255,255,255,.1)}
:where(.mx--vhs) .mx-tt .k[aria-selected=true]{background:var(--kc);color:#000}
:where(.mx--vhs) .mx-tt .k[aria-selected=true]::before{background:#000}
:where(.mx--vhs) .mx-tt__tbl{width:100%;border-collapse:collapse;font-size:19px}
:where(.mx--vhs) .mx-tt__tbl th,:where(.mx--vhs) .mx-tt__tbl td{padding:3px 4px;text-align:right;font-weight:600;white-space:nowrap}
:where(.mx--vhs) .mx-tt__tbl thead th{color:#2ef2ff;font-weight:600}
:where(.mx--vhs) .mx-tt__tbl .p{width:2.4ch;text-align:left;color:#2ef2ff}
:where(.mx--vhs) .mx-tt__tbl .t{text-align:left;white-space:normal;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-tt__tbl .t a{text-decoration:none}
:where(.mx--vhs) .mx-tt__tbl .t a:hover{text-decoration:underline}
:where(.mx--vhs) .mx-tt__tbl .t .mx-flag{margin-right:8px}
:where(.mx--vhs) .mx-tt__tbl .m{width:4.6ch}
:where(.mx--vhs) .mx-tt__tbl .o{width:3ch;color:#ffff3c}
:where(.mx--vhs) .mx-tt__tbl thead .o{color:#2ef2ff}
:where(.mx--vhs) .mx-tt__tbl tr.is-match > *{background:#1428e0;color:#ffff3c}
:where(.mx--vhs) .mx-tt__sub{margin:16px 0 6px;color:#34ff5c}
:where(.mx--vhs) .mx-tt__ms a{display:grid;grid-template-columns:5.2ch minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:baseline;padding:1px 4px;text-decoration:none;color:#fff}
:where(.mx--vhs) .mx-tt__ms a:hover,:where(.mx--vhs) .mx-tt__ms a:focus-visible{background:#1428e0}
:where(.mx--vhs) .mx-tt__ms .dt{color:#2ef2ff}
:where(.mx--vhs) .mx-tt__ms .hm{text-align:right;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-tt__ms .aw{overflow-wrap:anywhere}
:where(.mx--vhs) .mx-tt__ms .sc{color:#ffff3c}
:where(.mx--vhs) .mx-tt__ms .is-match a{color:#ffff3c}
@container (max-width:560px){
  :where(.mx--vhs) .mx-tt__cols{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:420px){
  :where(.mx--vhs) .mx-tt__scr{font-size:17px}
  :where(.mx--vhs) .mx-tt__tbl{font-size:17px}
  .mx--vhs .mx-tt__title{font-size:21px;min-height:46px}
}

/* ------------------------------------------------------------ 5. Форма и личные встречи */
:where(.mx--vhs) .mx-form{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px;align-items:start}
:where(.mx--vhs) .mx-lamps{padding:18px 18px 16px;border-radius:16px;
  background:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.6px) 0 0/6px 6px,var(--black);
  box-shadow:0 0 0 4px var(--ring),0 0 0 6px var(--ring2),0 18px 36px rgba(0,0,0,.4)}
:where(.mx--vhs) .mx-lamps__row + .mx-lamps__row{margin-top:18px;padding-top:16px;box-shadow:inset 0 1px 0 rgba(var(--edge-rgb),.14)}
:where(.mx--vhs) .mx-lamps__team{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px}
:where(.mx--vhs) .mx-lamps__team a{color:var(--cream);font:italic 700 20px/1.1 var(--f-plate);text-transform:uppercase;letter-spacing:.03em;text-decoration:none}
:where(.mx--vhs) .mx-lamps__team a:hover{color:var(--lemon)}
:where(.mx--vhs) .mx-lamps__team small{margin-left:auto;color:var(--muted);font:500 13px/1.3 var(--f-text)}
:where(.mx--vhs) .mx-lamps__cells{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
:where(.mx--vhs) .mx-cell{--c:#dfe4ff;display:grid;justify-items:center;align-content:start;gap:5px;height:100%;padding:12px 6px 11px;border-radius:10px;text-align:center;text-decoration:none;color:var(--txt);
  background:#0b0f2b;box-shadow:inset 0 0 0 1px rgba(var(--edge-rgb),.12);transition:box-shadow .2s}
:where(.mx--vhs) .mx-cell--w{--c:var(--lemon)}
:where(.mx--vhs) .mx-cell--l{--c:var(--red)}
:where(.mx--vhs) .mx-cell:hover{box-shadow:inset 0 0 0 2px var(--c)}
:where(.mx--vhs) .mx-cell__l{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c) 55%,transparent))}
:where(.mx--vhs) .mx-cell__l .mx-dots{--dot:4px;display:block;color:var(--c);font:900 clamp(36px,3.6vw,52px)/1 var(--f-disp)}
:where(.mx--vhs) .mx-cell__sc{color:var(--cream);font:900 22px/1 var(--f-num)}
:where(.mx--vhs) .mx-cell__sc small{font:600 11px/1 var(--f-text);color:var(--muted)}
:where(.mx--vhs) .mx-cell__op{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 6px;color:var(--cream);font:600 12px/1.25 var(--f-text);overflow-wrap:anywhere}
:where(.mx--vhs) .mx-cell__op .mx-flag{width:18px;height:12px}
:where(.mx--vhs) .mx-cell__d{color:var(--muted);font:400 11px/1.3 var(--f-text)}
:where(.mx--vhs) .mx-cell--off{grid-column:1/-1;justify-items:start;color:var(--muted)}
:where(.mx--vhs) .mx-lamps__key{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;color:var(--muted);font:500 12px/1.3 var(--f-text)}
:where(.mx--vhs) .mx-lamps__key span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:3px;color:var(--ink);font:800 11px/1 var(--f-text)}
:where(.mx--vhs) .mx-lamps__key .w{background:var(--lemon)}:where(.mx--vhs) .mx-lamps__key .d{background:#dfe4ff}:where(.mx--vhs) .mx-lamps__key .l{background:var(--red)}

:where(.mx--vhs) .mx-h2h{padding:18px 20px 20px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel-b));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px var(--edge)}
:where(.mx--vhs) .mx-h2h__teams{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;color:var(--cream);font:600 15px/1.2 var(--f-plate);text-transform:uppercase;letter-spacing:.03em}
:where(.mx--vhs) .mx-h2h__teams span{color:var(--muted);text-transform:none;font-family:var(--f-text);font-size:13px}
:where(.mx--vhs) .mx-h2h__board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
:where(.mx--vhs) .mx-h2h__board > div{display:grid;justify-items:center;gap:6px;padding:12px 6px 10px;border-radius:10px;text-align:center;
  background:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.6px) 0 0/6px 6px,var(--black)}
:where(.mx--vhs) .mx-h2h__board b{--dot:5px;display:block;font-size:54px;line-height:.95;filter:none}
:where(.mx--vhs) .mx-h2h__board:not(.mx-h2h__board--off) > div{filter:drop-shadow(0 0 8px rgba(var(--acc-rgb),.3))}
:where(.mx--vhs) .mx-h2h__board span{display:grid;gap:1px;color:var(--cream);font:500 12px/1.2 var(--f-plate);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-h2h__board small{color:var(--muted);font:500 11px/1.2 var(--f-text);text-transform:none;letter-spacing:0}
:where(.mx--vhs) .mx-h2h__board--off b{color:var(--dim)}
:where(.mx--vhs) .mx-h2h__list{display:grid;gap:6px}
:where(.mx--vhs) .mx-h2h__list a{display:grid;grid-template-columns:4.2ch minmax(0,1fr);gap:2px 10px;padding:8px 10px;border-radius:8px;background:rgba(5,7,26,.45);text-decoration:none;color:var(--txt)}
:where(.mx--vhs) .mx-h2h__list a:hover{box-shadow:inset 0 0 0 1px var(--lemon)}
:where(.mx--vhs) .mx-h2h__list .y{grid-row:span 2;color:var(--lemon);font:700 22px/1 var(--f-lcd)}
:where(.mx--vhs) .mx-h2h__list .r{color:var(--muted);font:400 12px/1.3 var(--f-text)}
:where(.mx--vhs) .mx-h2h__list .s{color:var(--cream);font:600 14px/1.3 var(--f-text)}
:where(.mx--vhs) .mx-h2h__list .s b{font:900 17px/1 var(--f-num);color:var(--lemon);margin:0 2px}
:where(.mx--vhs) .mx-h2h__note,:where(.mx--vhs) .mx-h2h__empty{margin-top:12px;color:var(--muted);font:400 13px/1.45 var(--f-text)}
:where(.mx--vhs) .mx-h2h__empty{color:var(--cream);font-size:15px}

/* ------------------------------------------------------------ 6. Турнир */
:where(.mx--vhs) .mx-cup{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
:where(.mx--vhs) .mx-chart{padding:18px 20px 20px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel-b));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px var(--edge)}
:where(.mx--vhs) .mx-chart__list{display:grid;gap:8px}
:where(.mx--vhs) .mx-chart__it{display:grid;grid-template-columns:42px 48px minmax(0,1fr) minmax(96px,28%) 74px;align-items:center;gap:12px;padding:8px 12px 8px 10px;border-radius:10px;background:rgba(5,7,26,.45)}
:where(.mx--vhs) .mx-chart__pos{font:italic 900 32px/1 var(--f-disp);text-align:center;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:4px}
:where(.mx--vhs) .mx-chart__it:first-child .mx-chart__pos{background:linear-gradient(180deg,var(--acc-lite),var(--lemon) 55%,var(--acc-deep));-webkit-background-clip:text;background-clip:text}
:where(.mx--vhs) .mx-chart__ava{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--dim);color:var(--cream);font:700 16px/1 var(--f-plate);box-shadow:0 0 0 2px rgba(255,255,255,.12)}
:where(.mx--vhs) .mx-chart__ava img{width:100%;height:100%;object-fit:cover}
:where(.mx--vhs) .mx-chart__who{display:grid;gap:3px}
:where(.mx--vhs) .mx-chart__who a{color:var(--cream);font:600 17px/1.15 var(--f-plate);text-transform:uppercase;letter-spacing:.02em;text-decoration:none;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-chart__who a:hover{color:var(--lemon)}
:where(.mx--vhs) .mx-chart__tag{justify-self:start;padding:2px 6px 1px;border-radius:3px;background:var(--lemon);color:var(--ink);font:700 14px/1.1 var(--f-lcd);font-style:normal;text-transform:uppercase;letter-spacing:.04em}
:where(.mx--vhs) .mx-chart__bar{display:flex;gap:3px;height:18px}
:where(.mx--vhs) .mx-chart__bar i{flex:1 1 0;border-radius:2px;background:var(--dim)}
:where(.mx--vhs) .mx-chart__bar i.on{background:var(--lemon);box-shadow:0 0 6px rgba(var(--acc-rgb),.45)}
:where(.mx--vhs) .mx-chart__bar i.cap{background:var(--cyan);box-shadow:0 0 6px rgba(var(--away-rgb),.55)}
:where(.mx--vhs) .mx-chart__g{justify-self:end;color:var(--muted);font:500 12px/1 var(--f-text);white-space:nowrap}
:where(.mx--vhs) .mx-chart__g b{color:var(--cream);font:900 26px/1 var(--f-num);margin-right:2px}
:where(.mx--vhs) .mx-keys{padding:18px 20px 20px;border-radius:16px;background:var(--void-2);box-shadow:0 0 0 1px var(--edge)}
:where(.mx--vhs) .mx-keypad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
:where(.mx--vhs) .mx-pkey{display:grid;place-items:center;align-content:center;gap:2px;min-height:54px;padding:8px 4px;border-radius:8px;text-decoration:none;color:var(--cream);
  background:linear-gradient(180deg,var(--key-a),var(--panel));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 0 var(--black);transition:transform .12s var(--ease),box-shadow .12s,background .2s}
:where(.mx--vhs) .mx-pkey b{font:900 22px/1 var(--f-num);letter-spacing:.02em}
:where(.mx--vhs) .mx-pkey:hover{background:linear-gradient(180deg,var(--key-h),var(--key-hb));color:#fff}
:where(.mx--vhs) .mx-pkey:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 var(--black)}
:where(.mx--vhs) .mx-pkey.is-cur{background:linear-gradient(180deg,var(--acc-lite),var(--lemon));color:var(--ink)}
:where(.mx--vhs) .mx-pkey.is-cur small{font:700 14px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.06em}

/* ------------------------------------------------------------ 7. Статьи */
:where(.mx--vhs) .mx-news{display:grid;gap:16px}
:where(.mx--vhs) .mx-box{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border-radius:14px;overflow:hidden;background:var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px var(--edge),0 18px 36px rgba(0,0,0,.35)}
:where(.mx--vhs) .mx-box__cover{position:relative;display:block;min-height:280px;aspect-ratio:16/8;overflow:hidden;text-decoration:none;
  background:linear-gradient(180deg,#0b0f2b 0%,#2a1450 48%,#5a1450 62%,#0b0f2b 62.2%)}
:where(.mx--vhs) .mx-box__cover::before{content:"";position:absolute;left:50%;top:14%;width:34%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;
  background:linear-gradient(180deg,var(--lemon) 0%,var(--org) 50%,var(--mag) 100%);
  -webkit-mask:linear-gradient(180deg,#000 0 52%,transparent 52% 56%,#000 56% 64%,transparent 64% 69%,#000 69% 76%,transparent 76% 82%,#000 82% 88%,transparent 88%);
  mask:linear-gradient(180deg,#000 0 52%,transparent 52% 56%,#000 56% 64%,transparent 64% 69%,#000 69% 76%,transparent 76% 82%,#000 82% 88%,transparent 88%)}
:where(.mx--vhs) .mx-box__grid{position:absolute;left:0;right:0;bottom:0;height:42%;transform:perspective(260px) rotateX(58deg);transform-origin:bottom;
  background:repeating-linear-gradient(90deg,rgba(var(--glow-rgb),.75) 0 2px,transparent 2px 46px),repeating-linear-gradient(0deg,rgba(var(--glow-rgb),.75) 0 2px,transparent 2px 22px)}
:where(.mx--vhs) .mx-box__big{position:absolute;left:50%;top:50%;transform:translate(-50%,-56%) skewX(-10deg);font:italic 900 clamp(64px,8vw,112px)/1 var(--f-disp);
  background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #0b0f2b) drop-shadow(0 10px 18px rgba(0,0,0,.5))}
:where(.mx--vhs) .mx-box__bars{position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(180deg,var(--s1) 0 25%,var(--s2) 25% 50%,var(--s3) 50% 75%,var(--s4) 75%)}
:where(.mx--vhs) .mx-box__body{align-self:center;padding:24px 28px}
.mx--vhs .mx-box__t{margin:0 0 10px;color:var(--cream);font:italic 700 28px/1.12 var(--f-plate);text-transform:uppercase;letter-spacing:.01em}
:where(.mx--vhs) .mx-box__t a{text-decoration:none}
:where(.mx--vhs) .mx-box__t a:hover{color:var(--lemon)}
:where(.mx--vhs) .mx-box__body p{color:var(--muted);font:400 14px/1.5 var(--f-text)}
:where(.mx--vhs) .mx-spines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(.mx--vhs) .mx-spine{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px;border-radius:10px;
  background:linear-gradient(180deg,#262836,#14151d);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 22px rgba(0,0,0,.35)}
:where(.mx--vhs) .mx-spine__n{display:grid;place-items:center;border-radius:4px;background:var(--lemon);color:var(--ink);font:900 30px/1 var(--f-num)}
:where(.mx--vhs) .mx-spine__body{padding:12px 14px 13px;border-radius:4px;background:var(--cream);color:var(--ink)}
.mx--vhs .mx-spine__t{margin:0 0 6px;padding-right:64px;font:700 18px/1.15 var(--f-plate);text-transform:uppercase;letter-spacing:.01em}
:where(.mx--vhs) .mx-spine__t a{text-decoration:none}
:where(.mx--vhs) .mx-spine__t a:hover{text-decoration:underline}
:where(.mx--vhs) .mx-spine__body p{color:#3c4170;font:400 13px/1.45 var(--f-text)}

/* ------------------------------------------------------------ 8. Теги: вкладыш кассеты */
:where(.mx--vhs) .mx-jc{border-radius:12px;overflow:hidden;background:var(--cream);color:var(--ink);box-shadow:0 14px 32px rgba(0,0,0,.35)}
:where(.mx--vhs) .mx-jc__head{display:flex;align-items:center;gap:14px;padding:10px 18px;background:var(--ink);color:var(--cream);font:700 18px/1.1 var(--f-lcd);text-transform:uppercase;letter-spacing:.06em}
:where(.mx--vhs) .mx-jc__head span:last-child{margin-left:auto;color:var(--lemon)}
:where(.mx--vhs) .mx-jc__bars{flex:none;width:64px;height:18px;transform:skewX(-12deg);background:linear-gradient(180deg,var(--s1) 0 25%,var(--s2) 25% 50%,var(--s3) 50% 75%,var(--s4) 75%)}
:where(.mx--vhs) .mx-jc__list{columns:2;column-gap:40px;padding:6px 22px 14px;
  background:repeating-linear-gradient(180deg,transparent 0 47px,rgba(11,15,42,.0) 47px 48px)}
:where(.mx--vhs) .mx-jc__row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:baseline;padding:11px 0 10px;break-inside:avoid;box-shadow:inset 0 -1px 0 rgba(28,36,89,.18)}
:where(.mx--vhs) .mx-jc__row dt{color:#2b3592;font:700 16px/1.2 var(--f-lcd);text-transform:uppercase;letter-spacing:.06em}
:where(.mx--vhs) .mx-jc__row dd{display:flex;flex-wrap:wrap;gap:6px 8px}
:where(.mx--vhs) .mx-tag{display:inline-block;padding:5px 10px 4px;border-radius:4px;background:#fff;color:var(--ink);text-decoration:none;
  font:600 14px/1.2 var(--f-plate);text-transform:uppercase;letter-spacing:.03em;box-shadow:inset 0 0 0 1.5px var(--ink),0 2px 0 rgba(11,15,42,.25);transition:background .2s}
:where(.mx--vhs) .mx-tag:hover{background:var(--lemon)}
:where(.mx--vhs) .mx-tag--plain{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(11,15,42,.35)}

/* ------------------------------------------------------------ появление при прокрутке */
.mx--vhs.js-anim [data-mx-reveal]{opacity:0;transform:translateY(14px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.mx--vhs.js-anim [data-mx-reveal].is-in{opacity:1;transform:none}

/* ------------------------------------------------------------ ширины */
@media (max-width:1180px){
  :where(.mx--vhs) .mx-tt-wrap{grid-template-columns:minmax(0,1fr)}
  :where(.mx--vhs) .mx-flow,:where(.mx--vhs) .mx-form,:where(.mx--vhs) .mx-cup{grid-template-columns:minmax(0,1fr)}
  :where(.mx--vhs) .mx-sb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
  :where(.mx--vhs) .mx-sb__keys{grid-template-columns:repeat(var(--km,3),minmax(0,1fr))}
  :where(.mx--vhs) .mx-keypad{grid-template-columns:repeat(8,minmax(0,1fr))}
  :where(.mx--vhs) .mx-h2h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px}
  :where(.mx--vhs) .mx-h2h > h3,:where(.mx--vhs) .mx-h2h__teams{grid-column:1/-1}
  :where(.mx--vhs) .mx-h2h__board{grid-column:1;grid-row:span 3}
}
@media (max-width:1023px){
  :where(.mx--vhs) .mx-vcr{grid-template-columns:minmax(0,1fr);grid-template-areas:"tv" "deck" "shelf"}
  :where(.mx--vhs) .mx-shelf{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:thin}
  :where(.mx--vhs) .mx-tape{flex:0 0 min(330px,78%);scroll-snap-align:start}
  :where(.mx--vhs) .mx-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  :where(.mx--vhs) .mx-facts__it:nth-child(n+4){box-shadow:inset 0 1px 0 var(--edge)}
  :where(.mx--vhs) .mx-facts__it:nth-child(5){box-shadow:inset 1px 0 0 var(--edge),inset 0 1px 0 var(--edge)}
}
@media (max-width:900px){
  :where(.mx--vhs) .mx-box{grid-template-columns:minmax(0,1fr)}
  :where(.mx--vhs) .mx-box__cover{min-height:0;aspect-ratio:16/8}
  :where(.mx--vhs) .mx-box__body{padding:16px 18px 20px}
  :where(.mx--vhs) .mx-spines{grid-template-columns:minmax(0,1fr)}
  :where(.mx--vhs) .mx-jc__list{columns:1}
}
@media (max-width:760px){
  :where(.mx--vhs) .mx-sb{display:flex}
  :where(.mx--vhs) .mx-h2h{display:block}
}
@media (max-width:640px){
  :where(.mx--vhs) .mx-in{padding:40px 16px 64px}
  :where(.mx--vhs) .mx-sec + .mx-sec{margin-top:64px}
  :where(.mx--vhs) .mx-h{gap:10px}
  .mx--vhs .mx-h__t{font-size:19px}
  :where(.mx--vhs) .mx-lede{font-size:14px;margin-bottom:20px}
  :where(.mx--vhs) .mx-sb__case{padding:14px 12px 14px}
  :where(.mx--vhs) .mx-dots--big{--dot:5px;font-size:84px}
  :where(.mx--vhs) .mx-sb__team{font-size:13px}
  :where(.mx--vhs) .mx-sb__keys{grid-template-columns:repeat(var(--km,3),minmax(0,1fr))}
  :where(.mx--vhs) .mx-sb__lbl{display:none}
  :where(.mx--vhs) .mx-sb__clock{margin-left:0}
  :where(.mx--vhs) .mx-sb__replay{margin-left:auto}
  :where(.mx--vhs) .mx-lead{padding:16px 14px}
  :where(.mx--vhs) .mx-lead__nums{gap:6px}
  :where(.mx--vhs) .mx-lead__n{padding:8px}
  :where(.mx--vhs) .mx-lead__n dt{font-size:11px}
  :where(.mx--vhs) .mx-lead__n b{font-size:36px}
  :where(.mx--vhs) .mx-meter__bar{gap:1px;height:40px;padding:5px}
  :where(.mx--vhs) .mx-call{font-size:12px;white-space:normal;max-width:230px}
  :where(.mx--vhs) .mx-meter__key .q{margin-left:0;flex-basis:100%}
  :where(.mx--vhs) .mx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(.mx--vhs) .mx-facts__it,:where(.mx--vhs) .mx-facts__it + .mx-facts__it{box-shadow:inset 0 1px 0 var(--edge)}
  :where(.mx--vhs) .mx-facts__it:first-child{box-shadow:none}
  :where(.mx--vhs) .mx-facts__it:nth-child(2){box-shadow:inset 1px 0 0 var(--edge)}
  :where(.mx--vhs) .mx-facts__it:nth-child(4){box-shadow:inset 1px 0 0 var(--edge),inset 0 1px 0 var(--edge)}
  :where(.mx--vhs) .mx-facts__it:last-child:nth-child(odd){grid-column:1/-1}
  :where(.mx--vhs) .mx-tv{padding:8px;border-radius:18px}
  :where(.mx--vhs) .mx-tv__screen{border-radius:12px/16px}
  :where(.mx--vhs) .mx-tv__go{padding:12px 18px 11px;font-size:14px}
  :where(.mx--vhs) .mx-deck{flex-wrap:wrap;gap:10px}
  :where(.mx--vhs) .mx-deck__title{order:3;flex-basis:100%}
  :where(.mx--vhs) .mx-deck__btns{margin-left:auto}
  :where(.mx--vhs) .mx-tbtn{width:48px;height:42px}
  :where(.mx--vhs) .mx-still{--h:220px}
  :where(.mx--vhs) .mx-tt{padding:6px;border-radius:16px}
  :where(.mx--vhs) .mx-tt__scr{padding:12px 10px 12px}
  :where(.mx--vhs) .mx-lamps{padding:14px 12px}
  :where(.mx--vhs) .mx-lamps__cells{grid-template-columns:minmax(0,1fr);gap:6px}
  :where(.mx--vhs) .mx-cell{grid-template-columns:42px 58px minmax(0,1fr);grid-template-areas:"l sc op" "l sc d";justify-items:start;align-items:center;gap:0 10px;padding:8px 10px;text-align:left}
  :where(.mx--vhs) .mx-cell__l{grid-area:l;justify-self:center}
  :where(.mx--vhs) .mx-cell__l .mx-dots{--dot:3px;font-size:30px}
  :where(.mx--vhs) .mx-cell__sc{grid-area:sc}
  :where(.mx--vhs) .mx-cell__op{grid-area:op;justify-content:flex-start;font-size:13px}
  :where(.mx--vhs) .mx-cell__d{grid-area:d}
  :where(.mx--vhs) .mx-lamps__team small{margin-left:0;flex-basis:100%}
  :where(.mx--vhs) .mx-chart{padding:14px 12px}
  :where(.mx--vhs) .mx-chart__it{grid-template-columns:30px 40px minmax(0,1fr) auto;grid-template-areas:"pos ava who g" "pos ava bar bar";gap:6px 10px;padding:8px}
  :where(.mx--vhs) .mx-chart__pos{grid-area:pos;font-size:26px}
  :where(.mx--vhs) .mx-chart__ava{grid-area:ava;width:40px;height:40px}
  :where(.mx--vhs) .mx-chart__who{grid-area:who}
  :where(.mx--vhs) .mx-chart__bar{grid-area:bar;height:12px}
  :where(.mx--vhs) .mx-chart__g{grid-area:g}
  :where(.mx--vhs) .mx-keys{padding:14px 12px}
  :where(.mx--vhs) .mx-keypad{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mx--vhs .mx-box__t{font-size:21px}
  :where(.mx--vhs) .mx-spine{grid-template-columns:56px minmax(0,1fr)}
  :where(.mx--vhs) .mx-spine__n{font-size:24px}
  .mx--vhs .mx-spine__t{font-size:16px}
  :where(.mx--vhs) .mx-jc__head{padding:10px 14px;font-size:16px;flex-wrap:wrap}
  :where(.mx--vhs) .mx-jc__list{padding:4px 14px 10px}
  :where(.mx--vhs) .mx-jc__row{grid-template-columns:minmax(0,1fr);gap:6px}
  :where(.mx--vhs) .mx-lb__bar{flex-wrap:wrap}
  :where(.mx--vhs) .mx-lb__cap{flex-basis:100%}
  :where(.mx--vhs) .mx-lb .mx-deck__btns{margin-left:auto}
  :where(.mx--vhs) .mx-lb__screen{height:min(60vh,520px)}
}

/* ------------------------------------------------------------ без движения */
@media (prefers-reduced-motion:reduce){
  .mx--vhs *,.mx--vhs *::before,.mx--vhs *::after{animation:none!important;transition:none!important}
  :where(.mx--vhs) .mx-tv__scan::before{display:none}
}

/* ============================================================ ПЕРВЫЙ ЭКРАН: заставка трансляции */
.mx--vhs.mx-hero{overflow:hidden;
  background:
    radial-gradient(900px 340px at 50% 108%,rgba(var(--glow-rgb),.20),transparent 70%),
    radial-gradient(1100px 420px at 50% -140px,rgba(var(--away-rgb),.12),transparent 70%),
    repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),
    var(--void)}
:where(.mx--vhs) .mx-hero__floor{position:absolute;left:0;right:0;bottom:20px;height:150px;pointer-events:none;opacity:.45;transform:perspective(320px) rotateX(62deg);transform-origin:bottom;
  background:repeating-linear-gradient(90deg,rgba(var(--glow-rgb),.7) 0 2px,transparent 2px 56px),repeating-linear-gradient(0deg,rgba(var(--glow-rgb),.7) 0 2px,transparent 2px 26px);
  -webkit-mask:linear-gradient(180deg,transparent,#000 70%);mask:linear-gradient(180deg,transparent,#000 70%)}
:where(.mx--vhs) .mx-hero__in{position:relative;max-width:1440px;margin:0 auto;padding:22px 40px 40px}
:where(.mx--vhs) .mx-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;font:500 13px/1.4 var(--f-text);color:var(--muted)}
:where(.mx--vhs) .mx-crumbs li + li::before{content:"›";margin:0 8px;color:rgba(170,179,230,.6)}
:where(.mx--vhs) .mx-crumbs a{color:var(--muted);text-decoration:none}
:where(.mx--vhs) .mx-crumbs a:hover{color:var(--lemon);text-decoration:underline}

/* наклейка кассеты с названием матча */
:where(.mx--vhs) .mx-label{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;max-width:1040px;margin:20px auto 30px;border-radius:6px;overflow:hidden;
  background:repeating-linear-gradient(180deg,transparent 0 27px,rgba(43,53,146,.10) 27px 28px),var(--cream);color:var(--ink);
  box-shadow:0 0 0 6px #14151d,0 0 0 7px rgba(255,255,255,.08),0 22px 44px rgba(0,0,0,.45)}
:where(.mx--vhs) .mx-label__bars{display:grid;grid-template-rows:repeat(4,1fr)}
:where(.mx--vhs) .mx-label__bars i:nth-child(1){background:var(--s1)}:where(.mx--vhs) .mx-label__bars i:nth-child(2){background:var(--s2)}
:where(.mx--vhs) .mx-label__bars i:nth-child(3){background:var(--s3)}:where(.mx--vhs) .mx-label__bars i:nth-child(4){background:var(--s4)}
:where(.mx--vhs) .mx-label__txt{padding:16px 24px 18px}
:where(.mx--vhs) .mx-label__kick{margin:0 0 6px;font:700 19px/1.15 var(--f-lcd);text-transform:uppercase;letter-spacing:.08em;color:#2b3592}
:where(.mx--vhs) .mx-label__kick a{text-decoration:none}
:where(.mx--vhs) .mx-label__kick a:hover{text-decoration:underline}
.mx--vhs .mx-label__h1{margin:0;color:var(--ink);font:italic 900 clamp(28px,4vw,58px)/1.02 var(--f-disp);text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-label__side{display:grid;align-content:center;justify-items:center;gap:6px;margin:0;padding:12px 18px;background:var(--ink);color:var(--lemon)}
:where(.mx--vhs) .mx-label__date{font:700 22px/1 var(--f-lcd);letter-spacing:.06em;writing-mode:vertical-rl;transform:rotate(180deg)}
:where(.mx--vhs) .mx-label__wd{color:var(--cyan);font:700 16px/1 var(--f-lcd);letter-spacing:.1em}

/* счёт: табло с лампочками между командами */
:where(.mx--vhs) .mx-hscore{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:24px;max-width:1180px;margin:0 auto}
:where(.mx--vhs) .mx-hscore__bars{position:absolute;left:0;right:0;top:86px;display:grid;grid-template-rows:repeat(4,7px);transform:skewX(-14deg);
  -webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
:where(.mx--vhs) .mx-hscore__bars i:nth-child(1){background:var(--s1)}:where(.mx--vhs) .mx-hscore__bars i:nth-child(2){background:var(--s2)}
:where(.mx--vhs) .mx-hscore__bars i:nth-child(3){background:var(--s3)}:where(.mx--vhs) .mx-hscore__bars i:nth-child(4){background:var(--s4)}
:where(.mx--vhs) .mx-hteam{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:20px;text-align:center}
:where(.mx--vhs) .mx-hteam__flag{display:block;padding:4px;border-radius:6px;background:var(--chrome);box-shadow:0 4px 0 var(--black),0 10px 22px rgba(0,0,0,.4)}
:where(.mx--vhs) .mx-hteam__flag img{display:block;width:84px;height:56px;object-fit:cover;border-radius:3px}
:where(.mx--vhs) .mx-hteam__name{display:inline-block;padding:.38em .9em .32em;background:var(--chrome);color:var(--ink);text-decoration:none;border-radius:3px;transform:skewX(-12deg);
  font:italic 900 clamp(18px,2vw,28px)/1 var(--f-disp);text-transform:uppercase;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(11,15,42,.35),0 4px 0 var(--black),0 12px 24px rgba(0,0,0,.35);
  transition:filter .2s}
:where(.mx--vhs) .mx-hteam__name > span{display:inline-block;transform:skewX(12deg)}
:where(.mx--vhs) .mx-hteam__name:hover{filter:brightness(1.08) saturate(1.2)}
:where(.mx--vhs) .mx-hteam__goals{display:grid;gap:4px;margin:4px 0 0;padding:0;list-style:none}
:where(.mx--vhs) .mx-hteam__goals li{display:flex;align-items:baseline;justify-content:center;gap:8px;color:var(--cream);font:600 15px/1.25 var(--f-plate);text-transform:uppercase;letter-spacing:.03em}
:where(.mx--vhs) .mx-hteam__goals b{color:var(--lemon);font:700 19px/1 var(--f-lcd);letter-spacing:.04em}
:where(.mx--vhs) .mx-hteam__goals small{color:var(--muted);font:500 12px/1 var(--f-text);text-transform:none}
:where(.mx--vhs) .mx-hboard{position:relative;z-index:1;min-width:300px;padding:12px 28px 16px;border-radius:18px;text-align:center;
  background:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.6px) 0 0/7px 7px,var(--black);
  box-shadow:0 0 0 5px var(--ring),0 0 0 8px var(--ring2),0 24px 48px rgba(0,0,0,.5)}
:where(.mx--vhs) .mx-hboard__top{min-height:20px;margin:0}
:where(.mx--vhs) .mx-hboard__st{color:var(--cyan);font:700 17px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.14em;text-shadow:0 0 8px rgba(var(--away-rgb),.5)}
:where(.mx--vhs) .mx-hboard__score{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 0;filter:drop-shadow(0 0 12px rgba(var(--acc-rgb),.45))}
:where(.mx--vhs) .mx-hboard__score .mx-dots{--dot:7px;font-size:clamp(110px,11vw,168px);line-height:.9}
:where(.mx--vhs) .mx-hboard__colon{color:var(--lemon);opacity:.7;font:900 72px/1 var(--f-num);margin-top:-10px}
:where(.mx--vhs) .mx-hboard__notes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0 0}
:where(.mx--vhs) .mx-hnote{padding:4px 10px 3px;border-radius:4px;background:#03151a;color:var(--cyan);font:700 16px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 0 0 1px rgba(var(--away-rgb),.3)}
:where(.mx--vhs) .mx-facts--hero{max-width:1180px;margin:30px auto 0;grid-template-columns:repeat(var(--fn,4),minmax(0,1fr))}
:where(.mx--vhs) .mx-leader--foot{position:relative}

/* ============================================================ СОСТАВЫ: поле на кинескопе */
.mx--vhs.mx-boardsec{position:relative}
.mx--vhs.mx-boardsec .mx-in{padding-bottom:72px}
:where(.mx--vhs) .mx-ptv{padding:14px;border-radius:28px;background:var(--casing);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 48px rgba(0,0,0,.5)}
:where(.mx--vhs) .mx-ptv__scr{position:relative;padding:54px 22px 26px;border-radius:22px/30px;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%),
    repeating-linear-gradient(90deg,#3b8c40 0 calc(100%/16),#33793a calc(100%/16) calc(100%/8))}
:where(.mx--vhs) .mx-ptv__osd{position:absolute;left:22px;right:22px;top:14px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;
  font:700 22px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.05em;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.7)}
:where(.mx--vhs) .mx-ptv__osd span{display:flex;align-items:center;gap:8px;min-width:0}
:where(.mx--vhs) .mx-ptv__osd img{width:27px;height:18px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.5)}
:where(.mx--vhs) .mx-ptv__osd .h b{color:var(--lemon)}
:where(.mx--vhs) .mx-ptv__osd .a b{color:var(--cyan)}
:where(.mx--vhs) .mx-ptv__osd .mid{padding:3px 10px 2px;background:rgba(5,7,26,.72);color:var(--cream);font-size:17px;letter-spacing:.1em}
:where(.mx--vhs) .mx-ptv__stamp{position:absolute;right:22px;bottom:6px;z-index:3;color:var(--lemon);font:700 16px/1 var(--f-lcd);letter-spacing:.06em;text-shadow:2px 2px 0 rgba(0,0,0,.7)}
:where(.mx--vhs) .mx-pitch{--ava-base:60px;position:relative;aspect-ratio:1.8/1;color:rgba(255,255,255,.62)}
:where(.mx--vhs) .mx-pitch__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
:where(.mx--vhs) .mx-pitch__lines--v{display:none}
:where(.mx--vhs) .mx-chip{--tc:var(--lemon);position:absolute;left:var(--xh);top:var(--yh);z-index:2;width:0;height:0;color:#fff;text-decoration:none;outline:none}
:where(.mx--vhs) .mx-chip--away{--tc:var(--cyan)}
:where(.mx--vhs) .mx-chip__in{--a:var(--fit-ava,var(--ava-base));position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,calc(var(--a) / -2))}
:where(.mx--vhs) .mx-chip__face{position:relative;width:var(--a);height:var(--a)}
:where(.mx--vhs) .mx-chip__ava{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--cream);color:var(--ink);
  font:700 calc(var(--a) * .36)/1 var(--f-plate);box-shadow:0 0 0 2.5px var(--tc),0 5px 12px rgba(0,0,0,.5);transition:box-shadow .2s}
:where(.mx--vhs) .mx-chip__ava img{width:100%;height:100%;object-fit:cover}
:where(.mx--vhs) .mx-chip__num{position:absolute;left:-9px;bottom:-5px;min-width:21px;height:19px;padding:0 3px;border-radius:3px;background:var(--tc);color:var(--ink);
  font:700 15px/19px var(--f-lcd);text-align:center;box-shadow:0 2px 0 rgba(0,0,0,.45)}
:where(.mx--vhs) .mx-chip__cap{position:absolute;left:-6px;top:-6px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;color:var(--ink);font:700 10px/1 var(--f-plate);box-shadow:0 1px 0 rgba(0,0,0,.4)}
:where(.mx--vhs) .mx-marks{position:absolute;right:-12px;top:-7px;display:flex;gap:2px}
:where(.mx--vhs) .mx-marks--s{position:static;display:inline-flex;margin-left:8px;vertical-align:-1px}
:where(.mx--vhs) .mk{display:inline-block;flex:none}
:where(.mx--vhs) .mk--ball{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#0b0f2a 0 22%,transparent 24%),radial-gradient(circle at 20% 22%,#0b0f2a 0 13%,transparent 15%),radial-gradient(circle at 80% 24%,#0b0f2a 0 13%,transparent 15%),radial-gradient(circle at 50% 88%,#0b0f2a 0 13%,transparent 15%),#fff;box-shadow:0 1px 2px rgba(0,0,0,.6)}
:where(.mx--vhs) .mk--own{width:13px;height:13px;border-radius:50%;background:#ff4d5e;box-shadow:0 1px 2px rgba(0,0,0,.6)}
:where(.mx--vhs) .mk--yc,:where(.mx--vhs) .mk--rc{width:9px;height:12px;border-radius:1.5px;background:#ffd43b;box-shadow:0 1px 2px rgba(0,0,0,.6)}
:where(.mx--vhs) .mk--rc{background:#ff4545}
:where(.mx--vhs) .mx-chip__plate{display:inline-flex;align-items:baseline;gap:5px;padding:3px 7px 2px;border-radius:3px;background:rgba(5,7,26,.84);box-shadow:inset 3px 0 0 var(--tc),0 2px 6px rgba(0,0,0,.4);
  font:700 var(--pfs,16px)/1.05 var(--f-lcd);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;transform:translateX(var(--shift,0px));transition:background .2s,color .2s}
:where(.mx--vhs) .mx-chip__off{color:#ff9aa5;font-size:.85em}
:where(.mx--vhs) .mx-chip:hover .mx-chip__plate,:where(.mx--vhs) .mx-chip:focus-visible .mx-chip__plate{background:var(--tc);color:var(--ink)}
:where(.mx--vhs) .mx-chip:hover .mx-chip__off,:where(.mx--vhs) .mx-chip:focus-visible .mx-chip__off{color:#7a0c1a}
:where(.mx--vhs) .mx-chip:hover .mx-chip__ava,:where(.mx--vhs) .mx-chip:focus-visible .mx-chip__ava{box-shadow:0 0 0 4px var(--tc),0 5px 12px rgba(0,0,0,.5)}
:where(.mx--vhs) .mx-chip:focus-visible .mx-chip__plate{outline:3px solid #fff;outline-offset:2px}
:where(.mx--vhs) .mx-ptv__key{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 4px 28px;color:var(--muted);font:500 13px/1.3 var(--f-text)}
:where(.mx--vhs) .mx-ptv__key span{display:inline-flex;align-items:center;gap:7px}
:where(.mx--vhs) .mx-ptv__key .k{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;color:var(--ink);font:700 10px/1 var(--f-plate)}
:where(.mx--vhs) .mx-ptv__key .o{color:#ff9aa5;font:700 15px/1 var(--f-lcd)}
:where(.mx--vhs) .mx-ptv__key .o--in{color:#7dff9c}

/* скамейка: телетекст */
:where(.mx--vhs) .mx-tt-wrap--bench{grid-template-columns:repeat(2,minmax(0,1fr))}
.mx--vhs .mx-tt__title--home{background:#1428e0;color:#ffff3c}
.mx--vhs .mx-tt__title--away{background:#00c2d4;color:#000}
:where(.mx--vhs) .mx-tt__title--away .mx-tt__mosaic{background:
  linear-gradient(#000,#000) 0 0/100% 34% no-repeat,linear-gradient(#000,#000) 0 50%/67% 34% no-repeat,linear-gradient(#000,#000) 0 100%/34% 34% no-repeat}
:where(.mx--vhs) .mx-tt__frm{margin-left:auto;font-size:.8em;letter-spacing:.06em}
:where(.mx--vhs) .mx-tt__coach{margin:0 0 4px}
:where(.mx--vhs) .mx-tt__coach a{color:#fff}
:where(.mx--vhs) .mx-tt__none{margin:0;color:#fff}
:where(.mx--vhs) .mx-tt__sub--rest{color:#2ef2ff}
:where(.mx--vhs) .mx-tt__tbl--bench{margin-bottom:4px}
:where(.mx--vhs) .mx-tt__tbl--bench .n{width:3ch;text-align:left;color:#ffff3c}
:where(.mx--vhs) .mx-tt__tbl--bench .t{text-align:left}
:where(.mx--vhs) .mx-tt__tbl--bench .t a{color:inherit;text-decoration:none}
:where(.mx--vhs) .mx-tt__tbl--bench .t a:hover{text-decoration:underline}
:where(.mx--vhs) .mx-tt__tbl--bench .ps{width:3.4ch;color:#2ef2ff}
:where(.mx--vhs) .mx-tt__tbl--bench .mn{width:4.4ch;color:#7dff9c}
:where(.mx--vhs) .mx-tt__tbl--bench .fr{width:30%;text-align:left;color:#ff9aa5;white-space:normal;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-tt__tbl--bench thead th{color:#2ef2ff}
:where(.mx--vhs) .mx-tt__tbl--rest td,:where(.mx--vhs) .mx-tt__tbl--rest th{color:#c9cfee}
:where(.mx--vhs) .mx-tt__tbl--rest .n{color:#c9cfee}

/* нет состава */
:where(.mx--vhs) .mx-noboard{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:center}
:where(.mx--vhs) .mx-noboard__t,:where(.mx--vhs) .mx-nophoto__t{margin:0 0 8px;color:var(--cream);font:italic 700 26px/1.15 var(--f-plate);text-transform:uppercase}
:where(.mx--vhs) .mx-noboard__txt p:not([class]),:where(.mx--vhs) .mx-nophoto__txt p:not([class]){color:var(--muted);font:400 15px/1.55 var(--f-text);max-width:52ch}

/* ============================================================ ЗАГЛУШКИ «скоро» */
:where(.mx--vhs) .mx-soon{display:inline-block;flex:none;padding:4px 9px 3px;border-radius:4px;background:var(--org);color:var(--ink);font:700 15px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.08em;
  transform:rotate(-4deg);box-shadow:0 2px 0 rgba(0,0,0,.35)}
:where(.mx--vhs) .mx-soon--tv{position:absolute;top:16px;right:16px;z-index:4;font-size:18px}
:where(.mx--vhs) .mx-tv__screen--blue{background:radial-gradient(ellipse at center,#2633d6 0%,#1a24a8 60%,#10166e 100%)}
:where(.mx--vhs) .mx-tv__msg{position:absolute;inset:0;z-index:3;display:grid;place-content:center;gap:10px;margin:0;text-align:center;color:#fff}
:where(.mx--vhs) .mx-tv__msg b{font:700 clamp(30px,4vw,54px)/1 var(--f-lcd);letter-spacing:.12em;text-transform:uppercase;text-shadow:3px 3px 0 rgba(0,0,0,.45)}
:where(.mx--vhs) .mx-tv__msg span{font:600 clamp(14px,1.3vw,17px)/1.3 var(--f-text);color:#dfe3ff}
:where(.mx--vhs) .mx-tv__screen--bars{background:#000}
:where(.mx--vhs) .mx-cbars{position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,#c0c0c0 0 14.28%,#c0c000 0 28.57%,#00c0c0 0 42.85%,#00c000 0 57.14%,#c000c0 0 71.42%,#c00000 0 85.71%,#0000c0 0) 0 0/100% 67% no-repeat,
    linear-gradient(90deg,#0000c0 0 14.28%,#131313 0 28.57%,#c000c0 0 42.85%,#131313 0 57.14%,#00c0c0 0 71.42%,#131313 0 85.71%,#c0c0c0 0) 0 67%/100% 8% no-repeat,
    linear-gradient(90deg,#00214c 0 17.8%,#fff 0 35.6%,#32006a 0 53.4%,#131313 0 100%) 0 100%/100% 25% no-repeat}
:where(.mx--vhs) .mx-vcr--soon .mx-deck{grid-area:deck}
:where(.mx--vhs) .mx-shelf--soon{margin:0;padding:0;list-style:none;gap:8px}
:where(.mx--vhs) .mx-tape--soon{cursor:default;display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:10px;padding:8px}
:where(.mx--vhs) .mx-tape--soon:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.04),0 10px 18px rgba(0,0,0,.35)}
:where(.mx--vhs) .mx-tape--soon:active{transform:none}
:where(.mx--vhs) .mx-tape--soon .mx-tape__label{padding:6px 8px}
:where(.mx--vhs) .mx-tape--soon .mx-tape__bars{width:22px;min-height:26px}
:where(.mx--vhs) .mx-tape--soon .mx-tape__txt b{font-size:14px}
:where(.mx--vhs) .mx-tape--soon .mx-tape__txt small{font-size:11px}
:where(.mx--vhs) .mx-tape--soon .mx-soon{margin-left:auto;font-size:13px;padding:3px 7px 2px}
:where(.mx--vhs) .mx-tape__win--empty{height:44px;background:#0b0c12}
:where(.mx--vhs) .mx-tape__win--empty .mx-tape__reel{width:40px;height:40px;background:radial-gradient(circle,#f4efe1 0 5px,#0b0c12 5px 7px,transparent 7px),repeating-conic-gradient(rgba(244,239,225,.5) 0 8deg,transparent 8deg 60deg),radial-gradient(circle,#3a2a1c 0 100%)}
:where(.mx--vhs) .mx-tape__win--empty .mx-tape__reel--l{left:4px}
:where(.mx--vhs) .mx-tape__win--empty .mx-tape__reel--r{right:4px}
:where(.mx--vhs) .mx-tape__mag{position:absolute;left:24px;right:24px;top:50%;height:10px;transform:translateY(-50%);background:#3a2a1c}
:where(.mx--vhs) .mx-nophoto{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:28px;align-items:center}
:where(.mx--vhs) .mx-nophoto .mx-tv,:where(.mx--vhs) .mx-noboard .mx-tv{grid-area:auto}
:where(.mx--vhs) .mx-box--soon{position:relative}
:where(.mx--vhs) .mx-box--soon > .mx-soon{position:absolute;top:14px;left:14px;z-index:3}
:where(.mx--vhs) .mx-spine--soon .mx-soon{position:absolute;top:16px;right:16px}

/* ширины */
@media (max-width:1180px){
  :where(.mx--vhs) .mx-hscore{gap:16px}
  :where(.mx--vhs) .mx-hboard{min-width:0;padding:10px 18px 14px}
  :where(.mx--vhs) .mx-pitch{aspect-ratio:1.4/1;--ava-base:54px}
}
@media (max-width:1023px){
  :where(.mx--vhs) .mx-noboard,:where(.mx--vhs) .mx-nophoto{grid-template-columns:minmax(0,1fr)}
  :where(.mx--vhs) .mx-tt-wrap--bench{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  :where(.mx--vhs) .mx-hero__in{padding:16px 16px 30px}
  :where(.mx--vhs) .mx-label{grid-template-columns:30px minmax(0,1fr);margin:14px 0 24px;box-shadow:0 0 0 4px #14151d,0 14px 30px rgba(0,0,0,.45)}
  :where(.mx--vhs) .mx-label__txt{padding:12px 14px 14px}
  :where(.mx--vhs) .mx-label__kick{font-size:16px}
  :where(.mx--vhs) .mx-label__side{grid-column:1/-1;grid-auto-flow:column;justify-content:start;gap:12px;padding:7px 14px}
  :where(.mx--vhs) .mx-label__date{writing-mode:horizontal-tb;transform:none;font-size:18px}
  :where(.mx--vhs) .mx-hscore{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"b b" "h a";gap:18px 12px}
  :where(.mx--vhs) .mx-hboard{grid-area:b;justify-self:center;width:100%;max-width:340px}
  :where(.mx--vhs) .mx-hteam--home{grid-area:h}:where(.mx--vhs) .mx-hteam--away{grid-area:a}
  :where(.mx--vhs) .mx-hscore__bars{top:96px}
  :where(.mx--vhs) .mx-hteam{padding-top:0;gap:10px}
  :where(.mx--vhs) .mx-hteam__flag img{width:60px;height:40px}
  :where(.mx--vhs) .mx-hteam__name{font-size:16px}
  :where(.mx--vhs) .mx-hteam__goals li{font-size:13px;gap:6px}
  :where(.mx--vhs) .mx-hteam__goals b{font-size:16px}
  :where(.mx--vhs) .mx-hboard__score .mx-dots{--dot:5px;font-size:104px}
  :where(.mx--vhs) .mx-facts--hero{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}
  :where(.mx--vhs) .mx-facts--hero .mx-facts__it,:where(.mx--vhs) .mx-facts--hero .mx-facts__it + .mx-facts__it{box-shadow:inset 0 1px 0 var(--edge)}
  :where(.mx--vhs) .mx-facts--hero .mx-facts__it:first-child{box-shadow:none}
  :where(.mx--vhs) .mx-facts--hero .mx-facts__it:nth-child(2){box-shadow:inset 1px 0 0 var(--edge)}
  :where(.mx--vhs) .mx-facts--hero .mx-facts__it:nth-child(4){box-shadow:inset 1px 0 0 var(--edge),inset 0 1px 0 var(--edge)}
  :where(.mx--vhs) .mx-facts--hero .mx-facts__it:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:640px){
  :where(.mx--vhs) .mx-ptv{padding:7px;border-radius:18px}
  :where(.mx--vhs) .mx-ptv__scr{padding:46px 8px 26px;border-radius:14px/18px;background:
    radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%),
    repeating-linear-gradient(180deg,#3b8c40 0 calc(100%/16),#33793a calc(100%/16) calc(100%/8))}
  :where(.mx--vhs) .mx-ptv__osd{left:10px;right:10px;top:10px;font-size:16px;gap:6px}
  :where(.mx--vhs) .mx-ptv__osd .mid{display:none}
  :where(.mx--vhs) .mx-ptv__osd img{width:21px;height:14px}
  :where(.mx--vhs) .mx-ptv__stamp{right:12px;bottom:6px;font-size:13px}
  :where(.mx--vhs) .mx-pitch{aspect-ratio:68/118;--ava-base:44px}
  :where(.mx--vhs) .mx-pitch__lines--h{display:none}
  :where(.mx--vhs) .mx-pitch__lines--v{display:block}
  :where(.mx--vhs) .mx-chip{left:var(--xv);top:var(--yv)}
  :where(.mx--vhs) .mx-chip__plate{font-size:var(--pfs,13px);padding:2px 5px 1px}
  :where(.mx--vhs) .mx-chip__num{left:-8px;bottom:-5px;min-width:17px;height:16px;font-size:13px;line-height:16px}
  :where(.mx--vhs) .mx-chip__cap{width:14px;height:14px;font-size:9px;left:-5px;top:-5px}
  :where(.mx--vhs) .mx-marks{right:-10px;top:-6px}
  :where(.mx--vhs) .mk--ball,:where(.mx--vhs) .mk--own{width:11px;height:11px}
  :where(.mx--vhs) .mk--yc,:where(.mx--vhs) .mk--rc{width:8px;height:10px}
  :where(.mx--vhs) .mx-ptv__key{gap:6px 12px;font-size:12px}
  :where(.mx--vhs) .mx-tt__tbl--bench .fr{width:auto}
  :where(.mx--vhs) .mx-tt__tbl--bench th,:where(.mx--vhs) .mx-tt__tbl--bench td{padding:3px 3px}
  :where(.mx--vhs) .mx-tape--soon{grid-template-columns:minmax(0,1fr)}
  :where(.mx--vhs) .mx-tape--soon .mx-tape__win--empty{display:none}
}

/* после разбора агентом: номер в круге, единый эфирный вид фото, телефон */
:where(.mx--vhs) .mx-chip__ava:not(.mx-chip__ava--ph){background:var(--tc)}
:where(.mx--vhs) .mx-chip__big{color:var(--ink);font:700 calc(var(--a) * .52)/1 var(--f-lcd)}
:where(.mx--vhs) .mx-chip__ava--ph img{filter:grayscale(1) contrast(1.2) brightness(1.05);object-position:50% 20%}
:where(.mx--vhs) .mx-chip__face::after{content:"";position:absolute;inset:-7px;border-radius:50%}
:where(.mx--vhs) .mx-ptv__osd2{display:none}
.mx--vhs .mx-label__h1{text-wrap:balance}
:where(.mx--vhs) .mx-tt abbr{text-decoration:none;cursor:help}
@media (max-width:640px){
  :where(.mx--vhs) .mx-pitch{aspect-ratio:68/132}
  :where(.mx--vhs) .mx-ptv__scr{padding-bottom:40px}
  :where(.mx--vhs) .mx-ptv__osd .h{display:none}
  :where(.mx--vhs) .mx-ptv__osd .a{margin-left:auto}
  :where(.mx--vhs) .mx-ptv__osd2{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;margin:0;font:700 16px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.05em;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.7)}
  :where(.mx--vhs) .mx-ptv__osd2 span{display:flex;align-items:center;gap:6px}
  :where(.mx--vhs) .mx-ptv__osd2 img{width:21px;height:14px}
  :where(.mx--vhs) .mx-ptv__osd2 b{color:var(--lemon)}
  :where(.mx--vhs) .mx-ptv__stamp{bottom:12px}
  :where(.mx--vhs) .mx-chip__plate{font-size:var(--pfs,14px)}
  :where(.mx--vhs) .mk--ball,:where(.mx--vhs) .mk--own{width:12px;height:12px}
  :where(.mx--vhs) .mk--yc,:where(.mx--vhs) .mk--rc{width:9px;height:12px}
}

/* ============================================================ АКЦЕНТЫ ТУРНИРОВ (data-tour)
   Основа темы общая; турнир меняет фон, панели, лампы, ленты и цвет гостей.
   Без data-tour или с незнакомым значением - палитра по умолчанию (синий экран + лимон).
   Новый турнир: один такой блок + знак в _build/hero_board.py (TOUR_MARKS). */

/* 1982 Испания: гранат, красный и золото флага, средиземноморский голубой */
.mx--vhs[data-tour="wc1982"]{
  --void:#1c0a15; --void-2:#13060e; --black:#0b0308; --void-hi:#2c1020;
  --panel:#2d1222; --panel-b:#220c19; --panel-2:#3e1a2f; --key-a:#4a1f39; --key-h:#5e2a4a; --key-hb:#3b162d;
  --dim:#3d1d30; --ring:#55233c; --ring2:#120509;
  --lemon:#ffc400; --acc-rgb:255,196,0; --acc-lite:#ffdb6e; --acc-deep:#9a7400;
  --cyan:#8fd3ff; --away-rgb:143,211,255;
  --glow-rgb:198,11,30; --edge-rgb:255,186,170;
  --muted:#e9c3cd; --txt:#fbedf1;
  --mag:#d1132a; --org:#ff8a1f;
  --s1:#d1132a; --s2:#ffc400; --s3:#ffc400; --s4:#d1132a;
}
/* 1986 Мексика: зелёный, белый и красный флага, «мексиканская роза», мята */
.mx--vhs[data-tour="wc1986"]{
  --void:#05201a; --void-2:#031611; --black:#020c09; --void-hi:#0b2f26;
  --panel:#0e3a2f; --panel-b:#0a2e25; --panel-2:#16503f; --key-a:#0f4135; --key-h:#165445; --key-hb:#0c372d;
  --dim:#1a4a3d; --ring:#1f5848; --ring2:#02100b;
  --lemon:#ff8cc4; --acc-rgb:255,140,196; --acc-lite:#ffbcdc; --acc-deep:#9c2a60;
  --cyan:#6ff2c0; --away-rgb:111,242,192;
  --glow-rgb:206,17,38; --edge-rgb:150,232,200;
  --muted:#acdcc9; --txt:#eefaf5;
  --mag:#ce1126; --org:#ffb000;
  --s1:#1fa36d; --s2:#f4f1e8; --s3:#ce1126; --s4:#ff8cc4;
}

/* знак турнира */
:where(.mx--vhs) .mx-tmark{display:block;flex:none;width:var(--tm,92px);height:auto;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}
:where(.mx--vhs) .mx-label__mark{display:grid;place-items:center;padding:10px 14px;background:var(--ink)}
:where(.mx--vhs) .mx-label__mark .mx-tmark{--tm:96px;transform:rotate(-4deg)}
:where(.mx--vhs) .mx-label--mark{grid-template-columns:58px minmax(0,1fr) auto auto}
:where(.mx--vhs) .mx-ptv__osd .mid{display:flex;align-items:center;gap:8px}
:where(.mx--vhs) .mx-ptv__osd .mid .mx-tmark{--tm:24px;filter:none}
:where(.mx--vhs) .mx-jc__head .mx-tmark{--tm:34px;filter:none}
@media (max-width:760px){
  :where(.mx--vhs) .mx-label--mark{grid-template-columns:30px minmax(0,1fr)}
  :where(.mx--vhs) .mx-label__mark{grid-column:1/-1;grid-row:2;justify-self:end;z-index:1;padding:5px 12px;background:transparent}
  :where(.mx--vhs) .mx-label--mark .mx-label__side{grid-row:2;min-height:56px}
  :where(.mx--vhs) .mx-label__mark .mx-tmark{--tm:46px}
}

/* ============================================================ ДОПОЛНЕНИЯ ПРИ ПЕРЕНОСЕ НА САЙТ (живые данные) */
/* корни: якорь «Составы» не прячется под липким подменю */
.mx--vhs.mx-boardsec{scroll-margin-top:130px}
/* длинные и латинские названия команд переносятся, а не вылетают */
:where(.mx--vhs) .mx-hteam__name{max-width:100%;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-hteam__goals a{color:inherit;text-decoration:none}
:where(.mx--vhs) .mx-hteam__goals a:hover{color:var(--lemon);text-decoration:underline;text-underline-offset:3px}
:where(.mx--vhs) .mx-sb__team span,:where(.mx--vhs) .mx-tt__tn,:where(.mx--vhs) .mx-lamps__team,:where(.mx--vhs) .mx-h2h__teams,:where(.mx--vhs) .mx-lead__n dt,:where(.mx--vhs) .mx-deck__title,:where(.mx--vhs) .mx-keypad b{overflow-wrap:anywhere}
/* строка без ссылки (адреса у записи нет): та же плашка, но без отклика на наведение */
:where(.mx--vhs) .mx-tt__list a:not([href]):hover,:where(.mx--vhs) .mx-tt__ms a:not([href]):hover{background:transparent}
:where(.mx--vhs) .mx-cell:not([href]):hover,:where(.mx--vhs) .mx-h2h__list a:not([href]):hover{box-shadow:inset 0 0 0 1px rgba(var(--edge-rgb),.12)}
:where(.mx--vhs) .mx-pkey:not([href]){cursor:default}
:where(.mx--vhs) .mx-chart__nm{color:var(--cream);font:600 17px/1.15 var(--f-plate);text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
:where(.mx--vhs) .mx-lamps__team a:not([href]):hover{color:var(--cream)}
:where(.mx--vhs) .mx-tt__tn a:not([href]):hover{text-decoration:none}
/* блок одной телестраницы (нет пути или нет групп) и одна колонка у блоков без пары */
:where(.mx--vhs) .mx-tt-wrap--one{grid-template-columns:minmax(0,760px)}
:where(.mx--vhs) .mx-flow--one{grid-template-columns:minmax(0,720px)}
:where(.mx--vhs) .mx-cup--one{grid-template-columns:minmax(0,860px)}
:where(.mx--vhs) .mx-cup--one .mx-keypad{grid-template-columns:repeat(8,minmax(0,1fr))}
@media (max-width:1180px){
  :where(.mx--vhs) .mx-flow--one,:where(.mx--vhs) .mx-cup--one,:where(.mx--vhs) .mx-tt-wrap--one{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  :where(.mx--vhs) .mx-cup--one .mx-keypad{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* страница телетекста со статистикой команд (если она есть в данных) */
:where(.mx--vhs) .mx-statpage{margin-top:24px;max-width:760px}
:where(.mx--vhs) .mx-tt__tbl--stat th,:where(.mx--vhs) .mx-tt__tbl--stat td{padding:3px 6px}
:where(.mx--vhs) .mx-tt__tbl--stat tbody td{color:#ffff3c}
:where(.mx--vhs) .mx-tt__tbl--stat .t{width:auto;color:#fff}
:where(.mx--vhs) .mx-tt__tbl--stat thead th:not(.t){width:7ch}
/* статья с обложкой-картинкой и датой */
:where(.mx--vhs) .mx-box__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:where(.mx--vhs) .mx-box__date{margin:0 0 6px;color:var(--lemon);font:700 16px/1 var(--f-lcd);letter-spacing:.08em}
/* названия команд в экранной строке поля переносятся, а не выталкивают флаг за край */
:where(.mx--vhs) .mx-ptv__osd .n,:where(.mx--vhs) .mx-ptv__osd2 .n{min-width:0;overflow-wrap:anywhere}
/* на телефоне подпись «Стартовые составы» не показываем (у турнирных страниц её возвращало правило знака), схема не рвётся */
:where(.mx--vhs) .mx-ptv__osd b,:where(.mx--vhs) .mx-ptv__osd2 b{white-space:nowrap}
@media (max-width:640px){
  :where(.mx--vhs) .mx-ptv__osd .mid{display:none}
}
:where(.mx--vhs) .mx-tt__frm{white-space:nowrap}
@media (max-width:640px){
  :where(.mx--vhs) .mx-ptv__osd2{right:96px}
}

/* планшет вертикально (641-900px): поле вертикальное, как на телефоне - в ряду меньше игроков, фото крупнее */
@media (max-width:900px) and (min-width:641px){
  :where(.mx--vhs) .mx-ptv{padding:7px;border-radius:18px}
  :where(.mx--vhs) .mx-ptv__scr{padding:46px 8px 26px;border-radius:14px/18px;background:
    radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%),
    repeating-linear-gradient(180deg,#3b8c40 0 calc(100%/16),#33793a calc(100%/16) calc(100%/8))}
  :where(.mx--vhs) .mx-ptv__osd{left:10px;right:10px;top:10px;font-size:16px;gap:6px}
  :where(.mx--vhs) .mx-ptv__osd .mid{display:none}
  :where(.mx--vhs) .mx-ptv__osd img{width:21px;height:14px}
  :where(.mx--vhs) .mx-ptv__stamp{right:12px;bottom:6px;font-size:13px}
  :where(.mx--vhs) .mx-pitch{aspect-ratio:68/118;--ava-base:56px}
  :where(.mx--vhs) .mx-pitch__lines--h{display:none}
  :where(.mx--vhs) .mx-pitch__lines--v{display:block}
  :where(.mx--vhs) .mx-chip{left:var(--xv);top:var(--yv)}
  :where(.mx--vhs) .mx-chip__plate{font-size:var(--pfs,13px);padding:2px 5px 1px}
  :where(.mx--vhs) .mx-chip__num{left:-8px;bottom:-5px;min-width:17px;height:16px;font-size:13px;line-height:16px}
  :where(.mx--vhs) .mx-chip__cap{width:14px;height:14px;font-size:9px;left:-5px;top:-5px}
  :where(.mx--vhs) .mx-marks{right:-10px;top:-6px}
  :where(.mx--vhs) .mk--ball,:where(.mx--vhs) .mk--own{width:11px;height:11px}
  :where(.mx--vhs) .mk--yc,:where(.mx--vhs) .mk--rc{width:8px;height:10px}
  :where(.mx--vhs) .mx-ptv__key{gap:6px 12px;font-size:12px}
  :where(.mx--vhs) .mx-pitch{aspect-ratio:68/132;max-width:520px;margin-inline:auto}
  :where(.mx--vhs) .mx-ptv__scr{padding-bottom:40px}
  :where(.mx--vhs) .mx-ptv__osd .h{display:none}
  :where(.mx--vhs) .mx-ptv__osd .a{margin-left:auto}
  :where(.mx--vhs) .mx-ptv__osd2{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;margin:0;font:700 16px/1 var(--f-lcd);text-transform:uppercase;letter-spacing:.05em;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.7)}
  :where(.mx--vhs) .mx-ptv__osd2 span{display:flex;align-items:center;gap:6px}
  :where(.mx--vhs) .mx-ptv__osd2 img{width:21px;height:14px}
  :where(.mx--vhs) .mx-ptv__osd2 b{color:var(--lemon)}
  :where(.mx--vhs) .mx-ptv__stamp{bottom:12px}
  :where(.mx--vhs) .mx-chip__plate{font-size:var(--pfs,14px)}
  :where(.mx--vhs) .mk--ball,:where(.mx--vhs) .mk--own{width:12px;height:12px}
  :where(.mx--vhs) .mk--yc,:where(.mx--vhs) .mk--rc{width:9px;height:12px}
}
:where(.mx--vhs) .mx-chip.is-wrap .mx-chip__plate{display:block;white-space:normal;max-width:var(--pmw);text-align:center;line-height:1.05}