/* Страница тренера «Тактическая доска» (resources/views/coaches/show.blade.php, данные - App\Support\CoachPage).
 * Перенесено из макета output/people-pages/coach-board/style.css (решение владельца 26.10.2026); шрифты - public/fonts/tektur,
 * public/fonts/golos-text, public/fonts/caveat (OFL). Поведение - public/js/coach.js. */
/* Страница тренера 8match, вариант А «Тактическая доска». Классы - внутри .cb (статья страницы); шапку и подвал сайта (sc-*) не трогаем.
 * Материалы: графитовая доска в алюминиевой раме (первый экран, маршрут, титулы, журнал), зелёное сукно поля, магниты, мел.
 * Под текстом - только ровный графит (без фактур); мел - линии маршрута, стрелки, подчёркивания и подписи от руки (Caveat от 22 px).
 * Движение (Эмиль Ковальски): вход - ease-out, перемещение по доске - ease-in-out, магниты «прилипают» с лёгким перелётом;
 * двигаются transform, opacity и clip-path; исходное состояние = итоговое, прячем только под .cb-js (без JS всё видно). */

@font-face{font-family:Tektur;src:url(/fonts/tektur/Tektur-cyrillic.woff2) format("woff2");font-weight:400 900;font-stretch:75% 100%;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Tektur;src:url(/fonts/tektur/Tektur-latin.woff2) format("woff2");font-weight:400 900;font-stretch:75% 100%;font-display:swap;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}
@font-face{font-family:Tektur;src:url(/fonts/tektur/Tektur-latin-ext.woff2) format("woff2");font-weight:400 900;font-stretch:75% 100%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Golos Text";src:url(/fonts/golos-text/GolosText-cyrillic.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";src:url(/fonts/golos-text/GolosText-latin.woff2) format("woff2");font-weight:400 900;font-display:swap;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}
@font-face{font-family:"Golos Text";src:url(/fonts/golos-text/GolosText-latin-ext.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Caveat;src:url(/fonts/caveat/Caveat-cyrillic.woff2) format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Caveat;src:url(/fonts/caveat/Caveat-latin.woff2) format("woff2");font-weight:500 700;font-display:swap;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}

body.cb-page{background:#0d1210}

.cb{
  --wall:#0d1210;--board:#16201c;--board-2:#1c2723;--felt:#1d3b2c;
  --chalk:#eef2ea;--chalk-2:#b8c4bd;--chalk-3:#93a19a;--line:rgba(238,242,234,.13);--line-2:rgba(238,242,234,.3);
  --yel:#ffd23f;--red:#c4362c;--w:#4fd08a;--d:#c3ccc6;--l:#ff6a5c;
  --disp:Tektur,"Golos Text",system-ui,sans-serif;--hand:Caveat,"Segoe Print",cursive;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);--ease-dr:cubic-bezier(.32,.72,0,1);--ease-pop:cubic-bezier(.34,1.56,.64,1);
  --alu:linear-gradient(140deg,#d5dbd8 0%,#808a86 20%,#e3e8e5 44%,#77817d 68%,#c9cfcc 100%);
  --mag-hi:radial-gradient(circle at 34% 28%,rgba(255,255,255,.62) 0 9%,rgba(255,255,255,0) 36%);
  --mag-sh:0 2px 0 rgba(0,0,0,.42),0 7px 14px rgba(0,0,0,.42),inset 0 -2px 0 rgba(0,0,0,.22);
  position:relative;isolation:isolate;overflow-x:clip;color:var(--chalk);
  background:radial-gradient(1400px 700px at 50% -8%,#1b2622 0%,rgba(27,38,34,0) 70%),var(--wall);
  font-family:"Golos Text",system-ui,sans-serif;font-size:15px;line-height:1.5;padding:16px 0 80px;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
.cb *,.cb *::before,.cb *::after{box-sizing:border-box}
:where(.cb) a{color:inherit;text-decoration:none}
:where(.cb) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:where(.cb) img{display:block;max-width:none}
:where(.cb) :is(ul,ol,dl,dd,p,figure,h1,h2,h3){margin:0;padding:0}
:where(.cb) :is(ul,ol){list-style:none}
.cb :is(h1,h2,h3){color:inherit}
.cb [hidden]{display:none!important}
.cb :focus-visible{outline:2px solid var(--yel);outline-offset:3px;border-radius:6px}
.cb .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:clip;clip-path:inset(50%);white-space:nowrap}
.cb .fl{flex:none;width:24px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.cb .fl--none{display:inline-block;background:rgba(238,242,234,.14)}
.cb .ic{flex:none;width:18px;height:18px}
.cb .chalk{font-family:var(--hand);font-weight:600;letter-spacing:.01em}
.cb-in{position:relative;max-width:1640px;margin:0 auto;padding:0 32px}

/* ---------- хлебные крошки ---------- */
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--chalk-3);margin:4px 0 18px}
.crumbs li+li::before{content:"›";margin-right:10px;color:var(--chalk-3)}
.crumbs a{color:var(--chalk-2);text-decoration:underline;text-decoration-color:rgba(238,242,234,.25);text-underline-offset:3px}
.crumbs a:hover{color:var(--chalk);text-decoration-color:var(--yel)}
.crumbs [aria-current]{color:var(--chalk)}

/* ---------- доска в алюминиевой раме ---------- */
.bd{position:relative;border-radius:20px;padding:9px;background:var(--alu);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.55),0 34px 60px -26px rgba(0,0,0,.85)}
.bd--thin{padding:6px;border-radius:16px}
.bd-in{position:relative;border-radius:12px;
  background:radial-gradient(70% 60% at 16% 10%,rgba(238,242,234,.045),rgba(238,242,234,0) 70%),radial-gradient(50% 55% at 90% 96%,rgba(238,242,234,.035),rgba(238,242,234,0) 70%),var(--board);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 3px 34px rgba(0,0,0,.5)}
.bd--thin .bd-in{border-radius:10px}
.bd--fit{width:fit-content;min-width:min(420px,100%);max-width:100%}
.bd--fit .trs{grid-template-columns:repeat(auto-fit,minmax(250px,320px))}

/* ---------- магнит: общий вид ---------- */
.tm{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;background:var(--mag-hi),var(--yel);box-shadow:0 1px 0 rgba(0,0,0,.45),0 3px 6px rgba(0,0,0,.4)}

/* ---------- 1. Первый экран ---------- */
.hero-in{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(270px,320px);grid-template-areas:"ph main fd";gap:40px 48px;padding:42px 48px 44px;align-items:start}
.h-ph{grid-area:ph;padding-top:14px}
.h-main{grid-area:main;min-width:0;padding-top:6px}
.fd-col{grid-area:fd;min-width:0}

.pc{position:relative}
.pc-ph{position:relative;display:block;aspect-ratio:4/5;border-radius:4px;background:#262f2b;
  box-shadow:0 0 0 7px #eceee8,0 0 0 8px rgba(0,0,0,.25),0 22px 40px -14px rgba(0,0,0,.85);transform:rotate(-1.8deg);
  transition:transform .9s var(--ease-out),opacity .6s var(--ease-out)}
.pc-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:4px}
.pc-pin{position:absolute;z-index:2;top:-13px;left:50%;width:28px;height:28px;margin-left:-14px;border-radius:50%;background:var(--mag-hi),var(--red);box-shadow:var(--mag-sh);
  transition:transform .5s var(--ease-pop) .55s,opacity .2s linear .55s}
.pc-cr{margin-top:20px;font-size:12px;line-height:1.4;color:var(--chalk-3)}
.pc-cr a{color:var(--chalk-2);text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(238,242,234,.3)}
.pc-cr a:hover{color:var(--chalk)}
/* подпись автора и лицензии - общий partials/photo-credit (.rd-credit): в кегле и цвете доски */
.pc-cr .rd-credit{margin:0;max-width:none;font-size:inherit;line-height:inherit;color:inherit;text-align:left}
.pc-cr .rd-credit a:hover{color:var(--chalk)}
/* без фото: бумажная карточка с силуэтом тренера маркером, флаг гражданства - магнитом */
.pc--none .pc-ph{background:#eceee8;color:#25302b}
.pc-sil{position:absolute;inset:8% 8% 22%;width:84%;height:70%;fill:none;stroke:#2c3833;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.pc-sil .cord{stroke:#c98a12;stroke-width:2.4}
.pc-sil .wh{fill:#e0a419;stroke:#7a5609;stroke-width:2}
.pc-flag{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.35),0 5px 10px rgba(0,0,0,.3)}
.pc-flag .fl{width:100%;height:100%;border-radius:0;box-shadow:none}
.pc-flag::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--mag-hi);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.pc-nm{position:absolute;left:0;right:0;bottom:8%;text-align:center;font:700 30px/1 var(--hand);color:#25302b}

.h-kick{display:flex;align-items:center;gap:10px;font:700 13px/1.2 var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--yel)}
.h1{margin:16px 0 0;font-family:var(--disp);line-height:.98;letter-spacing:-.005em}
.h1 span{display:block}
.h1-a{font-weight:600;font-size:clamp(24px,2.2vw,36px);font-stretch:88%;color:var(--chalk-2);margin-bottom:6px}
.h1-b{font-weight:800;font-size:clamp(44px,5.4vw,86px);font-stretch:80%;text-transform:uppercase;color:var(--chalk)}
.h1 .h1-i{display:inline;font-size:.5em;font-weight:600;font-stretch:88%;color:var(--chalk-2);vertical-align:.12em;margin-right:.08em}
.h-en{margin-top:12px;font-size:15px;color:var(--chalk-3)}
.h-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 26px;margin-top:26px}
.hf{min-width:0;padding-left:12px;border-left:2px dashed var(--line-2)}
.hf dt{font:700 12px/1.3 var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--chalk-3)}
.hf dd{margin-top:3px;font-size:16px;font-weight:600;line-height:1.35}
.hf .fl{display:inline-block;vertical-align:-2px;margin-right:8px}
.hf-s{font-weight:500;color:var(--chalk-2);white-space:nowrap}
.hf-c,.hf-pl{text-decoration:underline;text-decoration-color:rgba(255,210,63,.5);text-underline-offset:4px;text-decoration-thickness:1.5px}
.hf-c:hover,.hf-pl:hover{text-decoration-color:var(--yel)}
.hf-pl .ic{display:inline-block;vertical-align:-3px;margin-left:4px;width:16px;height:16px;color:var(--yel);transition:transform .2s var(--ease-out)}
.hf-pl:hover .ic{transform:translateX(3px)}

/* кольцо побед, ничьих и поражений */
.rg{display:flex;align-items:center;gap:26px;margin-top:30px}
.rg-c{position:relative;flex:none;width:140px;height:140px}
.rg-svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.rg-bg{fill:none;stroke:rgba(238,242,234,.08);stroke-width:13}
.rg-a{fill:none;stroke-width:13;stroke-dasharray:var(--len) 400;stroke-dashoffset:var(--off);transition:stroke-dasharray 1.2s var(--ease-out) .35s}
.rg-w{stroke:var(--w)}.rg-d{stroke:var(--d)}.rg-l{stroke:var(--l)}
.rg-n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.rg-n b{font:800 38px/1 var(--disp);font-variant-numeric:tabular-nums}
.rg-n span{margin-top:4px;font-size:13px;color:var(--chalk-2)}
.rg-side{min-width:0}
.rg-ul{display:grid;gap:6px}
.rg-li{display:grid;grid-template-columns:14px 44px auto;align-items:center;gap:10px;font-size:15px;color:var(--chalk-2)}
.rg-li i{width:14px;height:14px;border-radius:50%;background:var(--mag-hi),var(--c);box-shadow:0 1px 0 rgba(0,0,0,.4)}
.rg-li--w{--c:var(--w)}.rg-li--d{--c:var(--d)}.rg-li--l{--c:var(--l)}
.rg-li b{font:800 22px/1 var(--disp);color:var(--chalk);text-align:right;font-variant-numeric:tabular-nums}
.rg-g{margin-top:12px;padding-top:10px;border-top:2px dashed var(--line);font-size:14px;color:var(--chalk-2)}
.rg-g b{font:700 16px var(--disp);color:var(--chalk);margin:0 4px}
.rg-p{white-space:nowrap}
.rg-p::before{content:"·";margin:0 8px 0 4px;color:var(--chalk-3)}

/* поле с магнитами: любимая схема */
.fd-kick{position:relative;display:flex;align-items:flex-end;gap:2px;height:32px}
.fd-kick .chalk{font-size:27px;line-height:1;color:var(--yel)}
.fd-arw{width:58px;height:30px;margin-bottom:-12px;fill:none;stroke:var(--yel);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.fd-arw path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .7s var(--ease-out) .9s,opacity .1s linear .9s}
.fd-f{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-top:6px}
.fd-name{font:800 44px/1 var(--disp);font-stretch:85%;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.fd-meta{font-size:14px;color:var(--chalk-2)}
.fd-f.is-swap .fd-name,.fd-f.is-swap .fd-meta{opacity:0;filter:blur(3px)}
.fd-name,.fd-meta{transition:opacity .22s var(--ease-out),filter .22s var(--ease-out)}
.fd{position:relative;container-type:inline-size;margin-top:14px;border-radius:12px;background:var(--felt);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 0 40px rgba(0,0,0,.35),0 14px 30px -14px rgba(0,0,0,.75)}
.fd-pitch{display:block;width:100%;height:auto}
.fd-pitch .st{fill:rgba(255,255,255,.028)}
.fd-pitch .pl{fill:none;stroke:rgba(238,242,234,.6);stroke-width:.34}
.fd-pitch .dot{fill:rgba(238,242,234,.6);stroke:none}
.fd-runs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.run,.run-h{fill:none;stroke:rgba(238,242,234,.82);stroke-width:.62;stroke-linecap:round;stroke-linejoin:round}
.run{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .8s var(--ease-out) 1.1s,opacity .1s linear 1.1s}
.run-h{transition:opacity .25s var(--ease-out) 1.75s}
.mg{position:absolute;left:0;top:0;z-index:1;display:grid;place-items:center;width:var(--ms,30px);height:var(--ms,30px);border-radius:50%;
  font:800 13px/1 var(--disp);color:#fff;background:var(--mag-hi),var(--red);box-shadow:var(--mag-sh);
  transform:translate(calc(var(--x)*1cqw - 50%),calc(var(--y)*1.5441cqw - 50%)) scale(var(--s,1));
  transition:transform .75s var(--ease-io) calc(var(--i)*24ms),opacity .3s var(--ease-out)}
.mg--gk{background:var(--mag-hi),#e0a521;color:#16130a}
.fd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fd-chip{min-height:38px;padding:6px 12px;border-radius:999px;font:700 14px/1 var(--disp);font-variant-numeric:tabular-nums;color:var(--chalk);
  background:rgba(238,242,234,.07);box-shadow:inset 0 0 0 1.5px var(--line-2);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s var(--ease-out)}
.fd-chip:active{transform:scale(.97)}
.fd-chip[aria-pressed=true]{background:var(--yel);color:#17140a;box-shadow:inset 0 0 0 1.5px var(--yel)}

/* лоток доски: магниты-ссылки на разделы */
.tray{position:relative;z-index:0;margin:-4px 22px 0}
.ty-in{display:flex;justify-content:center;gap:8px;padding:16px 18px 13px;border-radius:0 0 14px 14px;background:linear-gradient(#b2bab6,#7a8480 52%,#5c6561);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.25),0 16px 30px -12px rgba(0,0,0,.8)}
.ty-a{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 16px 8px 12px;border-radius:999px;white-space:nowrap;
  background:#121916;color:var(--chalk);font-weight:600;font-size:14px;box-shadow:0 2px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);transition:background-color .2s ease,transform .16s var(--ease-out)}
.ty-a:hover{background:#1d2824}
.ty-a:active{transform:scale(.97)}
.ty-m{width:16px;height:16px;border-radius:50%;background:var(--mag-hi),var(--c);box-shadow:0 1px 0 rgba(0,0,0,.5)}
.ty-a b{font:700 14px/1 var(--disp);color:var(--yel);font-variant-numeric:tabular-nums}

/* ---------- заголовки разделов: магнит с номером, мел ---------- */
.sec{margin-top:76px;scroll-margin-top:150px}
.sh{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin:0 0 26px;padding-bottom:16px}
.sh-n{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;font:800 15px/1 var(--disp);color:#1a1503;background:var(--mag-hi),var(--yel);box-shadow:var(--mag-sh)}
.sh-h{font:800 clamp(26px,2.9vw,40px)/1.05 var(--disp);font-stretch:85%;text-transform:uppercase;letter-spacing:.01em}
.sh-note{font-size:25px;line-height:1.1;color:var(--yel);padding-top:4px}
.sh-u{position:absolute;left:58px;bottom:0;width:min(440px,62%);height:12px;fill:none;stroke:rgba(238,242,234,.5);stroke-width:2.6;stroke-linecap:round}
.sh-u path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease-out) .25s,opacity .1s linear .25s}

/* ---------- 2. Маршрут по командам: магниты по порядку лет, меловая дорожка змейкой ---------- */
.rt-in{padding:34px 34px 30px}
.rt{--G:18px;--RG:30px;--chalkline:rgba(238,242,234,.5);display:grid;grid-template-columns:repeat(var(--C6),minmax(0,1fr));column-gap:var(--G);row-gap:var(--RG)}
.rt-s{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;text-align:center;grid-row:var(--r6);grid-column:var(--c6)}
.rt-s::after,.rt-s::before{content:"";position:absolute;z-index:0;pointer-events:none}
.rt-s::after{top:40px;border:0 dashed var(--chalkline);clip-path:inset(0);transition:clip-path .5s var(--ease-io) calc(var(--i)*150ms + 250ms)}
.rt-s::before{width:11px;height:11px;border-top:3px solid var(--chalkline);border-right:3px solid var(--chalkline);transition:opacity .3s ease calc(var(--i)*150ms + 600ms)}
.rt-mw{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:80px}
.rt-mg{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--mag-hi),var(--c);box-shadow:var(--mag-sh);
  transition:transform .55s var(--ease-pop) calc(var(--i)*150ms + 120ms),opacity .25s ease calc(var(--i)*150ms + 120ms),box-shadow .2s ease}
.rt-s--big .rt-mg{width:76px;height:76px}
.rt-ab{font:800 15px/1 var(--disp);font-stretch:85%;letter-spacing:.03em;color:var(--ink)}
.rt-s--big .rt-ab{font-size:20px}
.rt-fl{position:absolute;right:-7px;bottom:-2px;display:block;line-height:0}
.rt-fl .fl{width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1.5px #fff,0 2px 4px rgba(0,0,0,.5)}
.rt-s--nat .rt-mg{box-shadow:var(--mag-sh),inset 0 0 0 3px rgba(255,255,255,.8)}
.rt-no{position:absolute;top:-5px;right:-9px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 4px;border-radius:999px;
  font:700 12px/1 var(--disp);color:var(--chalk);background:var(--board);box-shadow:inset 0 0 0 1.5px rgba(238,242,234,.7)}
.rt-yr{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font:700 14px/1.2 var(--disp);font-variant-numeric:tabular-nums;color:var(--chalk-2);white-space:nowrap}
.rt-yr i{width:8px;height:8px;border-radius:50%;background:var(--era)}
.rt-tm{font-weight:700;font-size:15px;line-height:1.25;color:var(--chalk);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .2s ease}
.rt-tm:hover{text-decoration-color:var(--yel)}
.rt-kd{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-3)}
.rt-ss{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:6px;max-width:300px}
.rt-sn{padding:3px 8px;border-radius:999px;font:600 12px/1.3 var(--disp);color:var(--chalk-2);box-shadow:inset 0 0 0 1px var(--line-2);white-space:nowrap;transition:color .2s ease,box-shadow .2s ease}
.rt-sn:hover{color:var(--yel);box-shadow:inset 0 0 0 1px var(--yel)}
.rt-st{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 7px;margin-top:6px;font-size:14px}
.rt-st>*{white-space:nowrap}
.rt-st b{font-weight:700;color:var(--chalk)}
.rt-wdl{font:600 13px var(--disp);color:var(--chalk-2);font-variant-numeric:tabular-nums}
.rt-wdl i{font-style:normal;color:var(--chalk-3);margin:0 1px}
.rt-s .wdl{width:min(150px,90%);margin-top:4px}
@media (hover:hover) and (pointer:fine){
  .rt-s:hover .rt-mg{transform:scale(1.06);box-shadow:0 3px 0 rgba(0,0,0,.42),0 12px 22px rgba(0,0,0,.5),inset 0 -2px 0 rgba(0,0,0,.22);transition-delay:0s}
}

/* полоса побед, ничьих и поражений */
.wdl{display:flex;gap:2px;height:7px;border-radius:4px;overflow:hidden}
.wdl i{display:block;min-width:3px}
.wdl .w,.yc-st .w{background:var(--w)}.wdl .d,.yc-st .d{background:var(--d)}.wdl .l,.yc-st .l{background:var(--l)}

/* ---------- 3. Схемы по частоте: мини-доски ---------- */
.fms{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:18px;max-width:calc(var(--cols)*300px)}
.fm--rare{grid-column:span var(--span);align-self:start;padding:6px}
.fm--rare>*{position:relative}
.fm--rare::before{content:"";position:absolute;inset:6px;border-radius:9px;background:var(--board)}
.fr-h{padding:12px 16px 2px;font-size:26px;line-height:1;color:var(--chalk-2)}
.frs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:4px 14px;padding:8px 14px 14px}
.fr{display:grid;grid-template-columns:30px auto minmax(0,1fr);grid-template-areas:"p f r" "p n r";align-items:center;column-gap:10px;padding:8px 2px;border-top:1px dashed var(--line)}
.fr-pitch{grid-area:p;width:30px;height:auto;border-radius:3px;background:var(--felt)}
.fr-pitch .pl{fill:none;stroke:rgba(238,242,234,.45);stroke-width:1.2}
.fr-pitch .dot{display:none}
.fr-pitch .pd{fill:#d9483d}
.fr-pitch .pd--gk{fill:#e0a521}
.fr-f{grid-area:f;font:800 19px/1.1 var(--disp);font-stretch:85%;font-variant-numeric:tabular-nums;white-space:nowrap}
.fr-n{grid-area:n;font-size:13px;color:var(--chalk-2)}
/* в «редкие» попадают и схемы с 3-4 матчами (когда частых уже пять): магниты итогов переносятся, имя схемы - нет */
.fr-r{grid-area:r;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.fr-r .jr-r{width:26px;height:26px;font-size:12px;font-style:normal}
.fm{position:relative;display:flex;flex-direction:column;border-radius:14px;padding:6px;background:var(--alu);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 1px rgba(0,0,0,.5),0 18px 30px -18px rgba(0,0,0,.85)}
.fm-pw{display:block;padding:12px 18px;border-radius:9px 9px 0 0;background:var(--felt);box-shadow:inset 0 0 24px rgba(0,0,0,.35)}
.fm-pitch{display:block;width:100%;height:auto;max-width:126px;margin:0 auto}
.fm-pitch .pl{fill:none;stroke:rgba(238,242,234,.5);stroke-width:.6}
.fm-pitch .dot{fill:rgba(238,242,234,.5)}
.fm-pitch .pd{fill:#d9483d;stroke:rgba(0,0,0,.35);stroke-width:.5}
.fm-pitch .pd--gk{fill:#e0a521}
.fm-b{flex:1;display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;border-radius:0 0 9px 9px;background:var(--board)}
.fm-f{font:800 28px/1 var(--disp);font-stretch:85%;font-variant-numeric:tabular-nums}
.fm-n{font-size:14px;color:var(--chalk-2)}
.fm-bar{display:block;height:4px;border-radius:2px;background:rgba(238,242,234,.08)}
.fm-bar i{display:block;height:100%;width:calc(var(--k)*100%);border-radius:2px;background:var(--yel);transform-origin:left;transition:transform .9s var(--ease-out) calc(var(--i)*70ms + 200ms)}
.fm-r{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 8px;font-size:13px;color:var(--chalk-2);font-variant-numeric:tabular-nums}
.fm-r span{white-space:nowrap}
.fm-r span:first-child{font-family:var(--disp);font-weight:700;color:var(--chalk)}
.fm-g{font-size:12px;color:var(--chalk-3)}
.fm--top .fm-f{color:var(--yel)}

/* ---------- 4. Титулы: магниты-кубки ---------- */
.tr-in{padding:32px 34px 34px}
.trs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px 30px}
.tr{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:16px;min-width:0}
.tr-mw{position:relative;justify-self:center;display:grid;place-items:center}
.tr-mg{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;color:#3d2c06;
  background:var(--mag-hi),linear-gradient(150deg,#ffe28f 0%,#dcab3c 55%,#b3821d 100%);box-shadow:var(--mag-sh);
  transition:transform .55s var(--ease-pop) calc(var(--i)*55ms),opacity .25s ease calc(var(--i)*55ms)}
.tr--elite .tr-mg{width:82px;height:82px}
.tr--domestic .tr-mg{width:56px;height:56px}
.tr-svg{display:block;width:auto;height:58%}
.tr-b{min-width:0}
.tr-x{position:absolute;right:-10px;bottom:-6px;display:grid;place-items:center;min-width:34px;height:26px;padding:0 7px;border-radius:999px;font:800 14px/1 var(--disp);color:var(--yel);background:#101613;box-shadow:inset 0 0 0 1.5px var(--yel),0 3px 6px rgba(0,0,0,.5);font-variant-numeric:tabular-nums;
  transition:transform .4s var(--ease-pop) calc(var(--i)*55ms + 300ms),opacity .2s ease calc(var(--i)*55ms + 300ms)}
.tr-nm{display:block;font-weight:700;font-size:16px;line-height:1.3}
.tr-ss{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--chalk-2)}
.tr-h3{display:flex;align-items:baseline;gap:12px;margin:32px 0 18px;padding-top:24px;border-top:2px dashed var(--line)}
.tr-h3 .chalk{font-size:28px;line-height:1;color:var(--chalk)}
.tr-h3 b{font:800 22px/1 var(--disp);color:var(--yel)}
.trs--s{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px 28px}
.tr--s{grid-template-columns:64px minmax(0,1fr)}
.tr--s .tr-mg{width:50px;height:50px;color:#2f3634;background:var(--mag-hi),linear-gradient(150deg,#f1f4f2 0%,#b9c1bd 55%,#88918d 100%)}
.tr--s .tr-x{min-width:30px;height:24px;font-size:13px;color:var(--chalk);box-shadow:inset 0 0 0 1.5px rgba(238,242,234,.7),0 3px 6px rgba(0,0,0,.5)}
.tr--s .tr-nm{font-size:15px}
@media (hover:hover) and (pointer:fine){ .tr:hover .tr-mg{transform:rotate(-8deg) scale(1.05);transition-delay:0s} }

/* ---------- 5. Крупные победы: карточки на магнитах ---------- */
.bws{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.bw{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 18px 16px;border-radius:12px;background:var(--board);
  box-shadow:inset 0 0 0 1px rgba(238,242,234,.1),inset 0 4px 0 var(--era),0 20px 34px -20px rgba(0,0,0,.9)}
.bw:nth-child(odd){rotate:-.7deg}
.bw:nth-child(even){rotate:.6deg}
.bw-pin{position:absolute;top:-11px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--mag-hi),var(--red);box-shadow:var(--mag-sh)}
.bw-top{font-size:13px;line-height:1.35}
.bw-cp{position:relative;z-index:1;color:var(--chalk-2)}
.bw-cp:hover{color:var(--chalk)}
.cmk{display:inline-grid;place-items:center;min-width:30px;height:20px;margin-right:7px;padding:0 5px;border-radius:5px;font:800 12px/1 var(--disp);font-style:normal;color:var(--cci,#fff);background:var(--cc);vertical-align:1px}
.bw-st{margin-top:4px;font-size:13px;color:var(--chalk-3)}
.bw-sc{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:14px 0 10px}
.bw-go{font:800 58px/1 var(--disp);font-stretch:80%;letter-spacing:-.01em;color:var(--chalk);font-variant-numeric:tabular-nums}
.bw-go i{font-style:normal;color:var(--yel);margin:0 2px}
.bw-go::after{content:"";position:absolute;inset:0;z-index:0;border-radius:12px}
.bw-go:hover{color:var(--yel)}
.xs{display:block;font-size:12px;font-weight:600;color:var(--chalk-3);white-space:nowrap}
.bw-tms{display:grid;gap:6px}
.bw-t{position:relative;z-index:1;display:flex;align-items:center;gap:9px;min-width:0;font-size:15px;line-height:1.25;color:var(--chalk-2);width:max-content;max-width:100%}
.bw-t.is-own{color:var(--chalk);font-weight:700}
.bw-t.is-own span{box-shadow:inset 0 -2px 0 var(--yel)}
.bw-t:hover span{color:var(--yel)}
.bw-d{margin-top:auto;padding-top:12px;font-size:13px;color:var(--chalk-3)}

/* ---------- 6. Журнал матчей ---------- */
.jr-in{padding:28px 30px 30px}
.jf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:20px 40px;margin-bottom:24px;padding-bottom:24px;border-bottom:2px dashed var(--line)}
.jf-y{grid-row:span 2;min-width:0}
.jf-g{min-width:0}
.jf-l{margin:0 0 10px;font:600 24px/1 var(--hand);color:var(--chalk-2)}
.ycs{display:grid;grid-template-columns:repeat(var(--n),minmax(34px,1fr));gap:4px;align-items:end}
.yc{min-width:0;height:100%}
.yc-b,.yc--0{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;width:100%;padding:6px 0 4px;border-radius:9px;transition:background-color .2s ease,box-shadow .2s ease}
.yc-b:hover{background:rgba(238,242,234,.06)}
.yc-b[aria-pressed=true]{background:rgba(255,210,63,.13);box-shadow:inset 0 0 0 1.5px var(--yel)}
.yc-n{font:700 13px/1 var(--disp);color:var(--chalk-2);font-variant-numeric:tabular-nums}
.yc-bar{display:flex;flex-direction:column;justify-content:flex-end;width:62%;max-width:26px;height:150px}
.yc--0 .yc-bar{border-bottom:2px solid var(--line)}
.yc-st{display:flex;flex-direction:column;height:calc(var(--h)*100%);gap:2px;border-radius:4px 4px 2px 2px;overflow:hidden;transform-origin:bottom;transition:transform .8s var(--ease-out) calc(var(--i)*45ms + 150ms)}
.yc-st i{display:block;min-height:3px}
.yc-y{font:700 12px/1 var(--disp);color:var(--era);font-variant-numeric:tabular-nums}
.yc--0 .yc-y{color:var(--chalk-3)}
.fcs{display:flex;flex-wrap:wrap;gap:8px}
.fc{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:6px 14px 6px 8px;border-radius:999px;font-size:14px;font-weight:600;color:var(--chalk);
  background:rgba(238,242,234,.05);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .2s ease,box-shadow .2s ease,transform .16s var(--ease-out);text-align:left}
.fc--t{padding-left:12px}
.fc .cmk{margin-right:0}
.fc b{font:700 15px/1 var(--disp);color:var(--yel);font-variant-numeric:tabular-nums}
.fc-r{font-size:12px;color:var(--chalk-3);font-variant-numeric:tabular-nums}
.fc:hover{background:rgba(238,242,234,.09)}
.fc:active{transform:scale(.97)}
.fc[aria-pressed=true]{background:rgba(255,210,63,.13);box-shadow:inset 0 0 0 1.5px var(--yel)}
.jst{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 16px;padding:10px 12px 10px 16px;border-radius:10px;background:rgba(255,210,63,.09)}
.jst-t{font-size:15px;font-weight:600}
.jst-x{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600;color:var(--yel);box-shadow:inset 0 0 0 1.5px rgba(255,210,63,.6)}
.jst-x:active{transform:scale(.97)}
.jh,.jr{display:grid;grid-template-columns:92px 196px minmax(0,1fr) 84px minmax(0,1fr) 66px 34px;gap:12px;align-items:center}
.jh{padding:0 12px 8px 16px;font:700 12px/1.2 var(--disp);letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-3)}
.jh-m{grid-column:3/6;text-align:center}
.jr{position:relative;padding:11px 12px 11px 16px;border-top:1px dashed rgba(238,242,234,.13);transition:background-color .2s ease}
.jr::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--era)}
.jr:hover{background:rgba(238,242,234,.035)}
.jr-d{font:600 14px/1.2 var(--disp);color:var(--chalk-2);font-variant-numeric:tabular-nums}
.jr-cp{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13px;line-height:1.3}
.jr-cp a{color:var(--chalk);font-weight:600}
.jr-cp a:hover{color:var(--yel)}
.jr-st{color:var(--chalk-3)}
.jr-h,.jr-a{display:flex;align-items:center;gap:9px;min-width:0;font-size:15px;line-height:1.25;color:var(--chalk-2)}
.jr-h{flex-direction:row-reverse;text-align:right}
.jr-h.is-own,.jr-a.is-own{color:var(--chalk);font-weight:700}
.jr-h:hover span,.jr-a:hover span{color:var(--yel)}
.jr-sc{text-align:center;line-height:1.2}
.jr-sc a{display:inline-block;min-width:58px;padding:4px 8px;border-radius:7px;font:800 17px/1.2 var(--disp);color:var(--chalk);background:rgba(238,242,234,.08);font-variant-numeric:tabular-nums;transition:background-color .2s ease,color .2s ease}
.jr-sc a:hover{background:var(--yel);color:#17140a}
.jr-sc .xs{margin-top:3px}
.jr-f{font:600 13px/1.2 var(--disp);color:var(--chalk-3);font-variant-numeric:tabular-nums}
.jr-r{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:800 13px/1 var(--disp);color:#0c110f;background:var(--mag-hi),var(--c);box-shadow:0 2px 0 rgba(0,0,0,.4)}
.jr-r--W{--c:var(--w)}.jr-r--D{--c:var(--d)}.jr-r--L{--c:var(--l)}
.jm-s{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;text-align:center;min-height:44px;margin:18px auto 0;padding:10px 22px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;list-style:none;
  box-shadow:inset 0 0 0 1.5px var(--line-2);transition:box-shadow .2s ease,color .2s ease}
.jm-s::-webkit-details-marker{display:none}
.jm-s:hover{color:var(--yel);box-shadow:inset 0 0 0 1.5px var(--yel)}
.jm-s .ic{transition:transform .25s var(--ease-out)}
.jm[open]>summary.jm-s{margin:6px auto 16px}
.jm[open]>summary.jm-s .ic{transform:rotate(180deg)}
.jm[open] .jm-o,.jm:not([open]) .jm-c{display:none}
.jr.is-later{display:none}
.jm-next{margin:18px auto 0}
.j0{padding:28px 0 10px;text-align:center;font:600 26px/1.2 var(--hand);color:var(--chalk-2)}

/* ---------- Движение: исходные состояния только под .cb-js ---------- */
.cb-js [data-rv]{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:calc(var(--i,0)*70ms)}
.cb-js [data-rv]:not(.is-in){opacity:0;transform:translateY(16px)}
.cb-js .pc:not(.is-in) .pc-ph{opacity:0;transform:translateY(-18px) rotate(-6deg)}
.cb-js .pc:not(.is-in) .pc-pin{opacity:0;transform:scale(.6) translateY(-10px)}
.cb-js .rg:not(.is-in) .rg-a{stroke-dasharray:0 400}
.cb-js .fd:not(.is-in) .mg{opacity:0;--s:.55}
.cb-js .fd.is-pop .mg{transition:transform .55s var(--ease-pop) calc(var(--i)*45ms + 250ms),opacity .25s ease calc(var(--i)*45ms + 250ms)}
.cb-js .fd:not(.is-in) .run{stroke-dashoffset:1;opacity:0}
.cb-js .fd:not(.is-in) .run-h,.fd.is-redraw .run-h{opacity:0}
.fd.is-redraw .run{stroke-dashoffset:1;opacity:0;transition:none}
.fd.is-redraw .run-h{transition:none}
.cb-js .fd-col:not(.is-in) .fd-arw path{stroke-dashoffset:1;opacity:0}
.cb-js .sh:not(.is-in) .sh-u path{stroke-dashoffset:1;opacity:0}
.cb-js .rt:not(.is-in) .rt-s::after{clip-path:var(--clip,inset(0 100% 0 0))}
.cb-js .rt:not(.is-in) .rt-s::before{opacity:0}
.cb-js .rt:not(.is-in) .rt-mg{opacity:0;transform:scale(.6)}
.cb-js .rt:not(.is-in) :is(.rt-yr,.rt-tm,.rt-kd,.rt-ss,.rt-st,.wdl){opacity:0}
.rt-s :is(.rt-yr,.rt-tm,.rt-kd,.rt-ss,.rt-st,.wdl){transition:opacity .5s var(--ease-out) calc(var(--i)*150ms + 260ms)}
.cb-js .fms:not(.is-in) .fm-bar i{transform:scaleX(0)}
.cb-js .trs:not(.is-in) .tr-mg{opacity:0;transform:scale(.7) rotate(-14deg)}
.cb-js .trs:not(.is-in) .tr-x{opacity:0;transform:scale(.6)}
.cb-js .ycs:not(.is-in) .yc-st{transform:scaleY(0)}

@media (prefers-reduced-motion:reduce){
  .cb *,.cb *::before,.cb *::after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}
  .cb-js [data-rv]{transition:opacity .3s ease!important}
  .cb-js [data-rv]:not(.is-in){transform:none}
}

/* ---------- планшет ---------- */
@media (max-width:1279px){
  .bws{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1179px) and (min-width:760px){
  .hero-in{grid-template-columns:190px minmax(0,1fr) 250px;grid-template-rows:auto auto auto 1fr auto auto auto;
    grid-template-areas:"ph kick fd" "ph h1 fd" "ph en fd" "ph . fd" "facts facts fd" "ring ring fd" "htr htr fd";gap:0 30px;padding:34px 32px 38px}
  .h-main{display:contents}
  .h-ph{padding-top:8px}
  .h-kick{grid-area:kick}.h1{grid-area:h1;margin-top:12px}.h-en{grid-area:en}.h-facts{grid-area:facts;margin-top:30px}.rg{grid-area:ring}.h-tr{grid-area:htr}
  .h1-b{font-size:clamp(40px,5vw,56px)}
  .fd-name{font-size:36px}
  .rt{grid-template-columns:repeat(var(--C4),minmax(0,1fr))}
  .fms{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
  .fm--rare{grid-column:1/-1}
  .rt-s{grid-row:var(--r4);grid-column:var(--c4)}
  .jh,.jr{grid-template-columns:86px 168px minmax(0,1fr) 78px minmax(0,1fr) 58px 32px;gap:10px}
  .jf{grid-template-columns:minmax(0,1fr)}
  .jf-y{grid-row:auto}
}
/* соединители маршрута: компьютер (6 в ряд) и планшет (4 в ряд) */
@media (min-width:1180px){
  .rt-s[data-k6=r]::after{left:50%;width:calc(100% + var(--G));border-top-width:3px}
  .rt-s[data-k6=l]::after{right:50%;width:calc(100% + var(--G));border-top-width:3px;--clip:inset(0 0 0 100%)}
  .rt-s[data-k6=ur]::after{left:50%;width:calc(50% + 16px);height:calc(100% + var(--RG));border-width:3px 3px 3px 0;border-radius:0 46px 46px 0;--clip:inset(0 0 100% 0)}
  .rt-s[data-k6=ul]::after{right:50%;width:calc(50% + 16px);height:calc(100% + var(--RG));border-width:3px 0 3px 3px;border-radius:46px 0 0 46px;--clip:inset(0 0 100% 0)}
  .rt-s[data-k6=r]::before{top:40px;left:calc(100% + var(--G)/2);transform:translate(-50%,-50%) rotate(45deg)}
  .rt-s[data-k6=l]::before{top:40px;left:calc(var(--G)/-2);transform:translate(-50%,-50%) rotate(-135deg)}
  .rt-s[data-k6=ur]::before{top:calc(40px + (100% + var(--RG))/2);left:calc(100% + 16px - 1.5px);transform:translate(-50%,-50%) rotate(135deg)}
  .rt-s[data-k6=ul]::before{top:calc(40px + (100% + var(--RG))/2);left:calc(-16px + 1.5px);transform:translate(-50%,-50%) rotate(135deg)}
  .rt-s[data-k6=end]::before{display:none}
}
@media (max-width:1179px) and (min-width:760px){
  .rt-s[data-k4=r]::after{left:50%;width:calc(100% + var(--G));border-top-width:3px}
  .rt-s[data-k4=l]::after{right:50%;width:calc(100% + var(--G));border-top-width:3px;--clip:inset(0 0 0 100%)}
  .rt-s[data-k4=ur]::after{left:50%;width:calc(50% + 14px);height:calc(100% + var(--RG));border-width:3px 3px 3px 0;border-radius:0 46px 46px 0;--clip:inset(0 0 100% 0)}
  .rt-s[data-k4=ul]::after{right:50%;width:calc(50% + 14px);height:calc(100% + var(--RG));border-width:3px 0 3px 3px;border-radius:46px 0 0 46px;--clip:inset(0 0 100% 0)}
  .rt-s[data-k4=r]::before{top:40px;left:calc(100% + var(--G)/2);transform:translate(-50%,-50%) rotate(45deg)}
  .rt-s[data-k4=l]::before{top:40px;left:calc(var(--G)/-2);transform:translate(-50%,-50%) rotate(-135deg)}
  .rt-s[data-k4=ur]::before{top:calc(40px + (100% + var(--RG))/2);left:calc(100% + 14px - 1.5px);transform:translate(-50%,-50%) rotate(135deg)}
  .rt-s[data-k4=ul]::before{top:calc(40px + (100% + var(--RG))/2);left:calc(-14px + 1.5px);transform:translate(-50%,-50%) rotate(135deg)}
  .rt-s[data-k4=end]::before{display:none}
}

/* ---------- телефон: своя раскладка ---------- */
@media (max-width:759px){
  .cb{font-size:15px;padding:10px 0 72px}
  .cb-in{padding:0 14px}
  .crumbs ol{margin:2px 0 12px}
  .bd{padding:6px;border-radius:16px}
  .bd-in{border-radius:11px}
  .hero-in{grid-template-columns:118px minmax(0,1fr);grid-template-areas:"kick kick" "h1 h1" "en en" "ph facts" "ring ring" "fd fd";gap:0 16px;padding:22px 18px 24px}
  .h-main{display:contents}
  .h-kick{grid-area:kick;font-size:12px}
  .h1{grid-area:h1;margin-top:10px}
  .h1-a{font-size:24px;margin-bottom:2px}
  .h1-b{font-size:clamp(36px,11.4vw,48px)}
  .h-en{grid-area:en;margin-top:6px;font-size:14px}
  .h-ph{grid-area:ph;padding-top:30px}
  .pc-ph{box-shadow:0 0 0 5px #eceee8,0 0 0 6px rgba(0,0,0,.25),0 14px 26px -10px rgba(0,0,0,.85)}
  .pc-pin{width:22px;height:22px;margin-left:-11px;top:-10px}
  .pc-cr{margin-top:14px}
  .pc-nm{font-size:22px}
  .pc-flag{width:30px;height:30px;top:7px;right:7px}
  .h-facts{grid-area:facts;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:22px}
  .hf{padding-left:10px}
  .hf dt{font-size:12px;letter-spacing:.08em}
  .hf dd{font-size:15px}
  .rg{grid-area:ring;margin-top:24px;gap:18px;padding-top:20px;border-top:2px dashed var(--line)}
  .rg-c{width:118px;height:118px}
  .rg-n b{font-size:32px}
  .rg-li{grid-template-columns:12px 34px auto;gap:8px;font-size:14px}
  .rg-li b{font-size:19px}
  .rg-g{font-size:13px}
  .rg-p{display:block}
  .rg-p::before{display:none}
  .fd-col{grid-area:fd;margin-top:24px;padding-top:18px;border-top:2px dashed var(--line)}
  .fd-kick .chalk{font-size:25px}
  .fd-name{font-size:38px}
  .fd{width:min(250px,78%);margin:14px auto 0}
  .mg{--ms:24px;font-size:12px}
  .fd-chips{justify-content:center}
  .fd-chips{gap:6px}
  .fd-chip{min-height:44px;padding:6px 11px;font-size:14px}
  .tray{margin:-4px 10px 0}
  .ty-in{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:14px 12px 12px;scroll-padding-inline:12px}
  .ty-in::-webkit-scrollbar{display:none}
  .ty-a{min-height:44px;padding:8px 14px 8px 11px}
  .sec{margin-top:54px;scroll-margin-top:120px}
  .sh{gap:4px 12px;margin-bottom:20px;padding-bottom:14px}
  .sh-n{width:36px;height:36px;font-size:14px}
  .sh{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:2px}
  .sh-h{grid-column:2;font-size:25px}
  .sh-note{grid-column:2;font-size:23px;padding-top:0}
  .sh-u{left:48px;width:70%}
  /* маршрут - лента магнитов вбок, подробный порядок по годам - на оси ниже */
  .rt-in{padding:20px 0 12px}
  .rt{--G:0px;display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:0 10px 4px;scroll-padding-inline:10px;scrollbar-width:none}
  .rt::-webkit-scrollbar{display:none}
  .rt-s{flex:0 0 118px;padding:0 6px;scroll-snap-align:start}
  .rt-mw{height:70px}
  .rt-mg{width:48px;height:48px}
  .rt-s--big .rt-mg{width:60px;height:60px}
  .rt-ab{font-size:13px}
  .rt-s--big .rt-ab{font-size:16px}
  .rt-fl .fl{width:18px;height:12px}
  .rt-tm{font-size:14px}
  .rt-st{font-size:13px}
  .rt-s .wdl{width:88%}
  .rt-ss{max-width:none}
  .rt-s::after{left:50%;top:35px;width:100%;border-top-width:3px}
  .rt-s:last-child::after,.rt-s:last-child::before{display:none}
  .rt-s::before{top:35px;left:100%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px}
  /* схемы - лента с прокруткой вбок */
  .fms{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:4px 14px 14px;scroll-padding-inline:14px;scrollbar-width:none}
  .fms::-webkit-scrollbar{display:none}
  .fm{flex:0 0 156px;scroll-snap-align:start}
  .fm--rare{flex-basis:250px}
  .frs{grid-template-columns:minmax(0,1fr)}
  .fm-pw{padding:10px 16px}
  .fm-f{font-size:25px}
  /* титулы */
  .tr-in{padding:22px 16px 24px}
  .trs,.trs--s{grid-template-columns:minmax(0,1fr);gap:16px}
  .tr{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .tr-mg{width:56px;height:56px}
  .tr--elite .tr-mg{width:64px;height:64px}
  .tr--domestic .tr-mg{width:50px;height:50px}
  .tr--s{grid-template-columns:64px minmax(0,1fr)}
  .tr--s .tr-mg{width:44px;height:44px}
  .tr-h3{margin:24px 0 14px;padding-top:18px}
  /* крупные победы - список */
  .bws{grid-template-columns:minmax(0,1fr);gap:16px}
  .bw{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"top top" "st st" "sc tms" "d d";column-gap:16px;padding:20px 16px 14px}
  .bw:nth-child(odd),.bw:nth-child(even){rotate:none}
  .bw-top{grid-area:top}.bw-st{grid-area:st}.bw-sc{grid-area:sc;margin:12px 0 0;flex-direction:column;align-items:flex-start}.bw-tms{grid-area:tms;align-self:center;margin-top:12px}.bw-d{grid-area:d}
  .bw-go{font-size:46px}
  /* журнал */
  .jr-in{padding:20px 12px 20px}
  .jf{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:18px;padding-bottom:18px}
  .jf-y{grid-row:auto}
  .ycs{grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:3px}
  .yc-c{display:none}
  .yc-y::before{content:"’"}
  .ycs--long{display:flex;overflow-x:auto;margin:0 -12px;padding:0 12px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .ycs--long::-webkit-scrollbar{display:none}
  .ycs--long .yc{flex:0 0 36px}
  .yc-bar{height:92px}
  .fcs{flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:2px 12px 4px;scrollbar-width:none}
  .fcs::-webkit-scrollbar{display:none}
  .fc{flex:none;min-height:44px}
  .jh{display:none}
  .jr{grid-template-columns:minmax(0,1fr) auto 30px;grid-template-areas:"d f ." "cp cp ." "h sc r" "a sc r";gap:4px 12px;padding:13px 4px 13px 12px}
  .jr::before{top:12px;bottom:12px}
  .jr-d{grid-area:d;font-size:13px}
  .jr-f{grid-area:f;text-align:right;font-size:12px}
  .jr-cp{grid-area:cp;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:12px;margin-bottom:4px}
  .jr-h,.jr-a{flex-direction:row;text-align:left;font-size:15px;gap:9px}
  .jr-h{grid-area:h}.jr-a{grid-area:a}
  .jr-sc{grid-area:sc;align-self:center}
  .jr-r{grid-area:r;align-self:center;width:28px;height:28px;font-size:12px}
  .jr-sc a{min-width:52px;font-size:16px;padding:5px 6px}
  .jr .fl{width:20px;height:14px}
  .jst{flex-wrap:wrap}
}

/* ---------- главные титулы на первом экране ---------- */
.h-tr{display:block;margin-top:24px;padding-top:16px;border-top:2px dashed var(--line);color:inherit}
.h-tr-l{display:block;margin-bottom:12px;font-size:24px;line-height:1;color:var(--yel)}
.hts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px}
.ht{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.ht .tr-mw{justify-self:center}
.ht .tr-mg{width:52px;height:52px}
.ht.tr--elite .tr-mg{width:58px;height:58px}
.ht.tr--domestic .tr-mg{width:48px;height:48px}
.ht .tr-x{right:-9px;bottom:-5px;min-width:30px;height:22px;padding:0 6px;font-size:12px}
.ht-nm{font-weight:700;font-size:14px;line-height:1.3}
.ht-all{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:600;color:var(--chalk-2);transition:color .2s ease}
.ht-all .ic{width:16px;height:16px;transition:transform .2s var(--ease-out)}
.h-tr:hover .ht-all{color:var(--yel)}
.h-tr:hover .ht-all .ic{transform:translateX(3px)}

/* ---------- один титул: своя раскладка ---------- */
.tr-solo{--i:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:34px;padding:4px 6px}
.tr-solo .tr-mg{width:120px;height:120px}
.tr-solo-t{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px}
.tr-solo-x{font:800 58px/1 var(--disp);font-stretch:85%;color:var(--yel);font-variant-numeric:tabular-nums}
.tr-solo .tr-nm{font-size:26px;line-height:1.2}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tr-chips li{padding:7px 15px;border-radius:999px;font:700 15px/1.2 var(--disp);font-variant-numeric:tabular-nums;color:var(--chalk);background:rgba(238,242,234,.05);box-shadow:inset 0 0 0 1.5px var(--line-2)}

/* ---------- титулы: переключатель только на телефоне ---------- */
.tr-more{display:none}
.tr-more[open] .jm-o,.tr-more:not([open]) .jm-c{display:none}
.tr-more[open]>.jm-s .ic{transform:rotate(180deg)}

@media (max-width:759px){
  .hero-in{grid-template-areas:"kick kick" "h1 h1" "en en" "ph facts" "ring ring" "htr htr" "fd fd"}
  .h-tr{grid-area:htr;margin-top:22px;padding-top:18px}
  .hts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
  .ht{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:10px}
  .ht .tr-mg{width:50px;height:50px}
  .ht.tr--elite .tr-mg{width:54px;height:54px}
  .ht.tr--domestic .tr-mg{width:46px;height:46px}
  .ht-nm{font-size:13px}
  .ht-all{margin-top:14px}
  .trs--w,.trs--s{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .trs--w .tr,.trs--s .tr{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:10px}
  .trs--w .tr-ss,.trs--s .tr-ss{font-size:12px}
  .tr-more{display:block}
  .tr-more[open]>.jm-s{margin:22px auto 0}
  .tr-in:has(.tr-more:not([open])) .trs--w .tr:nth-child(n+7),
  .tr-in:has(.tr-more:not([open])) .tr-pl{display:none}
  .tr-solo{grid-template-columns:84px minmax(0,1fr);gap:18px;padding:0}
  .tr-solo .tr-mg{width:84px;height:84px}
  .tr-solo-x{font-size:40px}
  .tr-solo .tr-nm{font-size:19px}
  .tr-chips{gap:6px;margin-top:12px}
  .tr-chips li{padding:6px 11px;font-size:13px}
}

/* ---------- Карьера по годам: устройство как в варианте Б, материалы доски ---------- */
.tl-in{padding:30px 30px 24px}
.tl{margin:0}
.tl-plot{position:relative}
.tl-ys{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));align-items:stretch;height:var(--tlh,310px);border-bottom:2px solid rgba(238,242,234,.7)}
.tl-ys::before{content:"";position:absolute;inset:auto 0 0;height:150px;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 49px,rgba(238,242,234,.09) 49px 50px)}
.tl-div{display:none}
.tl-y{position:relative;display:flex;flex-direction:column-reverse;align-items:center;min-width:0;border-radius:8px 8px 0 0;transition:background-color .2s ease}
.tl-y:hover,.tl-y:focus-within,.tl-y.is-sel{background:rgba(238,242,234,.06)}
.tl-y.is-sel{box-shadow:inset 0 -4px 0 var(--yel)}
.tl-ln,.tl-news,.tl-rec{display:none}
.tl-m{display:contents}
.tl-bars{order:1;display:flex;flex-direction:column-reverse;gap:2px;width:58%;max-width:42px;height:calc(var(--v)*150px);border-radius:4px 4px 0 0;overflow:hidden;transform-origin:50% 100%;
  transition:transform .55s var(--ease-out) calc(var(--k,0)*22ms)}
.tl-bars i{display:block;min-height:2px}
.tl-bars .w{background:var(--w)}.tl-bars .d{background:var(--d)}.tl-bars .l{background:var(--l)}
.tl-n{order:2;margin-bottom:6px;font:800 15px/1 var(--disp);color:var(--chalk);font-variant-numeric:tabular-nums;transition:opacity .4s ease calc(var(--k,0)*22ms + .25s)}
.tl-cups{order:3;display:flex;flex-direction:column-reverse;align-items:center;gap:3px;margin-bottom:8px}
.tl-cup{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#2f3634;line-height:0;
  background:var(--mag-hi),linear-gradient(150deg,#f1f4f2 0%,#b9c1bd 55%,#88918d 100%);box-shadow:0 1px 0 rgba(0,0,0,.45),0 3px 6px rgba(0,0,0,.4);
  transition:opacity .4s ease calc(var(--k,0)*22ms + .3s),transform .45s var(--ease-pop) calc(var(--k,0)*22ms + .3s)}
.tl-cup.t-elite{color:#3d2c06;background:var(--mag-hi),linear-gradient(150deg,#ffe28f 0%,#dcab3c 55%,#b3821d 100%)}
.tl-cup svg{display:block;width:auto;height:14px}
.tl-yr{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);padding:2px 1px;font:600 13px/1 var(--disp);color:var(--chalk-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.tl-y.is-5 .tl-yr{color:var(--chalk-2);font-weight:800;font-size:14px}
a.tl-yr{color:var(--chalk);font-weight:800;border-bottom:2px solid var(--yel)}
a.tl-yr:hover{background:var(--yel);color:#17140a;border-radius:3px 3px 0 0}
/* подсказка года - магнитная карточка под осью */
.tl-tip{position:absolute;z-index:5;top:calc(100% + 36px);left:calc(100% + 6px);display:flex;flex-direction:column;gap:5px;width:260px;padding:14px 16px;border-radius:12px;
  background:#0f1513;color:var(--chalk);font-size:14px;line-height:1.45;box-shadow:inset 0 0 0 1.5px rgba(238,242,234,.24),0 20px 36px -12px rgba(0,0,0,.85);
  opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out),visibility 0s .16s}
.tl-tip::before{content:"";position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--mag-hi),var(--red);box-shadow:var(--mag-sh)}
.tl-y.tip-r .tl-tip{left:auto;right:calc(100% + 6px)}
.tl-y:hover .tl-tip,.tl-y:focus-within .tl-tip{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.tt-y{font:800 30px/1 var(--disp)}
.tt-e{align-self:flex-start;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--eb);color:var(--et);box-shadow:inset 0 0 0 1px var(--ea)}
.tt-t{font-weight:700}
.tt-r{color:var(--chalk-2)}
.tt-c{color:var(--yel)}
/* полосы команд - магнитные ленты с магнитом в начале */
.tl-lanes{position:relative;height:calc(var(--lanes)*40px);margin-top:42px}
.tl-bar{position:absolute;top:calc(var(--lane)*40px + 22px);height:10px;border-radius:999px;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,0) 60%),var(--tc);
  box-shadow:0 2px 0 rgba(0,0,0,.4),inset 0 -2px 0 rgba(0,0,0,.2);transform-origin:0 50%;transition:transform .7s var(--ease-io) calc(var(--i,0)*50ms + .1s)}
.tl-bar::before{content:"";position:absolute;left:-3px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--mag-hi),var(--tc);box-shadow:0 2px 0 rgba(0,0,0,.45),0 4px 8px rgba(0,0,0,.4)}
.tl-bar.is-open{-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent)}
.tl-lab{position:absolute;top:calc(var(--lane)*40px);padding-right:4px;font-weight:700;font-size:14px;line-height:1.2;color:var(--tcx);white-space:nowrap}
.tl-lab.is-r{text-align:right;padding:0 0 0 4px}
.tl-lab:hover{text-decoration:underline;text-underline-offset:3px}
/* эпохи сайта под осью */
.tl-eras{position:relative;height:30px;margin-top:12px}
.tl-eras span{position:absolute;top:0;height:100%;display:flex;align-items:center;padding-left:8px;overflow:hidden;background:var(--eb);border-top:3px solid var(--ea)}
.tl-eras span+span{box-shadow:inset 2px 0 0 var(--board)}
.tl-eras span:first-child{border-bottom-left-radius:8px}
.tl-eras span:last-child{border-bottom-right-radius:8px}
.tl-eras em{font:700 12px/1 var(--disp);font-style:normal;color:var(--et);white-space:nowrap}
.tl figcaption{margin-top:16px}
.tl-leg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:14px;color:var(--chalk-2)}
.tl-leg span{display:inline-flex;align-items:center;gap:8px}
.tl-leg i{display:block;width:14px;height:14px;border-radius:50%;background:var(--mag-hi),var(--c);box-shadow:0 1px 0 rgba(0,0,0,.4)}
.tl-leg .w{--c:var(--w)}.tl-leg .d{--c:var(--d)}.tl-leg .l{--c:var(--l)}
.tl-leg .tl-cup{width:20px;height:20px}
.tl-leg .tl-cup svg{height:12px}
/* движение: столбики растут, магниты-кубки щёлкают, ленты вытягиваются */
.cb-js .tl:not(.is-in) .tl-bars{transform:scaleY(0)}
.cb-js .tl:not(.is-in) .tl-n{opacity:0}
.cb-js .tl:not(.is-in) .tl-ys .tl-cup{opacity:0;transform:scale(.6)}
.cb-js .tl:not(.is-in) .tl-bar{transform:scaleX(0)}

@media (max-width:1180px){
  .tl-yr,.tl-y.is-5 .tl-yr{font-size:13px}
  .tl-y:not(.is-5):not(.has-m) .tl-yr{display:none}
}
/* телефон и узкий планшет: вертикальная ось главами эпох */
@media (max-width:900px){
  .tl-in{padding:18px 14px 16px}
  .tl-ys{display:block;height:auto;border-bottom:0}
  .tl-ys::before{display:none}
  .tl-lanes,.tl-eras,.tl-tip{display:none}
  .tl-div{display:flex;align-items:baseline;gap:10px;margin-top:16px;padding:9px 12px;border-radius:10px;background:var(--eb);box-shadow:inset 4px 0 0 var(--ea)}
  .tl-div:first-child{margin-top:0}
  .tl-div span{font:700 15px/1.2 var(--disp);color:var(--et)}
  .tl-div small{font:600 13px/1 var(--disp);color:var(--et)}
  .tl-y{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;grid-template-areas:"ln yr m cups";align-items:center;column-gap:10px;min-height:42px;border-radius:0;border-bottom:1px dashed rgba(238,242,234,.13)}
  .tl-y:hover,.tl-y:focus-within{background:transparent}
  .tl-y.is-sel{background:rgba(255,210,63,.08);box-shadow:inset 3px 0 0 var(--yel)}
  .tl-ln{grid-area:ln;display:flex;align-self:stretch;gap:3px}
  .tl-ln i{display:block;width:6px;border-radius:3px;background:var(--tc,transparent)}
  .tl-yr{grid-area:yr;position:static;transform:none;justify-self:start;font-size:17px}
  .tl-y.is-5 .tl-yr{font-size:17px}
  .tl-y:not(.is-5):not(.has-m) .tl-yr{display:block}
  a.tl-yr{padding:9px 3px 7px;margin:-9px -3px -7px}
  .tl-m{grid-area:m;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;padding:8px 0}
  .tl-news{display:flex;flex-wrap:wrap;gap:4px 10px;width:100%}
  .tl-news:empty{display:none}
  .tl-new{font-size:15px;font-weight:700;color:var(--tcx)}
  .tl-new:hover{text-decoration:underline;text-underline-offset:3px}
  .tl-new small{font-size:13px;font-weight:500;color:var(--chalk-3)}
  .tl-bars{flex-direction:row;width:calc(var(--v)*46%);max-width:none;height:12px;border-radius:3px;transform-origin:0 50%}
  .tl-bars i{min-height:0;min-width:2px}
  .tl-n{display:none}
  .tl-rec{display:block;font-size:13px;color:var(--chalk-2);white-space:nowrap}
  .tl-cups{grid-area:cups;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:100px;margin:0;gap:4px}
  .cb-js .tl:not(.is-in) .tl-bars{transform:scaleX(0)}
  .tl-leg{gap:8px 16px;font-size:13px}
}

/* ---------- Как игрок: досье игрока на отдельной части доски ---------- */
.pl-in{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px 46px;padding:34px 34px 34px}
.pl-side{display:flex;flex-direction:column;gap:22px;min-width:0}
.pl-card{position:relative;margin:0;padding:12px 12px 14px;border-radius:6px;background:#eceee8;color:#25302b;rotate:1.4deg;
  box-shadow:0 0 0 1px rgba(0,0,0,.25),0 22px 40px -14px rgba(0,0,0,.85);transition:opacity .6s var(--ease-out),transform .8s var(--ease-out)}
.pl-pin{position:absolute;z-index:2;top:-12px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:var(--mag-hi),#2f6fd6;box-shadow:var(--mag-sh)}
.pl-ph{display:block;aspect-ratio:4/5;border-radius:3px;overflow:hidden;background:#dfe3dc}
.pl-ph img{width:100%;height:100%;object-fit:cover}
.pl-ph--none{display:grid;place-items:center;background:#e3e7df}
.pl-shirt{display:block;width:80%;height:auto}
.pl-shirt .sh-body{fill:#f8f9f5;stroke:#2c3833;stroke-width:3;stroke-linejoin:round}
.pl-shirt .sh-col{fill:none;stroke:#2c3833;stroke-width:3;stroke-linecap:round}
.pl-shirt .sh-nm{font:800 12px/1 var(--disp);letter-spacing:.06em;text-anchor:middle;fill:#2c3833}
.pl-shirt .sh-no{font:800 46px/1 var(--disp);text-anchor:middle;fill:#2f6fd6}
.pl-shirt .sh-yr{font:800 13px/1 var(--disp);text-anchor:middle;fill:#2f6fd6}
.pl-emb{position:absolute;top:20px;right:20px;width:34px;height:38px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.pl-emb svg{display:block;width:100%;height:100%}
.pl-cap{margin-top:12px;text-align:center}
.pl-cap b{display:block;font:800 17px/1.2 var(--disp);font-stretch:88%;text-transform:uppercase}
.pl-cap span{display:block;margin-top:2px;font-size:13px;color:#4b5651}
.pl-cr{display:block;margin-top:8px;font-size:12px;color:#4b5651}
.pl-cr a{text-decoration:underline;text-underline-offset:2px}
.pl-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.pl-go{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:14px 14px 14px 20px;border-radius:16px;background:var(--yel);color:#17140a;
  box-shadow:0 3px 0 rgba(0,0,0,.4),0 12px 24px -8px rgba(0,0,0,.6);transition:transform .16s var(--ease-out)}
.pl-go:active{transform:scale(.98)}
.pl-go-t{grid-column:1;font:700 12px/1.2 var(--disp);letter-spacing:.14em;text-transform:uppercase}
.pl-go-n{grid-column:1;font:800 20px/1.15 var(--disp);font-stretch:85%}
.pl-go-i{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#17140a;color:var(--yel)}
.pl-go-i .ic{transition:transform .2s var(--ease-out)}
.pl-go:hover .pl-go-i .ic{transform:translateX(3px)}
.pl-main{display:flex;flex-direction:column;gap:30px;min-width:0}
.pks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.pk{display:flex;flex-direction:column;gap:3px;min-width:0;padding:16px 18px;border-radius:14px;background:rgba(238,242,234,.04);box-shadow:inset 0 0 0 1.5px var(--line);
  transition:opacity .6s var(--ease-out) calc(var(--i,0)*80ms + 150ms),transform .6s var(--ease-out) calc(var(--i,0)*80ms + 150ms)}
.pk-n{font:800 46px/1 var(--disp);font-stretch:85%;font-variant-numeric:tabular-nums}
.pk-l{font-weight:700;font-size:15px}
.pk-d{font-size:13px;line-height:1.4;color:var(--chalk-2)}
.pk-ys{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pk-ys a{padding:4px 10px;border-radius:999px;font:700 13px/1.2 var(--disp);color:var(--chalk);box-shadow:inset 0 0 0 1.5px var(--line-2);transition:color .2s ease,box-shadow .2s ease}
.pk-ys a:hover{color:var(--yel);box-shadow:inset 0 0 0 1.5px var(--yel)}
/* годы игрока */
.ps{position:relative}
.ps-lanes{position:relative;height:calc(var(--lanes)*40px)}
.ps-bar{position:absolute;top:calc(var(--lane)*40px + 22px);height:10px;border-radius:999px;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,0) 60%),#2f6fd6;
  box-shadow:0 2px 0 rgba(0,0,0,.4),inset 0 -2px 0 rgba(0,0,0,.2);transform-origin:0 50%;transition:transform .7s var(--ease-io) .2s}
.ps-bar::before{content:"";position:absolute;left:-3px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--mag-hi),var(--pc,#2f6fd6);box-shadow:0 2px 0 rgba(0,0,0,.45),0 4px 8px rgba(0,0,0,.4)}
.ps-bar.is-nat{--pc:#e0a521;background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,0) 60%),#e0a521}
.ps-bar span{position:absolute;left:0;bottom:calc(100% + 5px);font-weight:700;font-size:14px;line-height:1.2;color:var(--chalk);white-space:nowrap}
.ps-bar:hover span{color:var(--yel)}
.ps-eras{position:relative;height:26px;margin-top:10px}
.ps-eras span{position:absolute;top:0;height:100%;display:flex;align-items:center;padding-left:8px;overflow:hidden;background:var(--eb);border-top:3px solid var(--ea)}
.ps-eras span+span{box-shadow:inset 2px 0 0 var(--board)}
.ps-eras em{font:700 12px/1 var(--disp);font-style:normal;color:var(--et);white-space:nowrap}
/* подпись эпохи по месту (fit из PlayerPage): компьютер - полная, телефон - полная, короткая или никакой */
.ps-eras em.s,.ps-eras .fit-d-none em,.ps-eras .fit-d-short em.f{display:none}
.ps-eras .fit-d-short em.s{display:inline}
@media (max-width:759px){
  .ps-eras em.f{display:none}
  .ps-eras .fit-m-full em.f{display:inline}
  .ps-eras .fit-m-short em.s{display:inline}
}
.ps-yrs{position:relative;height:18px;margin-top:6px}
.ps-yrs span{position:absolute;top:0;font:700 12px/1.4 var(--disp);color:var(--chalk-3);font-variant-numeric:tabular-nums}
/* клубы игрока - синие магниты, сборная - щит */
.pcls{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px 26px}
.pcl{display:flex;align-items:center;gap:14px;min-width:0}
.pcl-mg{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font:800 15px/1 var(--disp);font-stretch:85%;color:#fff;background:var(--mag-hi),#2f6fd6;box-shadow:var(--mag-sh)}
.pcl-emb{position:relative;flex:none;width:48px;height:54px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}
.pcl-emb svg{display:block;width:100%;height:100%}
.pcl-emb b{position:absolute;right:-10px;bottom:-4px;display:grid;place-items:center;min-width:28px;height:24px;padding:0 6px;border-radius:999px;font:800 13px/1 var(--disp);color:var(--yel);background:#101613;box-shadow:inset 0 0 0 1.5px var(--yel)}
.pcl-b{display:flex;flex-direction:column;gap:1px;min-width:0}
.pcl-y{font:700 13px/1.3 var(--disp);color:var(--chalk-2);font-variant-numeric:tabular-nums}
.pcl-n{font-weight:700;font-size:16px;line-height:1.25}
.pcl-n:hover{color:var(--yel)}
.pc-st{font-size:13px;color:var(--chalk-2)}
.pcl-ch{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.pcl-ch a{padding:3px 9px;border-radius:999px;font:600 12px/1.3 var(--disp);color:var(--chalk-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.pcl-ch a:hover{color:var(--yel);box-shadow:inset 0 0 0 1px var(--yel)}
/* игровые титулы */
.pl-hon{padding-top:24px;border-top:2px dashed var(--line)}
.pl-h3{display:flex;align-items:baseline;gap:12px;margin:0 0 18px}
.pl-h3 .chalk{font-size:28px;line-height:1;color:var(--yel)}
.pl-h3 b{font:800 22px/1 var(--disp);color:var(--chalk)}
.pl-aws{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 28px}
.pl-aws li{font-size:14px;line-height:1.4}
.pl-aws b{font-weight:700}
.pl-aws span{color:var(--chalk-2);white-space:nowrap}
/* движение */
.cb-js .pl-in:not(.is-in) .pl-card{opacity:0;transform:translateY(-16px) rotate(-4deg)}
.cb-js .pl-in:not(.is-in) .pk{opacity:0;transform:translateY(14px)}
.cb-js .pl-in:not(.is-in) .ps-bar{transform:scaleX(0)}

@media (max-width:1179px) and (min-width:760px){
  .pl-in{grid-template-columns:230px minmax(0,1fr);gap:30px 32px;padding:28px 26px}
}
@media (max-width:759px){
  .pl-in{grid-template-columns:minmax(0,1fr);gap:26px;padding:24px 16px}
  .pl-side{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px 16px;align-items:start}
  .pl-card{padding:8px 8px 10px}
  .pl-pin{width:22px;height:22px;margin-left:-11px;top:-10px}
  .pl-emb{top:14px;right:14px;width:26px;height:30px}
  .pl-cap b{font-size:14px}
  .pl-cap span{font-size:12px}
  .pl-facts{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:6px}
  .pl-go{grid-column:1/-1}
  .pks{grid-template-columns:minmax(0,1fr);gap:10px}
  .pk{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:baseline;padding:14px 16px}
  .pk-n{grid-row:1/span 3;font-size:40px}
  .pk-l,.pk-d,.pk-ys{grid-column:2}
  .pcls{grid-template-columns:minmax(0,1fr);gap:14px}
  .pl-hon:has(.tr-more:not([open])) .trs--w .tr:nth-child(n+7),
  .pl-hon:has(.tr-more:not([open])) .tr-pl{display:none}
  .pl-aws{grid-template-columns:minmax(0,1fr)}
  .pl-h3 .chalk{font-size:25px}
}