/*
 * Страница игрока «Досье» (перенос макета output/player-page/frame-b, выбор владельца 14.10.2026).
 * Один каркас + 9 оформлений эпох через data-skin на корне:
 * <article class="pp pp--dossier" data-skin="tv|protokol|vhs|press|fr98|era00|efir|era10|era20">.
 * Разметка - resources/views/players/show.blade.php, данные - App\Support\PlayerPage, поведение - /js/player-dossier.js.
 * Каркас (раскладка, сетки, состояния) - в первой части файла, на CSS-переменных.
 * Оформления - во второй: токены + 2-3 фирменных элемента эпохи (рамка паспорта, подача цифр, вид ленты,
 * заголовки разделов) - те же шрифты, палитры и приёмы, что у тем страниц матчей (public/style/pages/match-lower-*.css).
 * Шрифты - OFL с кириллицей, лежат на сайте в /fonts/<ключ>/ (браузер грузит только нужные оформлению).
 * Иконки - Phosphor Light (MIT), маской. Силуэты кубков - partials/trophy-shape.blade.php.
 */

/* ------------------------------------------------------------------ шрифты эпох */
@font-face{font-family:'PPB Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/oswald/oswald-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/oswald/oswald-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB Shoulders';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/big-shoulders/big-shoulders-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2212}
@font-face{font-family:'PPB Mono';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/jetbrains-mono/JetBrainsMono-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Mono';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/jetbrains-mono/JetBrainsMono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB 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:'PPB 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+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB Press';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/press/SofiaSansXC-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Press';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/press/SofiaSansXC-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB Press';font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/press/SofiaSansXC-italic-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Press';font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/press/SofiaSansXC-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB Phil';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fr98/Philosopher-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Phil';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fr98/Philosopher-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB Exo';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/era00/Exo2-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Exo';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/era00/Exo2-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB Exo';font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/era00/Exo2-italic-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Exo';font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/era00/Exo2-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB Mont';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/era10/Montserrat-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Mont';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/era10/Montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB Mont';font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/era10/Montserrat-italic-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Mont';font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/era10/Montserrat-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'PPB Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/era20/Onest-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'PPB Onest';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/era20/Onest-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}

/* ================================================================== КАРКАС */
.pp{
  /* токены по умолчанию; каждое оформление переопределяет их целиком */
  --bg:#f4f4f4;--fg:#14142b;--mut:#565a75;--line:rgba(20,20,43,.12);
  --surf:#fff;--surf-fg:#14142b;--surf-mut:#565a75;--surf-line:rgba(20,20,43,.1);--surf-2:#f1f2f6;
  --acc:#ff4b55;--acc-fg:#fff;--acc-t:#c8303a;--link:#1f4fbf;
  --p-base:#14142b;--p-fg:#fff;--p-mut:rgba(255,255,255,.72);--p-line:rgba(255,255,255,.16);
  --c-bg:transparent;--c-fg:var(--p-fg);--c-mut:var(--p-mut);
  --t-bg:#fff;--t-fg:#14142b;--t-act:#c8303a;--t-line:#c8303a;
  --win:#1f8a4c;--draw:#6b7186;--loss:#c8303a;
  --tick:rgba(255,255,255,.55);--tick-g:#ffcf4d;
  --bar:#fff;--bar-fg:#14142b;--bar-n:#1f4fbf;--bar-n-fg:#fff;
  --f-t:Manrope,system-ui,sans-serif;--f-d:Manrope,system-ui,sans-serif;--f-n:Manrope,system-ui,sans-serif;--f-l:Manrope,system-ui,sans-serif;
  --r:14px;--r-s:8px;--sh:0 1px 2px rgba(20,20,43,.06),0 12px 28px -18px rgba(20,20,43,.4);
  --ease:cubic-bezier(.23,1,.32,1);
  position:relative;isolation:isolate;display:block;
  background:var(--bg);color:var(--fg);font:400 15px/1.5 var(--f-t);font-variant-numeric:tabular-nums;
  margin-bottom:-40px;padding-bottom:88px; /* закрывает отступ подвала сайта, чтобы фон эпохи доходил до него */
  -webkit-font-smoothing:antialiased;
}
.pp *,.pp *::before,.pp *::after{box-sizing:border-box}
.pp :where(h1,h2,h3,p,ol,ul,dl,dd,figure){margin:0;padding:0}
.pp :where(ol,ul){list-style:none}
.pp :where(div,li,span,a,p,dd,dt,section){min-width:0}
.pp a{color:inherit;text-decoration:none}
.pp img{display:block;max-width:100%}
.pp button,.pp select{font:inherit;color:inherit}
.pp ::selection{background:var(--acc);color:var(--acc-fg)}
.pp :focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:4px}
.pp .pp-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;text-overflow:ellipsis}
.pp [hidden]{display:none!important}
.pp .pp-in{max-width:1400px;margin:0 auto;padding:0 40px}

/* era-цвета: те же, что у шкалы эпох в шапке сайта (site-chrome.css) */
.pp [data-era]{--ea:#c4c4c4;--eo:#14142b}
.pp [data-era=tv]{--ea:#e6dcc3}
.pp [data-era=protokol]{--ea:#d1323c;--eo:#fff}
.pp [data-era=vhs]{--ea:#f5ff67}
.pp [data-era=press]{--ea:#f06a2a}
.pp [data-era=fr98]{--ea:#2fb6dc}
.pp [data-era=era00]{--ea:#3db8ff}
.pp [data-era=efir]{--ea:#ffcf4d}
.pp [data-era=era10]{--ea:#19b39e}
.pp [data-era=era20]{--ea:#c6ff3d}

/* иконки (маска по цвету текста) */
.pp .pp-ic{display:inline-block;flex:none;width:1.15em;height:1.15em;vertical-align:-.2em;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.pp .pp-ic--cal{--ic:var(--i-cal)}.pp .pp-ic--pin{--ic:var(--i-pin)}.pp .pp-ic--clock{--ic:var(--i-clock)}
.pp .pp-ic--ball{--ic:var(--i-ball)}.pp .pp-ic--cup{--ic:var(--i-cup)}.pp .pp-ic--photo{--ic:var(--i-photo)}
.pp .pp-ic--team{--ic:var(--i-team)}.pp .pp-ic--swap{--ic:var(--i-swap)}.pp .pp-ic--go{--ic:var(--i-go)}
.pp .pp-ic--next{--ic:var(--i-next)}.pp .pp-ic--prev{--ic:var(--i-prev)}.pp .pp-ic--tag{--ic:var(--i-tag)}.pp .pp-ic--chart{--ic:var(--i-chart)}

/* ---------- верхняя строка: крошки и выбор оформления ---------- */
.pp .pp-top{position:relative;z-index:3;color:var(--p-fg)}
.pp .pp-top__in{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;min-height:56px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.pp .pp-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--p-mut);min-width:0}
.pp .pp-crumbs a{color:var(--p-fg);text-decoration:underline;text-decoration-color:var(--p-line);text-underline-offset:4px}
.pp .pp-crumbs a:hover{text-decoration-color:currentColor}
.pp .pp-crumbs [aria-current]{color:var(--p-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp .pp-skin{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--p-mut)}
.pp .pp-skin select{appearance:none;-webkit-appearance:none;height:36px;padding:0 34px 0 12px;border-radius:999px;border:1px solid var(--p-line);
  background:rgba(0,0,0,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") right 13px center/11px no-repeat;
  color:var(--p-fg);font-weight:700;font-size:13px;cursor:pointer;max-width:260px}
.pp .pp-skin select option{color:#14142b;background:#fff}

/* ---------- паспорт ---------- */
.pp .pp-pass{position:relative;padding:0 0 28px;background:var(--p-base);color:var(--p-fg);overflow:hidden}
.pp .pp-pass__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.pp .pp-pass__bg i{position:absolute;inset:0;display:block}
.pp .pp-pass__in{position:relative;z-index:1}
.pp .pp-card{position:relative;display:grid;grid-template-columns:280px minmax(0,1fr) minmax(330px,400px);
  grid-template-areas:"photo id bento";gap:24px 36px;align-items:start;padding:28px 32px 32px;background:var(--c-bg);color:var(--c-fg)}
.pp .pp-card__deco{position:absolute;inset:0;pointer-events:none;z-index:0}
.pp .pp-card__deco>*{display:none}
.pp .pp-card>*:not(.pp-card__deco){position:relative;z-index:1}

/* фото */
.pp .pp-photo{grid-area:photo}
.pp .pp-photo__frame{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:var(--r);background:rgba(127,127,127,.18)}
.pp .pp-photo__frame img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 25%);transform:scale(var(--zoom,1));transform-origin:var(--pos,50% 25%)}
.pp .pp-photo__glass{position:absolute;inset:0;z-index:2;pointer-events:none}
.pp .pp-photo__cap{margin-top:10px;font-size:12px;line-height:1.4;color:var(--c-mut)}
.pp .pp-photo__cap a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:currentColor}
.pp .pp-photo__mod{display:none}
.pp[data-skin=tv] .pp-photo__mod{display:inline}
.pp .pp-after{position:absolute;z-index:4;left:10px;bottom:10px;padding:5px 10px;border-radius:6px;background:rgba(10,10,20,.82);color:#fff;font:700 12px/1.2 var(--f-t);letter-spacing:.01em;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.pp .pp-shot__img{position:relative}
.pp .pp-mono{position:absolute;inset:0;display:grid;place-items:center}
.pp .pp-mono__l{display:flex;gap:.04em;font:700 120px/1 var(--f-d);letter-spacing:-.02em}

/* имя и данные */
.pp .pp-id{grid-area:id;display:flex;flex-direction:column;gap:20px}
.pp .pp-id__head{position:relative;display:flex;flex-direction:column;gap:10px;container-type:inline-size}
.pp .pp-era{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 10px;align-self:flex-start;font-size:13px;font-weight:700}
.pp .pp-era__dot{width:10px;height:10px;border-radius:50%;background:var(--ea);flex:none}
.pp .pp-era__why{font-weight:500;color:var(--c-mut)}
.pp .pp-name{font:800 52px/1.02 var(--f-d);font-size:clamp(26px,9cqi,52px);letter-spacing:-.01em;color:var(--c-fg);overflow-wrap:break-word;word-break:normal;hyphens:manual;text-wrap:balance}
.pp .pp-name__f,.pp .pp-name__l{display:inline}
.pp .pp-latin{font-size:15px;color:var(--c-mut)}
.pp .pp-nick{white-space:nowrap}
.pp .pp-role{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-weight:700;font-size:16px}
.pp .pp-flag{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.pp .pp-role__p{font-weight:600;color:var(--c-mut)}
.pp .pp-bigyears{display:none}
.pp .pp-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px 24px}
.pp .pp-fact dt{font-size:12px;font-weight:600;color:var(--c-mut);margin-bottom:2px}
.pp .pp-fact dd{font-size:15px;font-weight:700}
.pp .pp-fact small{font-weight:500;color:var(--c-mut);margin-left:6px;font-size:13px;white-space:nowrap}

/* ключевые цифры */
.pp .pp-bento{grid-area:bento;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.pp .pp-bento__mark{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--c-mut)}
.pp .pp-kpi{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;border-radius:var(--r);background:rgba(127,127,127,.12);min-height:128px}
.pp .pp-bento[data-n="3"] .pp-kpi:first-of-type{grid-column:1/-1}
.pp .pp-kpi__ic{position:absolute;top:16px;right:16px;width:20px;height:20px;opacity:.7}
.pp .pp-kpi__n{font:800 56px/1 var(--f-n);letter-spacing:-.02em}
.pp .pp-kpi__l{font-size:14px;font-weight:700}
.pp .pp-kpi__d,.pp .pp-kpi__src{font-size:12.5px;line-height:1.35;color:var(--c-mut)}
.pp .pp-kpi__years{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.pp .pp-kpi__years a{font-size:13px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid currentColor;line-height:1.4}
.pp .pp-kpi__years a:hover{background:var(--c-fg);color:var(--p-base)}

/* лента карьеры */
.pp .pp-strip{margin-top:26px;color:var(--p-fg)}
.pp .pp-strip__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-bottom:8px}
.pp .pp-strip__t{font:700 14px/1.2 var(--f-t);color:var(--p-fg);letter-spacing:.01em}
.pp .pp-strip__legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--p-mut)}
.pp .pp-strip__legend span{display:inline-flex;align-items:center;gap:6px}
.pp .pp-strip__legend i{display:inline-block;width:3px;height:12px;background:var(--tick)}
.pp .pp-strip__legend i.is-g{background:var(--tick-g);height:14px}
.pp .pp-strip__legend i.is-b{opacity:.4;height:8px}
.pp .pp-strip__legend b{display:inline-block;width:16px;height:9px;border-radius:2px;background:var(--bar);box-shadow:0 0 0 1px var(--p-line)}
.pp .pp-strip__legend b.is-nat{background:var(--bar-n)}
.pp .pp-strip__hint{margin-left:10px;font:500 12px/1.2 var(--f-t);letter-spacing:0;text-transform:none;color:var(--p-mut)}
@media (max-width:767px){.pp .pp-strip__hint{display:block;margin:4px 0 0}}
.pp .pp-strip__body{position:relative}
.pp .pp-strip__ticks{position:relative;height:20px}
.pp .pp-strip__ticks i{position:absolute;bottom:0;width:2px;margin-left:-1px;height:9px;background:var(--tick);border-radius:1px}
.pp .pp-strip__ticks i.is-g{height:18px;background:var(--tick-g)}
.pp .pp-strip__ticks i.is-b{height:6px;opacity:.4}
.pp .pp-strip__eps{position:relative;height:30px;margin-top:3px}
.pp .pp-strip__ep{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 8px;border:0;cursor:pointer;background:var(--ea);color:var(--eo);
  font:700 12px/1 var(--f-t);text-align:left;overflow:hidden;transition:filter .18s var(--ease),transform .12s var(--ease)}
.pp .pp-strip__ep span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp .pp-strip__ep .s,.pp .pp-strip__ep.fit-d-short .l,.pp .pp-strip__ep.fit-d-none .l{display:none}
.pp .pp-strip__ep.fit-d-short .s{display:inline}
@media (max-width:767px){.pp .pp-strip__ep .l,.pp .pp-strip__ep .s{display:none}.pp .pp-strip__ep.fit-m-full .l,.pp .pp-strip__ep.fit-m-short .s{display:inline}}
.pp .pp-strip__ep:hover{filter:brightness(1.08)}
.pp .pp-strip__ep:active{transform:scaleY(.94)}
.pp .pp-strip__ep[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--p-fg)}
.pp .pp-strip__mid{position:absolute;top:0;height:23px;width:0;border-left:2px dashed var(--p-fg);z-index:2}
.pp .pp-strip__mid::before{content:"";position:absolute;left:-6px;bottom:-1px;border:5px solid transparent;border-top:6px solid var(--p-fg);border-bottom:0}
.pp .pp-strip__mid b{position:absolute;top:0;left:4px;font:700 11px/1 var(--f-t);background:var(--p-fg);color:var(--p-base);padding:3px 6px;border-radius:4px;white-space:nowrap}
.pp .pp-strip__years{position:relative;height:22px;margin-top:6px}
.pp .pp-strip__y{position:absolute;top:2px;transform:translateX(-50%);font-size:12px;font-weight:600;color:var(--p-mut);white-space:nowrap}
.pp .pp-strip__y.is-edge{font-weight:800;color:var(--p-fg)}
.pp .pp-strip__y:first-child{transform:none}

.pp .pp-strip__lane{position:relative;height:26px;margin-top:6px}
.pp .pp-strip__bar{position:absolute;top:0;bottom:0;display:flex;align-items:center;min-width:4px;padding:0 8px;overflow:hidden;background:var(--bar);color:var(--bar-fg);
  font:700 12px/1 var(--f-t);border-radius:4px;transition:filter .18s var(--ease)}
.pp .pp-strip__bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp .pp-strip__lane .pp-strip__bar{background-clip:padding-box;border-right:2px solid transparent}
.pp .pp-strip__bar.is-tight span{display:none}
.pp .pp-strip__bar.is-derived,.pp .pp-strip__lane .pp-strip__bar.is-derived{background:color-mix(in srgb,var(--p-fg) 8%,transparent);color:var(--p-fg);border:2px dashed color-mix(in srgb,var(--p-fg) 60%,transparent);border-radius:4px;transform:none;box-shadow:none}
.pp .pp-strip__bar.is-derived span{transform:none}
.pp .pp-strip__cos{position:relative;height:18px;margin-top:3px}
.pp .pp-strip__co{position:absolute;top:0;transform:translateX(-50%);font:700 11.5px/1 var(--f-t);color:var(--p-fg);white-space:nowrap;padding-top:6px}
.pp .pp-strip__co::before{content:"";position:absolute;left:50%;top:-3px;height:7px;border-left:1.5px solid var(--p-mut)}
.pp .pp-strip__co.is-l{transform:translateX(-12px)}.pp .pp-strip__co.is-l::before{left:12px}
.pp .pp-strip__co.is-r{transform:translateX(calc(-100% + 12px))}.pp .pp-strip__co.is-r::before{left:auto;right:12px}
.pp .pp-strip__co.is-derived{font-style:italic}
.pp .pp-strip__list{display:none}
.pp .pp-strip__legend b.is-derived{background:transparent;border:1.5px dashed color-mix(in srgb,var(--p-fg) 60%,transparent);box-shadow:none}
@media (max-width:767px){
  .pp .pp-strip__bar span,.pp .pp-strip__cos{display:none}
  .pp .pp-strip__list{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:12px}
  .pp .pp-strip__list a{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(127,127,127,.16);color:var(--p-fg);font-size:12.5px;font-weight:600}
  .pp .pp-strip__list b{font-weight:800}
  .pp .pp-strip__list i{width:12px;height:8px;border-radius:2px;background:var(--bar);box-shadow:0 0 0 1px var(--p-line)}
  .pp .pp-strip__list .is-nat i{background:var(--bar-n)}
  .pp .pp-strip__list .is-derived i{background:transparent;border:1.5px dashed color-mix(in srgb,var(--p-fg) 60%,transparent)}
  .pp .pp-after{left:5px;bottom:5px;padding:3px 6px;font-size:10px;line-height:1.15;max-width:calc(100% - 10px)}
}
.pp .pp-strip__bar:hover{filter:brightness(1.1)}
.pp .pp-strip__bar.is-nat{background:var(--bar-n);color:var(--bar-n-fg)}
.pp .pp-strip__bar.is-loan{background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.12) 0 4px,transparent 4px 8px)}
.pp .pp-strip__note{margin-top:8px;font-size:12px;color:var(--p-mut)}

/* ---------- подменю разделов ---------- */
.pp .pp-tabs{position:sticky;top:var(--sc-hd-h,72px);z-index:20;background:var(--t-bg);color:var(--t-fg);box-shadow:0 1px 0 var(--line)}
.pp .pp-tabs__in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.pp .pp-tabs__in::-webkit-scrollbar{display:none}
.pp .pp-tab{flex:none;position:relative;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 16px;white-space:nowrap;font-weight:700;font-size:14px;scroll-snap-align:start;transition:color .18s var(--ease)}
.pp .pp-tab span{font-size:12px;font-weight:700;opacity:.7}
.pp .pp-tab::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--t-line);transform:scaleX(0);transition:transform .22s var(--ease)}
.pp .pp-tab:hover{color:var(--t-act)}
.pp .pp-tab[aria-current=true]{color:var(--t-act)}
.pp .pp-tab[aria-current=true]::after{transform:scaleX(1)}

/* ---------- разделы ---------- */
.pp .pp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px}
.pp .pp-sec{grid-column:1/-1;padding-top:52px;scroll-margin-top:calc(var(--sc-hd-h,72px) + 68px)}
.pp .pp-sec--half{grid-column:span 6}
.pp .pp-h{font:800 30px/1.1 var(--f-d);color:var(--fg);margin-bottom:20px;letter-spacing:0}
.pp .pp-h3{display:flex;align-items:baseline;gap:8px;font:700 15px/1.25 var(--f-t);color:var(--surf-fg);margin-bottom:12px}
.pp .pp-h3 span{font-weight:600;color:var(--surf-mut);font-size:13px}
.pp .pp-sub{color:var(--mut);margin:-8px 0 16px;font-size:14px}
.pp .pp-note{margin-top:12px;font-size:12.5px;line-height:1.45;color:var(--mut)}
.pp .pp-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:999px;border:1px solid var(--surf-line);color:var(--surf-mut);margin-left:6px;vertical-align:1px}
.pp .pp-plate{padding:20px 22px;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh);border:1px dashed var(--surf-line)}
.pp .pp-plate p{max-width:68ch}
.pp .pp-plate b{display:block;margin-bottom:4px}
.pp .pp-empty{padding:18px;text-align:center;color:var(--mut)}

/* карьера */
.pp .pp-career{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;align-items:start}
.pp .pp-sec--half .pp-career{grid-template-columns:1fr}
.pp .pp-cgroup{padding:18px 20px;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh)}
.pp .pp-cgroup .pp-note{color:var(--surf-mut)}
.pp .pp-crows{display:flex;flex-direction:column}
.pp .pp-crow{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;row-gap:2px;padding:10px 0;border-top:1px solid var(--surf-line);scroll-margin-top:calc(var(--sc-hd-h,72px) + 80px)}
.pp .pp-crow:first-child{border-top:0;padding-top:2px}
.pp .pp-crow:target{background:color-mix(in srgb,var(--acc) 12%,transparent);border-radius:6px}
.pp .pp-crow__y{grid-row:1/3;font-weight:700;font-size:14px;color:var(--surf-mut);padding-top:1px}
.pp .pp-crow__n{font-weight:800;font-size:16px;line-height:1.3;color:var(--surf-fg);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .18s}
.pp .pp-crow__n:hover{text-decoration-color:currentColor}
.pp .pp-crow__s{grid-column:2;font-size:13.5px;color:var(--surf-mut)}
.pp .pp-crow .pp-tag{justify-self:start}
.pp .pp-crow__n+.pp-tag{margin-left:0}
.pp .pp-crow{grid-template-areas:"y n" "y t" "y s" "y c"}
.pp .pp-crow__y{grid-area:y}.pp .pp-crow__n{grid-area:n}.pp .pp-crow__s{grid-area:s}
.pp .pp-crow__tags{grid-area:t;display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 2px}
.pp .pp-crow__tags .pp-tag{margin-left:0}
.pp .pp-crow--derived{border-left:0}
.pp .pp-tag--derived{border-style:dashed}
.pp .pp-chips{grid-area:c;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pp .pp-chip{font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surf-2);color:var(--surf-fg);transition:background-color .18s,color .18s}
.pp .pp-chip:hover{background:var(--surf-fg);color:var(--surf)}
.pp .pp-trows{display:flex;flex-direction:column}
.pp .pp-trow{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;padding:9px 0;border-top:1px solid var(--surf-line);font-size:14px}
.pp .pp-trow:first-child{border-top:0;padding-top:2px}
.pp .pp-trow time{grid-row:1/3;font-weight:700;color:var(--surf-mut);font-size:13.5px}
.pp .pp-trow__w{font-weight:700}
.pp .pp-trow__ar{width:14px;height:14px;margin:0 4px;vertical-align:-2px;opacity:.7}
.pp .pp-trow__k{font-size:13px;color:var(--surf-mut)}

/* статистика */
.pp .pp-tablewrap{overflow-x:auto;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh)}
.pp .pp-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.pp .pp-table th,.pp .pp-table td{padding:9px 12px;text-align:right;white-space:nowrap;border-top:1px solid var(--surf-line)}
.pp .pp-table thead th{border-top:0;font-size:12px;font-weight:700;color:var(--surf-mut);padding-top:14px}
.pp .pp-table th[scope=row],.pp .pp-table th[scope=rowgroup],.pp .pp-table thead th:first-child{text-align:left;font-weight:600;position:sticky;left:0;background:var(--surf);z-index:1}
.pp .pp-table .pp-tteam{text-align:left;color:var(--surf-mut)}
.pp .pp-tteam-m{display:none;font-size:11.5px;font-weight:500;color:var(--surf-mut);white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.pp .pp-table td.is-g{font-weight:800}
.pp .pp-table a{text-decoration:underline;text-decoration-color:var(--surf-line);text-underline-offset:3px}
.pp .pp-table a:hover{text-decoration-color:currentColor}
.pp .pp-tgroup__h th,.pp .pp-tgroup__h td{background:var(--surf-2);font-weight:800}
.pp .pp-table .pp-tgroup__h th{background:var(--surf-2)}
.pp .pp-tgroup__h small{font-weight:600;color:var(--surf-mut);margin-left:8px;font-size:12px}
.pp .pp-table tfoot th,.pp .pp-table tfoot td{font-weight:800;border-top:2px solid var(--surf-fg)}
.pp .pp-tablewrap.is-folded tbody tr:not(.pp-tgroup__h){display:none}
.pp .pp-tmore{margin-top:10px}
.pp .pp-squad{margin-top:16px;padding:16px 20px;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh)}
.pp .pp-squad li{padding:6px 0;font-weight:700}
.pp .pp-squad li a{text-decoration:underline;text-underline-offset:3px}
.pp .pp-squad li span{display:block;font-weight:500;font-size:13px;color:var(--surf-mut)}

/* матчи */
.pp .pp-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:16px}
.pp .pp-seg{display:flex;flex-wrap:wrap;gap:6px}
.pp .pp-fbtn{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--fg);font-size:13px;font-weight:700;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s,transform .12s var(--ease)}
.pp .pp-fbtn span{opacity:.6;margin-left:2px}
.pp .pp-fbtn:hover{border-color:var(--fg)}
.pp .pp-fbtn:active{transform:scale(.97)}
.pp .pp-fbtn[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.pp .pp-fbtn--all{margin-left:auto}
.pp .pp-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer;min-height:36px}
.pp .pp-check input{width:18px;height:18px;accent-color:var(--acc);margin:0}
.pp .pp-mgroups{display:flex;flex-direction:column;gap:10px}
.pp .pp-mg{border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh)}
.pp .pp-mg__s{display:grid;grid-template-columns:minmax(0,1fr) auto auto 20px;align-items:center;gap:6px 18px;padding:14px 18px;cursor:pointer;list-style:none}
.pp .pp-mg__s::-webkit-details-marker{display:none}
.pp .pp-mg__n{font-weight:800;font-size:16px}
.pp .pp-mg__team{font-weight:700;font-size:14px;color:var(--surf-mut)}
.pp .pp-mg__c{font-size:13px;font-weight:600;color:var(--surf-mut);text-align:right}
.pp .pp-mg__chev{width:18px;height:18px;transition:transform .22s var(--ease)}
.pp .pp-mg[open] .pp-mg__chev{transform:rotate(90deg)}
.pp .pp-mg__b{padding:0 10px 12px}
.pp .pp-mg__link{display:inline-block;margin:8px 8px 0;font-size:13px;font-weight:700;color:var(--link);text-decoration:underline;text-underline-offset:3px}
.pp .pp-mlist{display:flex;flex-direction:column}
.pp .pp-m__a{display:grid;grid-template-columns:6px 86px 150px minmax(0,1fr) 26px 132px minmax(0,150px);align-items:center;column-gap:12px;padding:9px 8px;border-top:1px solid var(--surf-line);border-radius:6px;transition:background-color .15s}
.pp .pp-m:first-child .pp-m__a{border-top-color:transparent}
.pp .pp-m__a:hover{background:var(--surf-2)}
.pp .pp-m__era{align-self:stretch;border-radius:3px;background:var(--ea)}
.pp .pp-m__d{font-size:13px;font-weight:600;color:var(--surf-mut)}
.pp .pp-m__st{font-size:13px;color:var(--surf-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp .pp-m__t{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;font-size:14.5px}
.pp .pp-m__h{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp .pp-m__aw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp .pp-m__h.is-own,.pp .pp-m__aw.is-own{font-weight:800}
.pp .pp-m__sc{display:inline-flex;flex-direction:column;align-items:center;min-width:52px;padding:3px 8px;border-radius:6px;background:var(--surf-2);font-weight:800;font-size:15px;line-height:1.15}
.pp .pp-m__sc small{font-size:10.5px;font-weight:700;color:var(--surf-mut)}
.pp .pp-m__res{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:11.5px;font-weight:800;color:#fff}
.pp .pp-m__res.is-w{background:var(--win)}.pp .pp-m__res.is-d{background:var(--draw)}.pp .pp-m__res.is-l{background:var(--loss)}
.pp .pp-m__role{font-size:13px;font-weight:600}
.pp .pp-m.is-bench .pp-m__role,.pp .pp-m.is-unknown .pp-m__role{color:var(--surf-mut);font-weight:500}
.pp .pp-m.is-bench .pp-m__t,.pp .pp-m.is-unknown .pp-m__t{opacity:.78}
.pp .pp-m__ev{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;font-weight:700}
.pp .pp-ev{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.pp .pp-ev--g{color:var(--acc-t)}
.pp .pp-ev--yc i,.pp .pp-ev--rc i{display:inline-block;width:9px;height:12px;border-radius:2px;background:#f2c200}
.pp .pp-ev--rc i{background:#d7262e}
.pp .pp-ev--og,.pp .pp-ev--pm,.pp .pp-ev--as{font-weight:600;color:var(--surf-mut)}
.pp .pp-mnote{max-width:90ch}

/* титулы */
.pp .pp-sec--titles .pp-sec__b{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:start}
.pp .pp-sec--titles .pp-note{grid-column:1/-1;margin-top:0}
.pp .pp-tw,.pp .pp-tr2{padding:18px 20px;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh)}
.pp .pp-trophies{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.pp .pp-trophy{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--r-s);background:var(--surf-2)}
.pp .pp-trophy__n{font:800 30px/1 var(--f-n);color:var(--acc-t)}
.pp .pp-trophy__t{font-weight:800;font-size:15px;line-height:1.25}
.pp .pp-trophy__s{font-size:13px;color:var(--surf-mut)}
.pp .pp-silver li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--surf-line);font-size:14px}
.pp .pp-silver li:first-child{border-top:0;padding-top:0}
.pp .pp-silver__t{font-weight:700}
.pp .pp-silver__s{color:var(--surf-mut);text-align:right}

/* фото */
.pp .pp-sec--photos{position:relative}
.pp .pp-gctrl{position:absolute;top:52px;right:0;display:flex;gap:8px}
.pp .pp-gbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background-color .18s,color .18s,transform .12s var(--ease)}
.pp .pp-gbtn:hover{background:var(--fg);color:var(--bg)}
.pp .pp-gbtn:active{transform:scale(.96)}
.pp .pp-gbtn:disabled{opacity:.3;cursor:default;background:transparent;color:var(--fg)}
.pp .pp-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.pp .pp-shot{flex:0 0 300px;scroll-snap-align:start;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh);overflow:hidden}
.pp .pp-sec--half .pp-shot{flex-basis:min(100%,360px)}
.pp .pp-shot__img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--surf-2)}
.pp .pp-shot__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.pp .pp-shot__img:hover img{transform:scale(1.03)}
.pp .pp-shot figcaption{padding:8px 14px 10px;font-size:11px;line-height:1.4;color:var(--surf-mut)}
.pp .pp-shot figcaption a{text-decoration:underline;text-underline-offset:3px}

/* одно движение при входе: цифры считаются, лента прорисовывается слева направо */
@media (prefers-reduced-motion:no-preference){
  .pp .pp-strip__ticks,.pp .pp-strip__eps{animation:ppReveal .9s var(--ease) both .15s}
  .pp .pp-kpi{animation:ppRise .5s var(--ease) both;animation-delay:calc(var(--i,0) * 60ms + 80ms)}
}
@keyframes ppReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes ppRise{from{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- адаптив ---------- */
@media (max-width:1279px){
  .pp .pp-card{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"photo id" "bento bento"}
  .pp .pp-bento{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pp .pp-bento[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pp .pp-bento[data-n="3"] .pp-kpi:first-of-type{grid-column:auto}
}
@media (max-width:1023px){
  .pp .pp-in{padding:0 24px}
  .pp .pp-card{grid-template-columns:200px minmax(0,1fr);gap:20px 24px;padding:22px}
  .pp .pp-name{font-size:40px}
  .pp .pp-sec--half{grid-column:1/-1}
  .pp .pp-m__a{grid-template-columns:6px 80px minmax(0,1fr) 26px 116px;grid-template-areas:"e d t r o" "e s v v v"}
  .pp .pp-m__era{grid-area:e}.pp .pp-m__d{grid-area:d}.pp .pp-m__st{grid-area:s}.pp .pp-m__t{grid-area:t}.pp .pp-m__res{grid-area:r}.pp .pp-m__role{grid-area:o}.pp .pp-m__ev{grid-area:v}
  .pp .pp-sec--titles .pp-sec__b{grid-template-columns:1fr}
}
@media (max-width:899px){
  .pp .pp-bento,.pp .pp-bento[data-n="3"]{grid-template-columns:1fr 1fr}
  .pp .pp-bento[data-n="3"] .pp-kpi:first-of-type{grid-column:1/-1}
}
@media (max-width:767px){
  .pp .pp-in{padding:0 16px}
  .pp .pp-top__in{min-height:48px}
  .pp .pp-skin>span{display:none}
  .pp .pp-skin select{max-width:none;height:34px;font-size:12.5px}
  .pp .pp-card{grid-template-columns:112px minmax(0,1fr);grid-template-areas:"photo head" "facts facts" "bento bento";gap:16px 16px;padding:16px}
  .pp .pp-id{display:contents}
  .pp .pp-id__head{grid-area:head;gap:6px}
  .pp .pp-facts{grid-area:facts;grid-template-columns:1fr 1fr;gap:10px 16px}
  .pp .pp-photo__cap{font-size:10.5px;margin-top:6px}
  .pp .pp-name{font-size:28px}
  .pp .pp-latin{font-size:13px}
  .pp .pp-role{font-size:14px;gap:4px 10px}
  .pp .pp-era{font-size:12px}
  .pp .pp-era__why{display:none}
  .pp .pp-mono__l{font-size:52px}
  .pp .pp-kpi{min-height:0;padding:12px 14px 14px}
  .pp .pp-kpi__n{font-size:40px}
  .pp .pp-kpi__ic{top:12px;right:12px}
  .pp .pp-strip{margin-top:18px}
  .pp .pp-strip__ep{font-size:11px;padding:0 5px}
  .pp .pp-strip__bar{font-size:11px;padding:0 5px}
  .pp .pp-tab{min-height:48px;padding:0 12px;font-size:13.5px}
  .pp .pp-sec{padding-top:40px}
  .pp .pp-h{font-size:24px;margin-bottom:14px}
  .pp .pp-cgroup{padding:14px 16px}
  .pp .pp-crow,.pp .pp-trow{grid-template-columns:84px minmax(0,1fr);column-gap:10px}
  .pp .pp-crow__y,.pp .pp-trow time{white-space:nowrap;font-size:13px}
  .pp .pp-table .pp-tteam{display:none}
  .pp .pp-table{min-width:0}
  .pp .pp-table th,.pp .pp-table td{padding:9px 8px}
  .pp .pp-tteam-m{display:block}
  .pp .pp-fbtn--all{margin-left:0}
  .pp .pp-mg__s{grid-template-columns:minmax(0,1fr) 20px;padding:12px 14px}
  .pp .pp-mg__team,.pp .pp-mg__c{grid-column:1;text-align:left}
  .pp .pp-mg__chev{grid-row:1;grid-column:2}
  .pp .pp-mg__b{padding:0 6px 10px}
  .pp .pp-m__a{grid-template-columns:5px auto minmax(0,1fr) 26px;grid-template-areas:"e d s r" "e t t t" "e o v v";column-gap:10px;row-gap:4px;padding:10px 8px}
  .pp .pp-m__st{white-space:nowrap}
  .pp .pp-m__t{margin:2px 0}
  .pp .pp-m__t{gap:8px;font-size:14px}
  .pp .pp-gctrl{display:none}
  .pp .pp-shot{flex-basis:78%}
}

/* ================================================================== ОФОРМЛЕНИЯ ЭПОХ */

/* ---------- tv · «Телеэфир» (до 1950): студия, телеэкран, ч/б, титры-плашки, плёнка ---------- */
.pp[data-skin=tv]{
  --bg:#101010;--fg:#f4efe1;--mut:rgba(244,239,225,.72);--line:rgba(244,239,225,.16);
  --surf:#f4efe1;--surf-fg:#1c1c1c;--surf-mut:rgba(28,28,28,.68);--surf-line:rgba(28,28,28,.14);--surf-2:#e6dcc3;
  --acc:#d1323c;--acc-fg:#fff;--acc-t:#b3272f;--link:#1a4fa0;
  --p-base:#101010;--p-fg:#f4efe1;--p-mut:rgba(244,239,225,.72);--p-line:rgba(244,239,225,.2);
  --t-bg:#f4efe1;--t-fg:#1c1c1c;--t-act:#1c1c1c;--t-line:#d1323c;
  --win:#2f7d4a;--draw:#6d675a;--loss:#b3272f;
  --tick:rgba(244,239,225,.6);--tick-g:#ffcf4d;--bar:#f4efe1;--bar-fg:#1c1c1c;--bar-n:#1a4fa0;--bar-n-fg:#fff;
  --f-d:'PPB Oswald','Arial Narrow',sans-serif;--f-n:'PPB Shoulders','PPB Oswald',sans-serif;--f-m:'PPB Mono',ui-monospace,monospace;
  --r:10px;--sh:0 12px 20px rgba(0,0,0,.18);
  --holes:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12'%3E%3Crect x='6' y='2' width='10' height='8' rx='2' fill='%23f4efe1' fill-opacity='.5'/%3E%3C/svg%3E");
  --holes-v:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22'%3E%3Crect x='2' y='6' width='8' height='10' rx='2' fill='%23f4efe1' fill-opacity='.5'/%3E%3C/svg%3E");
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background:var(--noise) 0 0/180px,#101010;background-blend-mode:soft-light;
}
.pp[data-skin=tv] .pp-pass__bg i:nth-child(1){background:radial-gradient(120% 50% at 50% 0,rgba(244,239,225,.08),transparent 70%)}
.pp[data-skin=tv] .pp-pass__bg i:nth-child(2){background:var(--noise);opacity:.05}
/* телеэкран: тёмный корпус, сетка студии, ч/б кадр со строками развёртки и тестовой полосой внизу */
.pp[data-skin=tv] .pp-photo__frame{border-radius:22px;background:#0a0a0a;border:12px solid #1d1d1d;box-shadow:0 0 0 1px rgba(244,239,225,.14),inset 0 0 0 1px rgba(255,255,255,.06),0 24px 40px rgba(0,0,0,.5);padding-bottom:12px}
.pp[data-skin=tv] .pp-photo__frame img{filter:grayscale(1) contrast(1.08) brightness(.95);border-radius:10px}
.pp[data-skin=tv] .pp-photo__glass{border-radius:10px;inset:0 0 12px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.55))}
.pp[data-skin=tv] .pp-photo__frame::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;z-index:3;
  background:linear-gradient(90deg,#d9d9d9 0 14.28%,#b5b5b5 0 28.57%,#8f8f8f 0 42.85%,#6b6b6b 0 57.14%,#4a4a4a 0 71.42%,#2c2c2c 0 85.71%,#141414 0)}
.pp[data-skin=tv] .pp-mono{background:repeating-linear-gradient(90deg,rgba(244,239,225,.05) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(244,239,225,.05) 0 1px,transparent 1px 28px),radial-gradient(circle at 50% 46%,#2a2a2a,#0d0d0d 72%)}
.pp[data-skin=tv] .pp-mono__l{font:600 104px/1 var(--f-d);color:#f4efe1;letter-spacing:.02em;padding:6px 18px 10px;border:2px solid rgba(244,239,225,.55);border-radius:50%/40%;width:76%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.pp[data-skin=tv] .pp-photo__cap{color:var(--p-mut);font-family:var(--f-m);font-size:11.5px}
.pp[data-skin=tv] .pp-era{font:500 12px/1.2 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--p-mut)}
.pp[data-skin=tv] .pp-era__dot{width:9px;height:9px;background:transparent;border:1.5px solid currentColor}
.pp[data-skin=tv] .pp-era__t{color:#ffcf4d}
.pp[data-skin=tv] .pp-era__why{color:var(--p-mut);font-family:var(--f-t);letter-spacing:0;text-transform:none;font-weight:500}
/* имя - титр-плашка с красной кромкой, как «Чемпионат мира · 1930» на странице матча */
.pp[data-skin=tv] .pp-name{align-self:flex-start;background:#f4efe1;color:#1c1c1c;border-left:7px solid #d1323c;padding:8px 18px 10px 14px;
  font:600 46px/1.05 var(--f-d);letter-spacing:.03em;text-transform:uppercase;box-shadow:0 14px 24px rgba(0,0,0,.35)}
.pp[data-skin=tv] .pp-latin{font-family:var(--f-m);font-size:13px;color:var(--p-mut)}
.pp[data-skin=tv] .pp-role{font:500 15px/1.2 var(--f-d);letter-spacing:.08em;text-transform:uppercase}
.pp[data-skin=tv] .pp-role__p{color:#f4efe1;border:2px solid #f4efe1;padding:3px 10px 4px;font-weight:600}
/* годы карьеры - огромные контурные цифры, как дата матча */
.pp[data-skin=tv] .pp-bigyears{display:flex;align-items:baseline;gap:.06em;font:900 92px/.86 var(--f-n);color:transparent;-webkit-text-stroke:1.5px rgba(244,239,225,.7);letter-spacing:-.01em;margin-top:6px}
.pp[data-skin=tv] .pp-bigyears small{display:none}
.pp[data-skin=tv] .pp-bigyears i{font-style:normal;opacity:.8}
/* данные - в плёночной рамке с перфорацией */
.pp[data-skin=tv] .pp-facts{background:#0a0a0a var(--holes-v) left 4px top/12px 22px repeat-y;padding:16px 32px 16px 34px;border-radius:6px;position:relative;box-shadow:0 0 0 1px rgba(244,239,225,.08)}
.pp[data-skin=tv] .pp-facts::after{content:"";position:absolute;top:0;bottom:0;right:4px;width:12px;background:var(--holes-v) 0 0/12px 22px repeat-y}
.pp[data-skin=tv] .pp-fact dt{font:600 11.5px/1.2 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:#ffcf4d}
.pp[data-skin=tv] .pp-fact dd{font:500 19px/1.25 var(--f-d);letter-spacing:.03em;text-transform:uppercase;color:#f4efe1}
.pp[data-skin=tv] .pp-fact small{font-family:var(--f-t);text-transform:none;letter-spacing:0;color:var(--p-mut)}
/* цифры - янтарные, как счёт на табло эфира, в круглом «циферблате» */
.pp[data-skin=tv] .pp-bento,.pp[data-skin=tv] .pp-bento[data-n="3"]{grid-template-columns:1fr}
.pp[data-skin=tv] .pp-bento__mark{font:500 12px/1 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:var(--p-mut);display:flex;align-items:center;gap:8px}
.pp[data-skin=tv] .pp-bento__mark::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor}
.pp[data-skin=tv] .pp-kpi{background:#171717;border:1px solid rgba(244,239,225,.1);border-radius:16px;padding:16px 16px 16px 104px;min-height:112px;justify-content:center;
  background-image:repeating-linear-gradient(90deg,rgba(244,239,225,.03) 0 1px,transparent 1px 22px)}
.pp[data-skin=tv] .pp-kpi__n{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;
  font:900 44px/1 var(--f-n);color:#ffcf4d;border:2px solid rgba(244,239,225,.16);box-shadow:0 0 0 6px rgba(244,239,225,.03);letter-spacing:0}
.pp[data-skin=tv] .pp-kpi__l{font:600 16px/1.15 var(--f-d);letter-spacing:.06em;text-transform:uppercase;color:#f4efe1}
.pp[data-skin=tv] .pp-kpi__d{color:var(--p-mut)}
.pp[data-skin=tv] .pp-kpi__ic{display:none}
.pp[data-skin=tv] .pp-kpi__years a{border-color:rgba(244,239,225,.35);color:#ffcf4d;font-family:var(--f-d);letter-spacing:.04em}
/* лента - киноплёнка */
.pp[data-skin=tv] .pp-strip__t{font:600 14px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase}
.pp[data-skin=tv] .pp-strip__eps{height:44px;padding:11px 0;background:#0a0a0a;box-sizing:border-box}
.pp[data-skin=tv] .pp-strip__eps::before,.pp[data-skin=tv] .pp-strip__eps::after{content:"";position:absolute;left:0;right:0;height:11px;background:var(--holes) 0 0/22px 11px repeat-x}
.pp[data-skin=tv] .pp-strip__eps::before{top:0}.pp[data-skin=tv] .pp-strip__eps::after{bottom:0}
.pp[data-skin=tv] .pp-strip__ep{top:11px;bottom:11px;font-family:var(--f-d);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.pp[data-skin=tv] .pp-strip__bar{border-radius:0;border-left:5px solid #d1323c;font:600 12px/1 var(--f-d);letter-spacing:.06em;text-transform:uppercase}
.pp[data-skin=tv] .pp-strip__bar.is-nat{border-left-color:#ffcf4d}
.pp[data-skin=tv] .pp-strip__y{font-family:var(--f-m);font-size:11px}
/* подменю и заголовки - как у страницы матча */
.pp[data-skin=tv] .pp-tab{font:600 14px/1 var(--f-d);letter-spacing:.12em;text-transform:uppercase}
.pp[data-skin=tv] .pp-h{display:inline-block;background:#f4efe1;color:#1c1c1c;border-left:6px solid #d1323c;padding:7px 16px 8px 12px;font:600 28px/1.1 var(--f-d);letter-spacing:.03em;text-transform:uppercase}
.pp[data-skin=tv] .pp-h3{font:600 15px/1.1 var(--f-d);letter-spacing:.08em;text-transform:uppercase;padding-bottom:9px;border-bottom:2px solid #1c1c1c}
.pp[data-skin=tv] .pp-sub,.pp[data-skin=tv] .pp-note{color:var(--mut)}
.pp[data-skin=tv] .pp-cgroup .pp-note{color:var(--surf-mut)}
.pp[data-skin=tv] .pp-fbtn{border-color:rgba(244,239,225,.35);font-family:var(--f-d);letter-spacing:.06em;text-transform:uppercase}
.pp[data-skin=tv] .pp-fbtn[aria-pressed=true]{background:#f4efe1;color:#1c1c1c}
.pp[data-skin=tv] .pp-mg__n{font:600 17px/1.2 var(--f-d);letter-spacing:.04em;text-transform:uppercase}
.pp[data-skin=tv] .pp-m__sc{background:#1c1c1c;color:#ffcf4d;font-family:var(--f-n);font-size:18px;letter-spacing:.04em}
.pp[data-skin=tv] .pp-m__sc small{color:rgba(244,239,225,.75);font-family:var(--f-t)}
.pp[data-skin=tv] .pp-plate{background:#f4efe1;border:2px dashed rgba(28,28,28,.3)}
.pp[data-skin=tv] .pp-gbtn{border-color:rgba(244,239,225,.4)}

/* ---------- protokol · «Протокол» (1950-1978): папка с делом, машинопись, штампы, красно-синий карандаш ---------- */
.pp[data-skin=protokol]{
  --bg:#fbf8f1;--fg:#1c1c1c;--mut:#5f584b;--line:#d8cdb0;
  --surf:#f6efe1;--surf-fg:#1c1c1c;--surf-mut:#5f584b;--surf-line:#d8cdb0;--surf-2:#efe5cf;
  --acc:#d1323c;--acc-fg:#fff;--acc-t:#b3272f;--link:#1a4fa0;
  --p-base:#2a261e;--p-fg:#f6efe1;--p-mut:rgba(246,239,225,.74);--p-line:rgba(246,239,225,.22);
  --c-bg:#fffcf3;--c-fg:#1c1c1c;--c-mut:#5f584b;
  --t-bg:#efe6d2;--t-fg:#1c1c1c;--t-act:#1a4fa0;--t-line:#1a4fa0;
  --win:#2f7d4a;--draw:#6d675a;--loss:#b3272f;
  --tick:#1a4fa0;--tick-g:#d1323c;--bar:#fffcf3;--bar-fg:#1c1c1c;--bar-n:#1a4fa0;--bar-n-fg:#fff;
  --f-d:'PPB Mono',ui-monospace,monospace;--f-n:Unbounded,Manrope,sans-serif;--f-m:'PPB Mono',ui-monospace,monospace;
  --r:16px;--sh:none;
}
.pp[data-skin=protokol] .pp-pass{background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 6px),radial-gradient(90% 60% at 50% 0,#3b352a,#211d16 80%)}
/* папка: крафт по краю, лист с линовкой и красным полем, вкладка «Личное дело» */
.pp[data-skin=protokol] .pp-card{margin:64px 0 0;border-radius:6px;padding:36px 36px 36px 64px;
  background:linear-gradient(90deg,transparent 40px,rgba(209,50,60,.45) 40px 41.5px,transparent 41.5px),repeating-linear-gradient(180deg,transparent 0 31px,rgba(26,79,160,.13) 31px 32px),#fffcf3;
  box-shadow:0 0 0 16px #dcc895,0 0 0 17px #b9a36a,0 30px 50px rgba(0,0,0,.5)}
.pp[data-skin=protokol] .pp-card__deco .pp-tab-label{display:block;position:absolute;left:-17px;top:-62px;padding:12px 30px 22px;background:#dcc895;border:1px solid #b9a36a;border-bottom:0;border-radius:10px 26px 0 0;
  font:700 13px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#1c1c1c}
.pp[data-skin=protokol] .pp-photo__frame{border-radius:2px;background:#fff;padding:9px 9px 26px;transform:rotate(-2.2deg);box-shadow:0 1px 2px rgba(0,0,0,.2),0 14px 22px -10px rgba(0,0,0,.45);overflow:visible}
.pp[data-skin=protokol] .pp-photo__frame::before{content:"";position:absolute;z-index:4;top:-16px;left:26px;width:16px;height:52px;border:3px solid #8d939c;border-radius:9px;box-shadow:inset 0 0 0 3px transparent}
.pp[data-skin=protokol] .pp-photo__frame::after{content:"";position:absolute;z-index:3;top:-9px;left:31px;width:6px;height:36px;border:3px solid #a6abb3;border-bottom:0;border-radius:6px 6px 0 0}
.pp[data-skin=protokol] .pp-photo__cap{font-family:var(--f-m);font-size:11.5px;color:var(--c-mut);margin-top:16px}
.pp[data-skin=protokol] .pp-mono{background:#efe5cf}
.pp[data-skin=protokol] .pp-mono__l{font:800 96px/1 var(--f-m);color:#1c1c1c}
.pp[data-skin=protokol] .pp-era{order:9;align-self:flex-end;margin:-4px 8px 0 0;z-index:2;flex-direction:column;align-items:center;gap:2px;padding:8px 14px 7px;border:2.5px solid #1a4fa0;border-radius:6px;
  box-shadow:inset 0 0 0 2px #fffcf3,inset 0 0 0 3.5px #1a4fa0;color:#1a4fa0;transform:rotate(5deg);font:800 14px/1.1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;opacity:.88}
.pp[data-skin=protokol] .pp-era__dot{display:none}
.pp[data-skin=protokol] .pp-era__why{color:#1a4fa0;font:600 10px/1.2 var(--f-m);letter-spacing:.06em;text-transform:none}
.pp[data-skin=protokol] .pp-name{font:800 42px/1.08 var(--f-m);letter-spacing:.06em;text-transform:uppercase;padding-bottom:14px;border-bottom:4px double #1c1c1c;margin-bottom:-8px}
@media (min-width:768px){.pp[data-skin=protokol] .pp-id__head{display:contents}}
.pp[data-skin=protokol] .pp-latin,.pp[data-skin=protokol] .pp-role{font-family:var(--f-m);font-size:14px}
.pp[data-skin=protokol] .pp-role{font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pp[data-skin=protokol] .pp-role__p{color:#b3272f}
/* карточка: строки с точечным заполнителем, как «Карточка матча» */
.pp[data-skin=protokol] .pp-facts{grid-template-columns:1fr;gap:0;padding:10px 18px 8px;background:#fff;border:1px solid #d8cdb0;border-radius:4px}
.pp[data-skin=protokol] .pp-fact{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid #eadfc4}
.pp[data-skin=protokol] .pp-fact dt{flex:none;margin:0;font:500 11.5px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:#5f584b}
.pp[data-skin=protokol] .pp-fact dt::after{content:"";display:inline-block}
.pp[data-skin=protokol] .pp-fact dd{flex:1;display:flex;align-items:baseline;gap:8px;justify-content:flex-end;text-align:right;font:600 14px/1.3 var(--f-m)}
.pp[data-skin=protokol] .pp-fact dd::before{content:"";flex:1;min-width:16px;border-bottom:1.5px dotted #b9ad8e;margin-right:2px;align-self:center;order:-1}
.pp[data-skin=protokol] .pp-fact small{font-size:12px;margin-left:4px}
/* цифры - перекидные таблички на чёрной доске, как счёт; штамп «в базе 8match» */
.pp[data-skin=protokol] .pp-bento{background:#1f1d1a;border-radius:14px;padding:18px;gap:14px;box-shadow:0 14px 24px -12px rgba(0,0,0,.6)}
.pp[data-skin=protokol] .pp-bento__mark{position:absolute;right:14px;top:-20px;z-index:3;color:#d1323c;font:800 13px/1 var(--f-m);letter-spacing:.2em;text-transform:uppercase;padding:8px 12px 7px 14px;
  border:2.5px solid currentColor;border-radius:6px;box-shadow:inset 0 0 0 2px #fffcf3,inset 0 0 0 3.5px currentColor;background:rgba(255,252,243,.92);transform:rotate(-6deg);opacity:.9}
.pp[data-skin=protokol] .pp-kpi{background:transparent;padding:0;min-height:0;gap:6px;color:#f6efe1}
.pp[data-skin=protokol] .pp-kpi__n{position:relative;align-self:flex-start;min-width:84px;padding:20px 14px 12px;text-align:center;border-radius:10px;
  background:linear-gradient(180deg,#fffaf0 0 50%,#f1e9d6 50%);color:#1c1c1c;font:800 40px/1 var(--f-n);box-shadow:0 2px 0 #c9bc9a,0 8px 14px rgba(0,0,0,.5)}
.pp[data-skin=protokol] .pp-kpi__n::before,.pp[data-skin=protokol] .pp-kpi__n::after{content:"";position:absolute;top:7px;width:7px;height:7px;border-radius:50%;background:#1f1d1a}
.pp[data-skin=protokol] .pp-kpi__n::before{left:12px}.pp[data-skin=protokol] .pp-kpi__n::after{right:12px}
.pp[data-skin=protokol] .pp-kpi__l{font:700 12.5px/1.2 var(--f-m);letter-spacing:.06em;text-transform:uppercase}
.pp[data-skin=protokol] .pp-kpi__d,.pp[data-skin=protokol] .pp-kpi__src{color:rgba(246,239,225,.7);font-size:12px}
.pp[data-skin=protokol] .pp-kpi__ic{display:none}
.pp[data-skin=protokol] .pp-kpi__years a{color:#f6efe1;border-color:rgba(246,239,225,.4);font-family:var(--f-m);font-size:12px}
/* лента: синий и красный карандаш */
.pp[data-skin=protokol] .pp-strip__t{font:700 13px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase}
.pp[data-skin=protokol] .pp-strip__eps{height:26px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(246,239,225,.25)}
.pp[data-skin=protokol] .pp-strip__ep{font-family:var(--f-m);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11px}
.pp[data-skin=protokol] .pp-strip__ticks i{background:#7fa6e6}
.pp[data-skin=protokol] .pp-strip__ticks i.is-g{background:#ff6a72}
.pp[data-skin=protokol] .pp-strip__legend i{background:#7fa6e6}.pp[data-skin=protokol] .pp-strip__legend i.is-g{background:#ff6a72}
.pp[data-skin=protokol] .pp-strip__bar{border-radius:2px;font-family:var(--f-m);font-weight:700;border:1px solid #b9a36a}
.pp[data-skin=protokol] .pp-strip__y{font-family:var(--f-m);font-size:11px}
.pp[data-skin=protokol] .pp-tab{font:600 12.5px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;min-height:48px;margin-top:6px;border-radius:8px 8px 0 0}
.pp[data-skin=protokol] .pp-tab::after{display:none}
.pp[data-skin=protokol] .pp-tab[aria-current=true]{background:#fffcf3;box-shadow:0 0 0 1px #d8cdb0}
.pp[data-skin=protokol] .pp-h{font:800 28px/1.15 var(--f-t);padding-bottom:10px;background:linear-gradient(90deg,#d1323c 0 50%,#1a4fa0 50%) 0 100%/132px 4px no-repeat}
.pp[data-skin=protokol] .pp-h3{font:700 12.5px/1.2 var(--f-m);letter-spacing:.1em;text-transform:uppercase;padding-bottom:9px;border-bottom:1px solid #d1323c}
.pp[data-skin=protokol] .pp-cgroup,.pp[data-skin=protokol] .pp-tablewrap,.pp[data-skin=protokol] .pp-mg,.pp[data-skin=protokol] .pp-squad,
.pp[data-skin=protokol] .pp-tw,.pp[data-skin=protokol] .pp-tr2,.pp[data-skin=protokol] .pp-shot,.pp[data-skin=protokol] .pp-plate{border:1px solid #d8cdb0}
.pp[data-skin=protokol] .pp-crow__y,.pp[data-skin=protokol] .pp-trow time,.pp[data-skin=protokol] .pp-m__d,.pp[data-skin=protokol] .pp-table{font-family:var(--f-m)}
.pp[data-skin=protokol] .pp-table{font-size:13px}
.pp[data-skin=protokol] .pp-crow__n,.pp[data-skin=protokol] .pp-chip:hover{color:#1a4fa0}
.pp[data-skin=protokol] .pp-chip{background:#fff;border:1px solid #d8cdb0;font-family:var(--f-m);font-weight:600}
.pp[data-skin=protokol] .pp-chip:hover{background:#1a4fa0;color:#fff}
.pp[data-skin=protokol] .pp-m__sc{background:#1c1c1c;color:#fffcf3;font-family:var(--f-m)}
.pp[data-skin=protokol] .pp-m__sc small{color:#d8cdb0}
.pp[data-skin=protokol] .pp-fbtn{font-family:var(--f-m);font-weight:600;letter-spacing:.04em;border-color:#c9bc9a}
.pp[data-skin=protokol] .pp-note,.pp[data-skin=protokol] .pp-sub{font-family:var(--f-m);font-size:12px}
.pp[data-skin=protokol] .pp-photo__cap a{color:#1a4fa0}

/* ---------- vhs · «Видеокассета» (1979-1989): наклейка кассеты, кинескоп, лампочное табло, телетекст ---------- */
.pp[data-skin=vhs]{
  --bg:#10153a;--fg:#e9ecff;--mut:#aab3e6;--line:rgba(160,175,255,.18);
  --surf:#1c2459;--surf-fg:#e9ecff;--surf-mut:#aab3e6;--surf-line:rgba(160,175,255,.16);--surf-2:#2a3373;
  --acc:#f5ff67;--acc-fg:#0b0f2a;--acc-t:#f5ff67;--link:#3ee6ff;
  --p-base:#10153a;--p-fg:#e9ecff;--p-mut:#aab3e6;--p-line:rgba(160,175,255,.24);
  --t-bg:#fff;--t-fg:#1c2459;--t-act:#c2185b;--t-line:#ff3d8b;
  --win:#2fa86b;--draw:#6b73a8;--loss:#e5394c;
  --tick:#3ee6ff;--tick-g:#ff3d8b;--bar:#e4e8f0;--bar-fg:#0b0f2a;--bar-n:#ff3d8b;--bar-n-fg:#0b0f2a;
  --f-d:Unbounded,'PPB Oswald',sans-serif;--f-n:'PPB Handjet','PPB Oswald',monospace;--f-l:'PPB Oswald','Arial Narrow',sans-serif;
  --r:14px;--sh:0 0 0 1px rgba(160,175,255,.14),0 18px 30px -18px rgba(0,0,0,.7);
  --chrome:linear-gradient(180deg,#fff 0%,#e4e8f0 42%,#8d96ac 50%,#c6ccd9 70%,#f5f7fb 100%);
  --casing:linear-gradient(180deg,#30323f 0%,#1b1c26 60%,#14151d 100%);
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),#10153a;
}
.pp[data-skin=vhs] .pp-pass{background:radial-gradient(1100px 420px at 50% -140px,rgba(62,230,255,.12),transparent 70%),repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),#10153a}
/* пол-сетка под паспортом, как на первом экране «Видеокассеты» */
.pp[data-skin=vhs] .pp-pass__bg i:nth-child(1){top:auto;height:300px;bottom:-40px;transform:perspective(420px) rotateX(62deg);transform-origin:50% 100%;opacity:.5;
  background:repeating-linear-gradient(90deg,rgba(255,61,139,.55) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(255,61,139,.55) 0 1px,transparent 1px 40px);
  -webkit-mask:linear-gradient(0deg,#000,transparent 85%);mask:linear-gradient(0deg,#000,transparent 85%)}
.pp[data-skin=vhs] .pp-top::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:linear-gradient(90deg,#ff3d8b 25%,#ff7a1a 0 50%,#f5ff67 0 75%,#3ee6ff 0)}
/* кинескоп */
.pp[data-skin=vhs] .pp-photo__frame{border-radius:28px;padding:14px;background:var(--casing);box-shadow:0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.12),0 26px 40px rgba(0,0,0,.55)}
.pp[data-skin=vhs] .pp-photo__frame img{border-radius:22px/30px}
.pp[data-skin=vhs] .pp-photo__glass{inset:14px;border-radius:22px/30px;background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),radial-gradient(70% 50% at 30% 18%,rgba(255,255,255,.22),transparent 60%),radial-gradient(120% 100% at 50% 50%,transparent 60%,rgba(0,0,0,.5))}
.pp[data-skin=vhs] .pp-mono{inset:14px;border-radius:22px/30px;background:radial-gradient(circle at 50% 45%,#2a3373,#0b0f2b 75%)}
.pp[data-skin=vhs] .pp-mono__l{font:900 italic 96px/1 var(--f-d);color:#f5ff67;text-shadow:4px 4px 0 #ff3d8b}
.pp[data-skin=vhs] .pp-photo__cap{color:var(--p-mut)}
/* наклейка кассеты: кремовая полоса, радужные бруски слева, тёмный торец с годами справа */
.pp[data-skin=vhs] .pp-id__head{background:#f4efe1;color:#1c2459;border-radius:6px;padding:16px 128px 18px 60px;gap:8px;box-shadow:0 0 0 6px #0b0f2b,0 0 0 7px rgba(160,175,255,.25),0 22px 36px rgba(0,0,0,.5);overflow:hidden}
.pp[data-skin=vhs] .pp-id__head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:40px;background:linear-gradient(180deg,#ff3d8b 25%,#ff7a1a 0 50%,#f5ff67 0 75%,#3ee6ff 0)}
.pp[data-skin=vhs] .pp-era{font:600 13px/1.2 var(--f-l);letter-spacing:.1em;text-transform:uppercase;color:#323b6b}
.pp[data-skin=vhs] .pp-era__dot{border-radius:2px;background:#ff3d8b}
.pp[data-skin=vhs] .pp-era__why{color:#565d80;letter-spacing:.02em;text-transform:none;font-family:var(--f-t);font-weight:600}
.pp[data-skin=vhs] .pp-name{font:900 italic 44px/1.04 var(--f-d);font-size:clamp(22px,12.5cqi,44px);color:#1c2459;text-transform:uppercase;letter-spacing:-.01em}
.pp[data-skin=vhs] .pp-latin{color:#565d80;font-weight:600}
.pp[data-skin=vhs] .pp-role{color:#1c2459;font:600 16px/1.2 var(--f-l);letter-spacing:.06em;text-transform:uppercase}
.pp[data-skin=vhs] .pp-role__p{color:#c2185b}
.pp[data-skin=vhs] .pp-bigyears{display:flex;position:absolute;right:0;top:0;bottom:0;width:104px;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#0b0f2b;color:#f5ff67;
  font:700 30px/1 var(--f-n);letter-spacing:.06em}
.pp[data-skin=vhs] .pp-bigyears small{font:600 11px/1 var(--f-l);letter-spacing:.16em;text-transform:uppercase;color:#3ee6ff;margin-bottom:8px}
.pp[data-skin=vhs] .pp-bigyears i{font-style:normal;line-height:.6;color:#ff3d8b}
/* данные - страница телетекста */
.pp[data-skin=vhs] .pp-facts{background:#05071a;border-radius:6px;padding:14px 18px;gap:6px 22px;box-shadow:0 0 0 1px rgba(160,175,255,.14)}
.pp[data-skin=vhs] .pp-fact dt{font:500 17px/1.1 var(--f-n);letter-spacing:.04em;color:#3ee6ff;margin:0;text-transform:uppercase}
.pp[data-skin=vhs] .pp-fact dd{font:600 22px/1.15 var(--f-n);letter-spacing:.03em;color:#fff}
.pp[data-skin=vhs] .pp-fact small{font:500 17px/1 var(--f-n);color:#f5ff67}
/* лампочное табло: точечная матрица маской */
.pp[data-skin=vhs] .pp-bento__mark{font:600 18px/1 var(--f-n);letter-spacing:.08em;text-transform:uppercase;color:#3ee6ff}
.pp[data-skin=vhs] .pp-kpi{background:#05071a;border:2px solid #2a3373;border-radius:16px;box-shadow:inset 0 0 22px rgba(255,61,139,.12);padding:14px 16px 16px}
.pp[data-skin=vhs] .pp-kpi__n{font:800 76px/.9 var(--f-n);color:#ff3d8b;text-shadow:0 0 12px rgba(255,61,139,.7);letter-spacing:.02em;
  -webkit-mask:radial-gradient(circle,#000 1.25px,transparent 1.55px) 0 0/3.4px 3.4px;mask:radial-gradient(circle,#000 1.25px,transparent 1.55px) 0 0/3.4px 3.4px}
.pp[data-skin=vhs] .pp-kpi:nth-of-type(even) .pp-kpi__n{color:#f5ff67;text-shadow:0 0 12px rgba(245,255,103,.6)}
.pp[data-skin=vhs] .pp-kpi__l{font:600 15px/1.15 var(--f-l);letter-spacing:.08em;text-transform:uppercase;color:#e9ecff}
.pp[data-skin=vhs] .pp-kpi__ic{color:#3ee6ff}
.pp[data-skin=vhs] .pp-kpi__years a{color:#f5ff67;border-color:rgba(245,255,103,.45);font-family:var(--f-l);letter-spacing:.04em}
.pp[data-skin=vhs] .pp-kpi__years a:hover{background:#f5ff67;color:#0b0f2a}
/* лента - ракорд кассеты */
.pp[data-skin=vhs] .pp-strip__t{font:600 14px/1 var(--f-l);letter-spacing:.14em;text-transform:uppercase}
.pp[data-skin=vhs] .pp-strip__eps{border-radius:4px;overflow:hidden;padding-top:6px;height:36px;background:linear-gradient(180deg,#ff3d8b 0 1.5px,#ff7a1a 0 3px,#f5ff67 0 4.5px,#3ee6ff 0 6px,transparent 0)}
.pp[data-skin=vhs] .pp-strip__ep{top:6px;font-family:var(--f-l);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.pp[data-skin=vhs] .pp-strip__bar{background:var(--chrome);border-radius:3px;transform:skewX(-12deg);font:600 italic 12px/1 var(--f-l);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 2px 0 rgba(0,0,0,.4)}
.pp[data-skin=vhs] .pp-strip__bar span{transform:skewX(12deg)}
.pp[data-skin=vhs] .pp-strip__bar.is-nat{background:#ff3d8b}
.pp[data-skin=vhs] .pp-strip__y{font:600 15px/1 var(--f-n);letter-spacing:.06em}
/* подменю между радужными полосами, заголовки - хромированные наклонные плашки */
.pp[data-skin=vhs] .pp-tabs{box-shadow:0 -6px 0 -2px transparent;border-top:5px solid transparent;border-bottom:5px solid transparent;
  border-image:linear-gradient(90deg,#ff3d8b 25%,#ff7a1a 0 50%,#f5ff67 0 75%,#3ee6ff 0) 1}
.pp[data-skin=vhs] .pp-tab{font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13.5px}
.pp[data-skin=vhs] .pp-h{display:inline-block;background:var(--chrome);color:#0b0f2a;padding:10px 28px 11px;font:900 italic 30px/1 var(--f-d);text-transform:uppercase;transform:skewX(-12deg);
  box-shadow:0 0 0 2px #0b0f2b,0 10px 22px rgba(0,0,0,.45);border-radius:4px}
.pp[data-skin=vhs] .pp-h3{font:600 15px/1.2 var(--f-l);letter-spacing:.1em;text-transform:uppercase;color:#f5ff67}
.pp[data-skin=vhs] .pp-h3 span{color:#aab3e6}
.pp[data-skin=vhs] .pp-m__sc{background:#05071a;color:#ff3d8b;font:700 20px/1 var(--f-n);letter-spacing:.06em;padding:4px 8px}
.pp[data-skin=vhs] .pp-m__sc small{color:#aab3e6;font-family:var(--f-t)}
.pp[data-skin=vhs] .pp-fbtn[aria-pressed=true]{background:#f5ff67;color:#0b0f2a;border-color:#f5ff67}
.pp[data-skin=vhs] .pp-chip{background:#2a3373;color:#f5ff67}
.pp[data-skin=vhs] .pp-chip:hover{background:#f5ff67;color:#0b0f2a}
.pp[data-skin=vhs] .pp-trophy__n{font-family:var(--f-n);font-size:40px;color:#f5ff67}

/* ---------- press · «Журнал и наклейки» (1990-1997): обложка журнала, вырезки, растр, карточка с фольгой ---------- */
.pp[data-skin=press]{
  --bg:#f4f4f4;--fg:#1c2459;--mut:#565d80;--line:rgba(28,36,89,.2);
  --surf:#fffdf8;--surf-fg:#1c2459;--surf-mut:#565d80;--surf-line:rgba(28,36,89,.13);--surf-2:#e8f9ff;
  --acc:#d9341a;--acc-fg:#fff;--acc-t:#c22e16;--link:#1497d4;
  --p-base:#e4ecff;--p-fg:#1c2459;--p-mut:#565d80;--p-line:rgba(28,36,89,.25);
  --c-bg:#fffdf8;--c-fg:#1c2459;--c-mut:#565d80;
  --t-bg:#fff;--t-fg:#1c2459;--t-act:#c22e16;--t-line:#d9341a;
  --win:#16804a;--draw:#6b7194;--loss:#c22e16;
  --tick:#1c2459;--tick-g:#d9341a;--bar:#fff;--bar-fg:#1c2459;--bar-n:#1c2459;--bar-n-fg:#fff;
  --f-d:'PPB Press','PPB Oswald',sans-serif;--f-n:'PPB Press','PPB Oswald',sans-serif;--f-l:Unbounded,Manrope,sans-serif;
  --r:14px;--sh:0 1px 2px rgba(28,36,89,.07),0 14px 28px -18px rgba(28,36,89,.5);
  --star:polygon(50% 0%,57.1% 9.6%,67.1% 3%,70.5% 14.5%,82.1% 11.7%,81.4% 23.6%,93.3% 25%,88.5% 36%,99.2% 41.3%,91% 50%,99.2% 58.7%,88.5% 64%,93.3% 75%,81.4% 76.4%,82.1% 88.3%,70.5% 85.5%,67.1% 97%,57.1% 90.4%,50% 100%,42.9% 90.4%,32.9% 97%,29.5% 85.5%,17.9% 88.3%,18.6% 76.4%,6.7% 75%,11.5% 64%,.8% 58.7%,9% 50%,.8% 41.3%,11.5% 36%,6.7% 25%,18.6% 23.6%,17.9% 11.7%,29.5% 14.5%,32.9% 3%,42.9% 9.6%);
  background:radial-gradient(rgba(28,36,89,.08) 1px,transparent 1.4px) 0 0/16px 16px,#f4f4f4;
}
.pp[data-skin=press] .pp-pass{background:radial-gradient(rgba(28,36,89,.1) 1px,transparent 1.4px) 0 0/16px 16px,linear-gradient(100deg,#dce8ff,#f6f0ff 50%,#ffe4ec)}
.pp[data-skin=press] .pp-skin select{background-color:#fff;color:#1c2459;border-color:rgba(28,36,89,.3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231c2459' stroke-width='1.6' fill='none'/%3E%3C/svg%3E")}
/* обложка: жирная рамка, жёсткая тень краской, шапка «8MATCHES» */
.pp[data-skin=press] .pp-card{border:3px solid #1c2459;border-radius:6px;box-shadow:10px 10px 0 #1c2459;padding:100px 36px 36px;margin:6px 10px 10px 0}
.pp[data-skin=press] .pp-card__deco .pp-mast{display:block;position:absolute;left:34px;top:18px;font:900 italic 60px/1 var(--f-d);letter-spacing:-.01em;color:#d9341a;text-shadow:3px 3px 0 #1c2459;text-transform:uppercase}
.pp[data-skin=press] .pp-card__deco::after{content:"";position:absolute;left:34px;right:34px;top:84px;height:3px;background:#1c2459}
.pp[data-skin=press] .pp-id,.pp[data-skin=press] .pp-id__head{position:static}
.pp[data-skin=press] .pp-bigyears{display:flex;position:absolute;right:34px;top:30px;align-items:flex-end;gap:2px;font:800 italic 30px/1 var(--f-d);color:#1c2459;padding-right:118px}
.pp[data-skin=press] .pp-bigyears small{position:absolute;right:118px;top:-16px;font:700 10px/1 var(--f-l);letter-spacing:.1em;text-transform:uppercase;color:#565d80}
.pp[data-skin=press] .pp-bigyears i{font-style:normal}
.pp[data-skin=press] .pp-bigyears::after{content:"";position:absolute;right:0;bottom:0;width:104px;height:40px;border:2px solid #1c2459;border-radius:3px;
  background:repeating-linear-gradient(90deg,#1c2459 0 2px,transparent 2px 4px,#1c2459 4px 7px,transparent 7px 9px,#1c2459 9px 10px,transparent 10px 13px) 6px 5px/calc(100% - 12px) calc(100% - 10px) no-repeat}
/* коллекционная наклейка с фольгой */
.pp[data-skin=press] .pp-photo__frame{border-radius:12px;padding:10px;background:#fff;transform:rotate(-3deg);box-shadow:0 0 0 3px #1c2459,8px 10px 0 rgba(28,36,89,.85);overflow:visible}
.pp[data-skin=press] .pp-photo__frame::before{content:"";position:absolute;inset:4px;border-radius:9px;z-index:0;background:conic-gradient(from 210deg,#c8f3ff,#f5ff67,#ffb3d1,#c8f3ff,#b6ffd9,#f5ff67,#c8f3ff)}
.pp[data-skin=press] .pp-photo__frame img{position:relative;z-index:1;border-radius:6px;border:3px solid #fff}
.pp[data-skin=press] .pp-photo__frame::after{content:"";position:absolute;z-index:3;right:-6px;top:-6px;width:46px;height:46px;background:linear-gradient(225deg,#f4f4f4 50%,#d9d4c4 50%);border-radius:0 10px 0 0;box-shadow:-2px 2px 3px rgba(0,0,0,.15)}
.pp[data-skin=press] .pp-mono{inset:13px;border-radius:6px;z-index:1;background:radial-gradient(rgba(28,36,89,.14) 1.4px,transparent 1.8px) 0 0/10px 10px,#c8f3ff}
.pp[data-skin=press] .pp-mono__l{font:900 italic 110px/1 var(--f-d);color:#1c2459;text-shadow:5px 5px 0 #d9341a}
.pp[data-skin=press] .pp-photo__cap{margin-top:18px}
/* вырезки-заголовки: имя на наклонных плашках */
.pp[data-skin=press] .pp-era{font:700 11px/1.2 var(--f-l);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#d9341a;padding:7px 12px;transform:rotate(-1.5deg);box-shadow:3px 3px 0 #1c2459}
.pp[data-skin=press] .pp-era__dot{display:none}
.pp[data-skin=press] .pp-era__why{color:#ffe0d8;font-weight:600;letter-spacing:.02em;text-transform:none;font-family:var(--f-t)}
.pp[data-skin=press] .pp-name{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font:900 italic 64px/.95 var(--f-d);text-transform:uppercase;letter-spacing:0}
.pp[data-skin=press] .pp-name__f{display:inline-block;font-size:34px;background:#16804a;color:#fff;padding:4px 14px 6px;transform:rotate(-1deg);box-shadow:4px 4px 0 #1c2459}
.pp[data-skin=press] .pp-name__l{display:inline-block;background:#1c2459;color:#fff;padding:6px 18px 10px;box-shadow:6px 6px 0 #1497d4}
.pp[data-skin=press] .pp-latin{margin-top:4px;font-weight:600}
.pp[data-skin=press] .pp-role{font:800 italic 22px/1.1 var(--f-d);text-transform:uppercase;letter-spacing:.01em}
.pp[data-skin=press] .pp-role__p{color:#c22e16}
.pp[data-skin=press] .pp-facts{padding-top:16px;border-top:2px dashed rgba(28,36,89,.4)}
.pp[data-skin=press] .pp-fact dt{font:700 10.5px/1.2 var(--f-l);letter-spacing:.08em;text-transform:uppercase;color:#565d80}
.pp[data-skin=press] .pp-fact dd{font-weight:800;font-size:16px;color:#1c2459}
/* цифры: звезда-наклейка для первой, остальные - журнальные цифры с тенью краской */
.pp[data-skin=press] .pp-bento__mark{justify-self:start;font:700 10.5px/1 var(--f-l);letter-spacing:.08em;text-transform:uppercase;color:#1c2459;border:2px solid #1c2459;border-radius:999px;padding:6px 10px}
.pp[data-skin=press] .pp-bento,.pp[data-skin=press] .pp-bento[data-n="3"]{grid-template-columns:repeat(6,minmax(0,1fr))}
.pp[data-skin=press] .pp-bento .pp-kpi{grid-column:span 2}
.pp[data-skin=press] .pp-bento .pp-kpi:first-of-type{grid-column:1/-1}
.pp[data-skin=press] .pp-bento[data-n="3"] .pp-kpi{grid-column:span 3}
.pp[data-skin=press] .pp-bento[data-n="3"] .pp-kpi:first-of-type{grid-column:1/-1}
.pp[data-skin=press] .pp-bento__mark{grid-column:1/-1}
@media (min-width:1280px){.pp[data-skin=press] .pp-bento .pp-kpi{grid-column:span 3}.pp[data-skin=press] .pp-bento[data-n="4"] .pp-kpi:last-of-type,.pp[data-skin=press] .pp-bento .pp-kpi:first-of-type{grid-column:1/-1}}
@media (max-width:899px){.pp[data-skin=press] .pp-bento .pp-kpi{grid-column:span 3}.pp[data-skin=press] .pp-bento[data-n="4"] .pp-kpi:last-of-type,.pp[data-skin=press] .pp-bento .pp-kpi:first-of-type{grid-column:1/-1}}
.pp[data-skin=press] .pp-kpi{background:#fff;border:2px solid #1c2459;border-radius:10px;box-shadow:4px 4px 0 #1c2459}
.pp[data-skin=press] .pp-kpi__n{font:900 italic 68px/.9 var(--f-n);color:#1c2459;text-shadow:3px 3px 0 #d9341a}
.pp[data-skin=press] .pp-kpi__l{font:800 italic 19px/1.05 var(--f-d);text-transform:uppercase;color:#1c2459}
.pp[data-skin=press] .pp-kpi__ic{color:#1497d4}
.pp[data-skin=press] .pp-kpi:first-of-type{background:#c8f3ff}
.pp[data-skin=press] .pp-kpi:first-of-type .pp-kpi__n{position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(-8deg);width:118px;height:118px;display:grid;place-items:center;
  background:#d9341a;color:#fff;text-shadow:2px 2px 0 #1c2459;clip-path:var(--star);font-size:48px}
.pp[data-skin=press] .pp-kpi:first-of-type{padding-right:140px;min-height:140px;justify-content:center}
.pp[data-skin=press] .pp-kpi:first-of-type .pp-kpi__ic{display:none}
.pp[data-skin=press] .pp-kpi__years a{border-width:2px;color:#1c2459}
.pp[data-skin=press] .pp-strip{background:#fffdf8;border:3px solid #1c2459;border-radius:6px;padding:14px 18px 16px;box-shadow:6px 6px 0 #1c2459;margin-right:10px}
.pp[data-skin=press] .pp-strip__t{font:900 italic 22px/1 var(--f-d);text-transform:uppercase}
.pp[data-skin=press] .pp-strip__eps{border:2px solid #1c2459;border-radius:4px;overflow:hidden;height:32px}
.pp[data-skin=press] .pp-strip__ep{font:800 italic 14px/1 var(--f-d);text-transform:uppercase;letter-spacing:.02em}
.pp[data-skin=press] .pp-strip__bar{border:2px solid #1c2459;border-radius:4px;font:800 italic 13px/1 var(--f-d);text-transform:uppercase;box-shadow:2px 2px 0 #1c2459}
.pp[data-skin=press] .pp-strip__lane .pp-strip__bar:nth-child(even){transform:rotate(-1deg)}
.pp[data-skin=press] .pp-strip__mid{border-left-color:#d9341a}
.pp[data-skin=press] .pp-strip__mid b{background:#d9341a;color:#fff}
.pp[data-skin=press] .pp-tab{text-transform:uppercase;font-weight:800;font-size:13.5px;letter-spacing:.03em}
.pp[data-skin=press] .pp-h{display:inline-block;background:#1d3a9c;color:#fff;padding:8px 22px 10px;font:900 italic 38px/1 var(--f-d);text-transform:uppercase;transform:rotate(-1.5deg);box-shadow:5px 5px 0 #1c2459}
.pp[data-skin=press] .pp-h3{font:900 italic 21px/1 var(--f-d);text-transform:uppercase}
.pp[data-skin=press] .pp-cgroup,.pp[data-skin=press] .pp-tablewrap,.pp[data-skin=press] .pp-mg,.pp[data-skin=press] .pp-squad,
.pp[data-skin=press] .pp-tw,.pp[data-skin=press] .pp-tr2,.pp[data-skin=press] .pp-shot,.pp[data-skin=press] .pp-plate{border:1.5px solid rgba(28,36,89,.3)}
.pp[data-skin=press] .pp-mg__n{font:900 italic 20px/1.1 var(--f-d);text-transform:uppercase}
.pp[data-skin=press] .pp-m__sc{background:#1c2459;color:#fff;font:900 italic 18px/1 var(--f-d);padding:4px 8px}
.pp[data-skin=press] .pp-m__sc small{color:#c8f3ff;font-family:var(--f-t);font-style:normal}
.pp[data-skin=press] .pp-trophy{background:#fff;border:2px solid #1c2459;box-shadow:3px 3px 0 #1c2459}
.pp[data-skin=press] .pp-trophy__n{font:900 italic 38px/1 var(--f-d);color:#d9341a;text-shadow:2px 2px 0 #1c2459}
.pp[data-skin=press] .pp-shot{transform:rotate(-.6deg)}
.pp[data-skin=press] .pp-shot:nth-child(even){transform:rotate(.7deg)}

/* ---------- fr98 · «Франция-98» (1998-1999): эфир 1998, вечерний стадион, плашка счёта, синие полосы ---------- */
.pp[data-skin=fr98]{
  --bg:#e9eefa;--fg:#0b1740;--mut:#46557f;--line:rgba(11,23,64,.16);
  --surf:#fff;--surf-fg:#0b1740;--surf-mut:#46557f;--surf-line:rgba(11,23,64,.12);--surf-2:#eef2fb;
  --acc:#1f45d8;--acc-fg:#fff;--acc-t:#1f45d8;--link:#0a6a88;
  --p-base:#0a1838;--p-fg:#fff;--p-mut:rgba(255,255,255,.8);--p-line:rgba(255,255,255,.25);
  --t-bg:#fff;--t-fg:#0b1740;--t-act:#fff;--t-line:transparent;
  --win:#16804a;--draw:#66708f;--loss:#d71f2b;
  --tick:#7fefff;--tick-g:#f2b632;--bar:#fff;--bar-fg:#0b1740;--bar-n:linear-gradient(90deg,#13285e,#1f45d8);--bar-n-fg:#fff;
  --f-d:'PPB Phil','Philosopher',Manrope,serif;--f-n:'PPB Phil',Manrope,serif;
  --r:12px;--sh:0 0 0 1px rgba(11,23,64,.09),0 1px 0 #fff inset,0 22px 40px -26px rgba(11,23,64,.55),0 6px 14px -9px rgba(11,23,64,.2);
  --lcd:linear-gradient(90deg,#13285e,#1f45d8);
}
.pp[data-skin=fr98] .pp-pass__bg i:nth-child(1){background:url(/images/match-themes/fr98/stadium-night.jpg) center 35%/cover no-repeat}
.pp[data-skin=fr98] .pp-pass__bg i:nth-child(2){background:linear-gradient(180deg,rgba(6,14,40,.62),rgba(6,14,40,.5) 40%,rgba(6,14,40,.9)),linear-gradient(90deg,rgba(6,14,40,.75),transparent 60%)}
.pp[data-skin=fr98] .pp-pass__bg i:nth-child(3){top:auto;height:6px;background:linear-gradient(90deg,#18c6e6,#f4f7fc 50%,#ff7a1a)}
.pp[data-skin=fr98] .pp-photo__frame{border-radius:4px;border:4px solid #fff;box-shadow:0 0 0 1px rgba(11,23,64,.4),0 20px 40px rgba(0,0,0,.55)}
.pp[data-skin=fr98] .pp-photo__frame::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;z-index:3;background:var(--lcd)}
.pp[data-skin=fr98] .pp-mono{background:linear-gradient(160deg,#2a1f86,#0a0a3a)}
.pp[data-skin=fr98] .pp-mono__l{font:700 100px/1 var(--f-d);color:#fff;letter-spacing:.06em;text-shadow:0 0 24px rgba(127,239,255,.6)}
.pp[data-skin=fr98] .pp-era{font:700 12px/1.2 var(--f-d);letter-spacing:.2em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-era__dot{border-radius:0;width:18px;height:12px;background:linear-gradient(90deg,#18c6e6 33%,#f4f7fc 0 66%,#ff7a1a 0)}
.pp[data-skin=fr98] .pp-era__why{letter-spacing:.02em;text-transform:none;font-family:var(--f-t);color:var(--p-mut)}
/* плашка счёта эфира: синий градиент с бликом, скошенные края, разрядка */
.pp[data-skin=fr98] .pp-name{align-self:flex-start;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 48%),var(--lcd);color:#fff;
  padding:14px 54px 14px 26px;font:700 40px/1.1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%);
  box-shadow:0 10px 30px rgba(0,0,0,.4)}
.pp[data-skin=fr98] .pp-latin{font:700 14px/1.2 var(--f-d);letter-spacing:.16em;text-transform:uppercase;color:var(--p-mut)}
.pp[data-skin=fr98] .pp-role{font:700 16px/1.2 var(--f-d);letter-spacing:.12em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-role__p{color:#f2b632}
/* часы эфира - годы карьеры */
.pp[data-skin=fr98] .pp-bigyears{display:inline-flex;align-self:flex-start;align-items:baseline;gap:2px;margin-top:4px;background:#fff;color:#1f45d8;padding:6px 14px 8px;font:700 30px/1 var(--f-d);
  border-top:4px solid #1f45d8;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.pp[data-skin=fr98] .pp-bigyears small{align-self:center;margin-right:10px;font:700 11px/1 var(--f-d);letter-spacing:.2em;text-transform:uppercase;color:#46557f}
.pp[data-skin=fr98] .pp-bigyears i{font-style:normal;color:#0b1740}
/* нижняя строка эфира: золотые подписи, разделители */
.pp[data-skin=fr98] .pp-facts{background:rgba(13,30,110,.82);padding:14px 18px;gap:12px 0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));box-shadow:0 0 0 1px rgba(127,239,255,.15)}
.pp[data-skin=fr98] .pp-fact{border-left:3px solid #f2b632;padding-left:12px}
.pp[data-skin=fr98] .pp-fact dt{font:700 11px/1.2 var(--f-t);letter-spacing:.12em;text-transform:uppercase;color:#f2b632}
.pp[data-skin=fr98] .pp-fact dd{color:#fff}
.pp[data-skin=fr98] .pp-fact small{color:rgba(255,255,255,.75)}
/* цифры - титры «нижней трети»: синяя капсула с цифрой и подпись */
.pp[data-skin=fr98] .pp-bento{grid-template-columns:1fr;gap:10px}
.pp[data-skin=fr98] .pp-bento__mark{font:700 11px/1 var(--f-d);letter-spacing:.2em;text-transform:uppercase;color:#f2b632}
.pp[data-skin=fr98] .pp-bento[data-n="3"] .pp-kpi:first-of-type{grid-column:auto}
.pp[data-skin=fr98] .pp-kpi{display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-areas:"n l" "n d" "n y";align-items:center;column-gap:16px;row-gap:2px;
  min-height:0;padding:0 14px 0 0;border-radius:0 40px 40px 0;background:rgba(6,14,40,.72);box-shadow:0 0 0 1px rgba(127,239,255,.18)}
.pp[data-skin=fr98] .pp-kpi__n{grid-area:n;align-self:stretch;display:grid;place-items:center;padding:12px 0;font:700 40px/1 var(--f-n);color:#fff;font-style:italic;
  background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,0) 50%),var(--lcd);border-radius:0 40px 40px 0}
.pp[data-skin=fr98] .pp-kpi__l{grid-area:l;font:700 15px/1.15 var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:#fff;padding-top:12px}
.pp[data-skin=fr98] .pp-kpi__d,.pp[data-skin=fr98] .pp-kpi__src{grid-area:d;color:rgba(255,255,255,.75);padding-bottom:12px}
.pp[data-skin=fr98] .pp-kpi__years{grid-area:y;padding-bottom:12px}
.pp[data-skin=fr98] .pp-kpi--wc .pp-kpi__d{display:none}
.pp[data-skin=fr98] .pp-kpi__years a{color:#7fefff;border-color:rgba(127,239,255,.5)}
.pp[data-skin=fr98] .pp-kpi__ic{display:none}
.pp[data-skin=fr98] .pp-strip__t{font:700 13px/1 var(--f-d);letter-spacing:.2em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-strip__eps{height:32px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.pp[data-skin=fr98] .pp-strip__ep{font:700 12px/1 var(--f-d);letter-spacing:.12em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-strip__bar{border-radius:0 14px 14px 0;font:700 12px/1 var(--f-d);letter-spacing:.08em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-strip__bar.is-nat{background:var(--bar-n)}
.pp[data-skin=fr98] .pp-tabs{box-shadow:0 2px 0 #1f45d8}
.pp[data-skin=fr98] .pp-tab{font:700 14px/1 var(--f-d);letter-spacing:.12em;text-transform:uppercase;border-radius:0 22px 22px 0;margin:6px 0;min-height:42px}
.pp[data-skin=fr98] .pp-tab[aria-current=true]{background:var(--lcd);color:#fff}
.pp[data-skin=fr98] .pp-h{display:inline-block;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 48%),var(--lcd);color:#fff;padding:10px 46px 11px 18px;
  font:700 26px/1.1 var(--f-d);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%)}
.pp[data-skin=fr98] .pp-h3{font:700 14px/1.2 var(--f-d);letter-spacing:.14em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-mg__n{font:700 16px/1.2 var(--f-d);letter-spacing:.08em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-m__sc{background:var(--lcd);color:#f2b632;font:700 16px/1 var(--f-d)}
.pp[data-skin=fr98] .pp-m__sc small{color:#c3cde4;font-family:var(--f-t)}
.pp[data-skin=fr98] .pp-fbtn[aria-pressed=true]{background:#1f45d8;border-color:#1f45d8;color:#fff}
.pp[data-skin=fr98] .pp-trophy__n{font-family:var(--f-d)}

/* ---------- era00 · «Глянцевый эфир» (2000-2009): хром, глянец, прожекторы, экран футбольной игры ---------- */
.pp[data-skin=era00]{
  --bg:#0a1120;--fg:#eef3fb;--mut:#98a8c4;--line:rgba(173,196,235,.16);
  --surf:#101a30;--surf-fg:#eef3fb;--surf-mut:#a7b5cf;--surf-line:rgba(173,196,235,.14);--surf-2:#16233f;
  --acc:#3db8ff;--acc-fg:#04070e;--acc-t:#58c4ff;--link:#8fd5ff;
  --p-base:#0a1120;--p-fg:#eef3fb;--p-mut:#a7b5cf;--p-line:rgba(173,196,235,.3);
  --t-bg:#0d1526;--t-fg:#c5d1e6;--t-act:#fff;--t-line:transparent;
  --win:#1f9e57;--draw:#7c8aa6;--loss:#d8414d;
  --tick:#8fd5ff;--tick-g:#ffa032;--bar:linear-gradient(180deg,#5cb4f0,#0d5fa8);--bar-fg:#fff;--bar-n:linear-gradient(180deg,#ff6b6b,#b0182a);--bar-n-fg:#fff;
  --f-d:'PPB Exo','Exo 2',Manrope,sans-serif;--f-n:'PPB Exo','Exo 2',Manrope,sans-serif;
  --r:16px;--sh:0 0 0 1px rgba(173,196,235,.16),0 18px 30px -20px rgba(0,0,0,.8);
  --chrome:linear-gradient(180deg,#fff 0,#eaf0f9 34%,#a3b3cb 48%,#68788f 52%,#c8d4e7 76%,#f6f9fd 100%);
  --gloss:linear-gradient(180deg,rgba(255,255,255,.4) 0,rgba(255,255,255,.12) 48%,rgba(0,0,0,.04) 50%,rgba(0,0,0,.26) 100%);
  --carbon:repeating-linear-gradient(45deg,rgba(255,255,255,.024) 0 2px,transparent 2px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.3) 0 2px,transparent 2px 4px);
  --edge:linear-gradient(180deg,#f7faff,#8fa0ba 47%,#4f5e78 53%,#b9c6dc);
  background:var(--carbon),radial-gradient(900px 420px at 8% 0%,rgba(61,184,255,.1),transparent 70%),#0a1120;
}
.pp[data-skin=era00] .pp-pass{background:var(--carbon),linear-gradient(180deg,#16335f,#071225)}
.pp[data-skin=era00] .pp-pass__bg i:nth-child(1){background:url(/images/match-themes/era00/stage-lights.svg) center top/1600px auto no-repeat}
.pp[data-skin=era00] .pp-pass__bg i:nth-child(2){background:url(/images/match-themes/era00/stage-lamps.svg) center top/1600px auto no-repeat;opacity:.9}
.pp[data-skin=era00] .pp-pass__bg i:nth-child(3){top:auto;height:180px;background:linear-gradient(180deg,transparent,rgba(19,110,58,.45)),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 80px,transparent 80px 160px)}
.pp[data-skin=era00] .pp-skin select,.pp[data-skin=era00] .pp-crumbs a{border-radius:999px}
.pp[data-skin=era00] .pp-crumbs a,.pp[data-skin=era00] .pp-crumbs [aria-current]{padding:5px 12px;border-radius:999px;background:linear-gradient(180deg,#1f2c48,#0d1526);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(173,196,235,.25);text-decoration:none}
/* экран выбора игрока: глянцевая панель с хромированной кромкой */
.pp[data-skin=era00] .pp-card{border-radius:22px;padding:28px;background:linear-gradient(180deg,rgba(30,48,86,.92),rgba(10,17,32,.94)) padding-box,var(--edge) border-box;border:2px solid transparent;
  box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 40px rgba(61,184,255,.12)}
.pp[data-skin=era00] .pp-card::before{content:"";position:absolute;inset:2px 2px 55% 2px;border-radius:20px 20px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none;z-index:0}
.pp[data-skin=era00] .pp-photo__frame{border-radius:16px;border:3px solid transparent;background:linear-gradient(#0a1120,#0a1120) padding-box,var(--edge) border-box}
.pp[data-skin=era00] .pp-photo__glass{border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 45%,transparent 50%)}
.pp[data-skin=era00] .pp-mono{background:radial-gradient(circle at 50% 30%,#1e3a6b,#071225 70%)}
.pp[data-skin=era00] .pp-mono__l{font:900 italic 104px/1 var(--f-d);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.pp[data-skin=era00] .pp-era{padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,#ff6b6b,#b0182a);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 12px rgba(176,24,42,.45);
  font:800 12px/1.2 var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.pp[data-skin=era00] .pp-era__dot{display:none}
.pp[data-skin=era00] .pp-era__why{color:#ffe1e1;font-family:var(--f-t);letter-spacing:0;text-transform:none;font-weight:600}
.pp[data-skin=era00] .pp-name{font:900 italic 54px/1 var(--f-d);text-transform:uppercase;letter-spacing:-.005em;color:#fff;text-shadow:0 2px 0 #0d5fa8,0 8px 24px rgba(0,0,0,.5)}
.pp[data-skin=era00] .pp-role{gap:8px}
.pp[data-skin=era00] .pp-role__c,.pp[data-skin=era00] .pp-role__p{padding:5px 14px;border-radius:999px;background:linear-gradient(180deg,#22314f,#0d1526);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(173,196,235,.25);
  font:800 13px/1.2 var(--f-d);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.pp[data-skin=era00] .pp-facts{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01));border-radius:14px;padding:14px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(173,196,235,.18)}
.pp[data-skin=era00] .pp-fact dt{font:800 11px/1.2 var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:#ff9d7a}
/* цифры - глянцевые табло с хромом, как счёт */
.pp[data-skin=era00] .pp-bento__mark{font:800 11px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:#a9e2ff}
.pp[data-skin=era00] .pp-kpi{border-radius:16px;background:linear-gradient(180deg,#1b2a4a,#070d1a) padding-box,var(--edge) border-box;border:2px solid transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 24px rgba(0,0,0,.4)}
.pp[data-skin=era00] .pp-kpi::before{content:"";position:absolute;inset:0 0 50% 0;border-radius:14px 14px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);pointer-events:none}
.pp[data-skin=era00] .pp-kpi__n{font:900 italic 62px/1 var(--f-n);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4));padding-right:.06em}
.pp[data-skin=era00] .pp-kpi__l{font:800 13px/1.2 var(--f-d);letter-spacing:.08em;text-transform:uppercase}
.pp[data-skin=era00] .pp-kpi__ic{color:#ffa032}
.pp[data-skin=era00] .pp-kpi__years a{border-radius:999px;background:linear-gradient(180deg,#22314f,#0d1526);border-color:rgba(173,196,235,.35);font-family:var(--f-d);font-style:italic}
.pp[data-skin=era00] .pp-strip__t{font:900 italic 16px/1 var(--f-d);letter-spacing:.06em;text-transform:uppercase}
.pp[data-skin=era00] .pp-strip__eps{height:30px;border-radius:999px;overflow:hidden;box-shadow:0 0 0 2px rgba(173,196,235,.4)}
.pp[data-skin=era00] .pp-strip__eps::after{content:"";position:absolute;inset:0 0 50% 0;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.1));pointer-events:none}
.pp[data-skin=era00] .pp-strip__ep{font:800 italic 12px/1 var(--f-d);letter-spacing:.04em;text-transform:uppercase}
.pp[data-skin=era00] .pp-strip__bar{border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);font:800 italic 12px/1 var(--f-d);text-transform:uppercase}
/* подменю с номерами и глянцевыми кнопками, заголовок - красный глянцевый номер и хромированный текст */
.pp[data-skin=era00] .pp-tabs__in{counter-reset:pptab}
.pp[data-skin=era00] .pp-tab{counter-increment:pptab;font:800 13px/1 var(--f-d);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin:8px 0;min-height:38px}
.pp[data-skin=era00] .pp-tab::before{content:counter(pptab,decimal-leading-zero);font-size:11px;opacity:.65}
.pp[data-skin=era00] .pp-tab[aria-current=true]{background:linear-gradient(180deg,#ff6b6b,#b0182a);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.pp[data-skin=era00] .pp-grid{counter-reset:ppsec}
.pp[data-skin=era00] .pp-sec{counter-increment:ppsec}
.pp[data-skin=era00] .pp-h{display:flex;align-items:center;gap:16px;font:900 italic 40px/1 var(--f-d);text-transform:uppercase;padding-bottom:16px;border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,#d8414d,rgba(216,65,77,.2) 60%,transparent) 1}
.pp[data-skin=era00] .pp-h::before{content:counter(ppsec,decimal-leading-zero);flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;
  background:radial-gradient(circle at 50% 30%,#ff8a8a,#c21d2f 60%,#7a0d1a);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 0 0 3px rgba(255,255,255,.12),0 8px 18px rgba(176,24,42,.5);
  font:900 italic 20px/1 var(--f-d);color:#fff}
.pp[data-skin=era00] .pp-h3{font:800 italic 15px/1.2 var(--f-d);letter-spacing:.06em;text-transform:uppercase}
.pp[data-skin=era00] .pp-mg__n{font:800 italic 17px/1.2 var(--f-d);text-transform:uppercase}
.pp[data-skin=era00] .pp-m__sc{background:linear-gradient(180deg,#1f2c48,#070d1a);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(173,196,235,.3);font:900 italic 16px/1 var(--f-d)}
.pp[data-skin=era00] .pp-fbtn[aria-pressed=true]{background:linear-gradient(180deg,#5cb4f0,#0d5fa8);border-color:#5cb4f0;color:#fff}
.pp[data-skin=era00] .pp-chip{background:linear-gradient(180deg,#22314f,#0d1526);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.pp[data-skin=era00] .pp-trophy__n{font-family:var(--f-d);font-style:italic;color:#ffa032}

/* ---------- efir · «Эфир» (2010-2017): выход команд по диагонали, неоновые цифры, янтарные плашки ---------- */
.pp[data-skin=efir]{
  --bg:#f4f4f4;--fg:#14142b;--mut:#4d5168;--line:rgba(20,20,43,.14);
  --surf:#14142b;--surf-fg:#f4f4f4;--surf-mut:rgba(244,244,244,.74);--surf-line:rgba(255,255,255,.1);--surf-2:#1a1f3c;
  --acc:#ffcf4d;--acc-fg:#14142b;--acc-t:#ffcf4d;--link:#ffcf4d;
  --p-base:#0d1420;--p-fg:#f4f4f4;--p-mut:rgba(244,244,244,.78);--p-line:rgba(255,255,255,.22);
  --t-bg:#0d1420;--t-fg:#f4f4f4;--t-act:#ffcf4d;--t-line:#ffcf4d;
  --win:#1f9e57;--draw:#7a7f99;--loss:#e2403a;
  --tick:rgba(255,255,255,.7);--tick-g:#ffcf4d;--bar:#14142b;--bar-fg:#fff;--bar-n:#ffcf4d;--bar-n-fg:#14142b;
  --f-d:'PPB Oswald','Arial Narrow',sans-serif;--f-n:'PPB Shoulders','PPB Oswald',sans-serif;
  --r:12px;--sh:0 14px 30px -18px rgba(13,20,32,.6);
}
.pp[data-skin=efir] .pp-pass{background:#0d1420}
.pp[data-skin=efir] .pp-pass__bg i:nth-child(1){background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px),linear-gradient(160deg,#c42c3c,#7d1527);clip-path:polygon(0 0,40% 0,31% 100%,0 100%)}
.pp[data-skin=efir] .pp-pass__bg i:nth-child(2){background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px),linear-gradient(200deg,#3b4fb0,#1b2466);clip-path:polygon(72% 0,100% 0,100% 100%,63% 100%)}
.pp[data-skin=efir] .pp-pass__bg i:nth-child(3){background:linear-gradient(115deg,transparent calc(40% - 2px),rgba(255,120,140,.7) 0,transparent calc(40% + 2px));
  clip-path:polygon(38% 0,42% 0,33% 100%,29% 100%);background:#ff8292;filter:blur(1px);opacity:.75}
.pp[data-skin=efir] .pp-top::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#22a35a 25%,#ffcf4d 0 50%,#e2403a 0 75%,#2c4bd6 0)}
.pp[data-skin=efir] .pp-photo__frame{border-radius:8px;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 24px 44px rgba(0,0,0,.55)}
.pp[data-skin=efir] .pp-mono{background:linear-gradient(160deg,#1a1f3c,#0d1420)}
.pp[data-skin=efir] .pp-mono__l{font:700 110px/1 var(--f-d);color:#fff;text-shadow:0 0 22px rgba(255,255,255,.55),0 0 42px rgba(226,64,58,.6)}
.pp[data-skin=efir] .pp-era{background:#ffcf4d;color:#14142b;padding:5px 12px;font:600 13px/1.2 var(--f-d);letter-spacing:.1em;text-transform:uppercase}
.pp[data-skin=efir] .pp-era__dot{display:none}
.pp[data-skin=efir] .pp-era__why{color:#3a3410;font-family:var(--f-t);letter-spacing:0;text-transform:none;font-weight:600}
.pp[data-skin=efir] .pp-name{font:700 64px/.98 var(--f-d);text-transform:uppercase;letter-spacing:.005em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.pp[data-skin=efir] .pp-latin{color:var(--p-mut)}
.pp[data-skin=efir] .pp-photo__cap{display:inline-block;color:#fff;background:rgba(13,20,32,.82);padding:5px 9px;border-radius:4px}
.pp[data-skin=efir] .pp-photo__cap a{color:#ffcf4d}
.pp[data-skin=efir] .pp-role{gap:8px}
.pp[data-skin=efir] .pp-role__c,.pp[data-skin=efir] .pp-role__p{background:#14142b;border-left:4px solid #ffcf4d;padding:5px 12px;font:600 15px/1.2 var(--f-d);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.pp[data-skin=efir] .pp-facts{gap:8px}
.pp[data-skin=efir] .pp-fact{background:rgba(13,20,32,.88);border-left:3px solid #ffcf4d;padding:10px 14px}
.pp[data-skin=efir] .pp-fact dt{font:600 11.5px/1.2 var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:#ffcf4d}
/* неоновые цифры с красным и синим свечением, как счёт «Выхода команд» */
.pp[data-skin=efir] .pp-bento__mark{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:rgba(13,20,32,.85);box-shadow:0 0 0 1px rgba(255,255,255,.18);
  font:600 12px/1.2 var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.pp[data-skin=efir] .pp-bento__mark::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffcf4d}
.pp[data-skin=efir] .pp-kpi{background:rgba(13,20,32,.78);border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.pp[data-skin=efir] .pp-kpi__n{font:900 74px/.9 var(--f-n);color:#fff;text-shadow:0 0 14px rgba(255,255,255,.55),0 0 34px rgba(226,64,58,.75)}
.pp[data-skin=efir] .pp-kpi:nth-of-type(even) .pp-kpi__n{text-shadow:0 0 14px rgba(255,255,255,.55),0 0 34px rgba(76,143,214,.85)}
.pp[data-skin=efir] .pp-kpi__l{font:600 15px/1.15 var(--f-d);letter-spacing:.08em;text-transform:uppercase}
.pp[data-skin=efir] .pp-kpi__ic{color:#ffcf4d}
.pp[data-skin=efir] .pp-kpi__years a{color:#ffcf4d;border-color:rgba(255,207,77,.5);font-family:var(--f-d);letter-spacing:.04em}
.pp[data-skin=efir] .pp-kpi__years a:hover{background:#ffcf4d;color:#14142b}
/* лента - шкала матча: линия с градиентом, тёмные таблички лет */
.pp[data-skin=efir] .pp-strip__t{font:600 14px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase}
.pp[data-skin=efir] .pp-strip__eps{height:14px;margin-top:8px;border-radius:999px;overflow:hidden}
.pp[data-skin=efir] .pp-strip__ep span{display:none}
.pp[data-skin=efir] .pp-strip__years{height:26px}
.pp[data-skin=efir] .pp-strip__y{background:#0d1420;color:#fff;font:700 11px/1 var(--f-d);padding:4px 7px;border-radius:999px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.pp[data-skin=efir] .pp-strip__mid{border-left:0;top:27px;height:16px}
.pp[data-skin=efir] .pp-strip__mid::after{content:"";position:absolute;left:-8px;top:0;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25),0 0 18px rgba(255,255,255,.8)}
.pp[data-skin=efir] .pp-strip__mid b{top:-26px;left:10px;background:#ffcf4d;color:#14142b}
.pp[data-skin=efir] .pp-strip__bar{border-radius:2px;border-left:4px solid #ffcf4d;font:600 12px/1 var(--f-d);letter-spacing:.06em;text-transform:uppercase;background:rgba(20,20,43,.92);box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.pp[data-skin=efir] .pp-strip__bar.is-nat{background:#ffcf4d;border-left-color:#14142b}
.pp[data-skin=efir] .pp-tab{font:600 15px/1 var(--f-d);letter-spacing:.1em;text-transform:uppercase}
.pp[data-skin=efir] .pp-h{display:inline-block;background:#14142b;color:#fff;border-left:5px solid #ffcf4d;padding:9px 18px 10px;font:700 30px/1.05 var(--f-d);letter-spacing:.04em;text-transform:uppercase}
.pp[data-skin=efir] .pp-h3{font:600 15px/1.2 var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:#ffcf4d}
.pp[data-skin=efir] .pp-h3 span{color:var(--surf-mut)}
.pp[data-skin=efir] .pp-mg__n{font:600 17px/1.2 var(--f-d);letter-spacing:.06em;text-transform:uppercase}
.pp[data-skin=efir] .pp-m__sc{background:#0d1420;color:#fff;font:900 19px/1 var(--f-n);text-shadow:0 0 10px rgba(255,255,255,.4)}
.pp[data-skin=efir] .pp-m__sc small{color:#ffcf4d;font-family:var(--f-t);text-shadow:none}
.pp[data-skin=efir] .pp-fbtn{border-color:rgba(20,20,43,.25);font-family:var(--f-d);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.pp[data-skin=efir] .pp-fbtn[aria-pressed=true]{background:#14142b;color:#ffcf4d;border-color:#14142b}
.pp[data-skin=efir] .pp-chip{background:#1a1f3c;color:#ffcf4d}
.pp[data-skin=efir] .pp-chip:hover{background:#ffcf4d;color:#14142b}
.pp[data-skin=efir] .pp-trophy__n{font-family:var(--f-n);font-size:40px}
.pp[data-skin=efir] .pp-plate{border-color:rgba(255,255,255,.25)}

/* ---------- era10 · «Плоский дизайн» (2018-2019): дух 2010-х без привязки к стране - плитки как в мобильных интерфейсах
   и Windows 8, яркие плоские цвета, длинные тени, плоские иконки, хэштеги ленты соцсетей, угловатая графика трансляций.
   Никаких орнаментов, куполов и цветов флага хозяйки ЧМ-2018 - они остаются на страницах матчей того турнира. ---------- */
.pp[data-skin=era10]{
  --bg:#eef1f5;--fg:#1d2129;--mut:#545b69;--line:rgba(29,33,41,.14);
  --surf:#fff;--surf-fg:#1d2129;--surf-mut:#545b69;--surf-line:rgba(29,33,41,.12);--surf-2:#eef1f5;
  --acc:#0063b1;--acc-fg:#fff;--acc-t:#0063b1;--link:#0063b1;
  --p-base:#1d2129;--p-fg:#fff;--p-mut:rgba(255,255,255,.8);--p-line:rgba(255,255,255,.28);
  --t-bg:#fff;--t-fg:#1d2129;--t-act:#0063b1;--t-line:#0063b1;
  --win:#107c41;--draw:#5d6675;--loss:#c42b1c;
  --tick:rgba(255,255,255,.75);--tick-g:#ffb900;--bar:#fff;--bar-fg:#1d2129;--bar-n:#c30052;--bar-n-fg:#fff;
  /* плитки: синий, малиновый, бирюзовый, фиолетовый и янтарный - палитра плоских интерфейсов 2010-х */
  --m1:#0063b1;--m2:#c30052;--m3:#00796b;--m4:#5c2d91;--m5:#ffb900;
  --f-d:'PPB Mont','Montserrat',Manrope,sans-serif;--f-n:'PPB Mont','Montserrat',Manrope,sans-serif;
  --r:0px;--r-s:0px;--sh:none;
  --ls:1px 1px 0 #0d0f13,2px 2px 0 #0d0f13,3px 3px 0 #0d0f13,4px 4px 0 #0d0f13,5px 5px 0 #0d0f13,6px 6px 0 #0d0f13,7px 7px 0 #0d0f13,8px 8px 0 #0d0f13;
  --lsoft:1px 1px 0 rgba(0,0,0,.2),2px 2px 0 rgba(0,0,0,.18),3px 3px 0 rgba(0,0,0,.16),4px 4px 0 rgba(0,0,0,.14),5px 5px 0 rgba(0,0,0,.12),6px 6px 0 rgba(0,0,0,.1),7px 7px 0 rgba(0,0,0,.08),8px 8px 0 rgba(0,0,0,.06);
}
/* паспорт: графитовый экран и угловатые полосы трансляции справа */
.pp[data-skin=era10] .pp-pass{background:#1d2129}
.pp[data-skin=era10] .pp-pass__bg i:nth-child(1){background:var(--m1);clip-path:polygon(71% 0,79% 0,63% 100%,55% 100%)}
.pp[data-skin=era10] .pp-pass__bg i:nth-child(2){background:var(--m5);clip-path:polygon(80.5% 0,83% 0,67% 100%,64.5% 100%)}
.pp[data-skin=era10] .pp-pass__bg i:nth-child(3){background:var(--m2);clip-path:polygon(84.5% 0,100% 0,100% 100%,68.5% 100%)}
.pp[data-skin=era10] .pp-skin select{background-color:#0d0f13;border-color:#0d0f13;border-radius:0}
/* аватар как в приложениях 2010-х: круг с плоским сегментным кольцом и длинной тенью */
.pp[data-skin=era10] .pp-photo__frame{aspect-ratio:1;border-radius:50%;padding:8px;
  background:conic-gradient(var(--m1) 0 25%,var(--m2) 0 50%,var(--m5) 0 75%,var(--m3) 0);
  box-shadow:4px 4px 0 rgba(0,0,0,.25),8px 8px 0 rgba(0,0,0,.18),12px 12px 0 rgba(0,0,0,.12),16px 16px 0 rgba(0,0,0,.07)}
.pp[data-skin=era10] .pp-photo__frame img{border-radius:50%;border:6px solid #1d2129}
.pp[data-skin=era10] .pp-mono{inset:8px;border-radius:50%;background:#1d2129}
.pp[data-skin=era10] .pp-mono__l{font:900 italic 96px/1 var(--f-d);color:#fff;text-shadow:var(--ls)}
.pp[data-skin=era10] .pp-photo__cap{color:var(--p-mut)}
.pp[data-skin=era10] .pp-photo__cap a{color:#fff}
/* эпоха - хэштег-плашка ленты соцсетей */
.pp[data-skin=era10] .pp-era{gap:0}
.pp[data-skin=era10] .pp-era__dot{display:none}
.pp[data-skin=era10] .pp-era__t,.pp[data-skin=era10] .pp-era__why{padding:7px 12px;font:800 12.5px/1.2 var(--f-d)}
.pp[data-skin=era10] .pp-era__t{background:var(--m1);color:#fff}
.pp[data-skin=era10] .pp-era__t::before{content:"#";margin-right:1px;opacity:.75}
.pp[data-skin=era10] .pp-era__why{background:#fff;color:#1d2129}
/* имя - угловатая плашка трансляции 2014-2018 с длинной тенью */
.pp[data-skin=era10] .pp-name{font:900 italic 60px/.98 var(--f-d);text-transform:uppercase;letter-spacing:-.01em;color:#fff;text-shadow:var(--ls)}
.pp[data-skin=era10] .pp-latin{color:var(--p-mut);font-weight:600}
.pp[data-skin=era10] .pp-role{color:#fff;font:800 16px/1.2 var(--f-d)}
.pp[data-skin=era10] .pp-role__p{color:#1d2129;background:var(--m5);padding:5px 12px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
/* данные - белые плоские плитки с плоской иконкой-цветом сверху */
.pp[data-skin=era10] .pp-facts{gap:8px}
.pp[data-skin=era10] .pp-fact{background:#fff;color:#1d2129;padding:10px 12px;border-top:5px solid var(--m1)}
.pp[data-skin=era10] .pp-fact:nth-child(4n+2){border-top-color:var(--m2)}
.pp[data-skin=era10] .pp-fact:nth-child(4n+3){border-top-color:var(--m3)}
.pp[data-skin=era10] .pp-fact:nth-child(4n){border-top-color:var(--m4)}
.pp[data-skin=era10] .pp-fact dt{font:700 11.5px/1.2 var(--f-d);color:#545b69}
.pp[data-skin=era10] .pp-fact dd{font-weight:800;color:#1d2129}
.pp[data-skin=era10] .pp-fact small{color:#545b69}
/* цифры - «живые плитки»: число с длинной тенью, плоская иконка, подпись внизу, как на стартовом экране */
.pp[data-skin=era10] .pp-bento{gap:8px}
.pp[data-skin=era10] .pp-bento__mark{justify-self:start;background:#fff;color:#1d2129;padding:6px 12px;font:800 12px/1.2 var(--f-d)}
.pp[data-skin=era10] .pp-bento__mark::before{content:"#";color:var(--m2);margin-right:2px}
.pp[data-skin=era10] .pp-kpi{border-radius:0;background:var(--m1);color:#fff;overflow:hidden;min-height:150px}
.pp[data-skin=era10] .pp-kpi:nth-of-type(2){background:var(--m2)}
.pp[data-skin=era10] .pp-kpi:nth-of-type(3){background:var(--m3)}
.pp[data-skin=era10] .pp-kpi:nth-of-type(4){background:var(--m4)}
.pp[data-skin=era10] .pp-kpi__n{font:900 italic 62px/1 var(--f-n);text-shadow:var(--lsoft)}
.pp[data-skin=era10] .pp-kpi__l{font:800 14px/1.2 var(--f-d)}
.pp[data-skin=era10] .pp-kpi__d,.pp[data-skin=era10] .pp-kpi__src{color:inherit;opacity:.88}
.pp[data-skin=era10] .pp-kpi__ic{width:28px;height:28px;opacity:1;top:14px;right:14px}
.pp[data-skin=era10] .pp-kpi__years a{border-radius:0;border:0;background:rgba(255,255,255,.2);color:inherit}
.pp[data-skin=era10] .pp-kpi__years a:hover{background:#fff;color:#1d2129}
/* лента - белая карточка приложения */
.pp[data-skin=era10] .pp-strip{background:#fff;color:#1d2129;padding:14px 18px 16px;margin-bottom:6px;--p-fg:#1d2129;--p-mut:#545b69;--p-base:#fff;--tick:#1d2129;--tick-g:#c30052;--bar:#1d2129;--bar-fg:#fff;--p-line:rgba(29,33,41,.2)}
.pp[data-skin=era10] .pp-strip__t{font:900 italic 18px/1 var(--f-d);text-transform:uppercase}
.pp[data-skin=era10] .pp-strip__eps{height:30px}
.pp[data-skin=era10] .pp-strip__ep{font:800 11.5px/1 var(--f-d);text-transform:uppercase;letter-spacing:.03em}
.pp[data-skin=era10] .pp-strip__bar{border-radius:0;font:800 11.5px/1 var(--f-d);text-transform:uppercase}
.pp[data-skin=era10] .pp-strip__lane:first-of-type{margin-top:10px}
/* подменю - хэштеги, снизу плоская полоса из цветов плиток */
.pp[data-skin=era10] .pp-tabs{box-shadow:none;border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--m1) 25%,var(--m2) 0 50%,var(--m3) 0 75%,var(--m4) 0) 1}
.pp[data-skin=era10] .pp-tab{font:800 14px/1 var(--f-d)}
.pp[data-skin=era10] .pp-tab::before{content:"#";color:var(--m2);margin-right:-6px}
.pp[data-skin=era10] .pp-h{font:900 italic 42px/1 var(--f-d);text-transform:uppercase;letter-spacing:-.01em;color:#1d2129;
  text-shadow:1px 1px 0 #d4dae3,2px 2px 0 #d4dae3,3px 3px 0 #d4dae3,4px 4px 0 #d4dae3,5px 5px 0 #d4dae3,6px 6px 0 #d4dae3}
.pp[data-skin=era10] .pp-h::before{content:"#";color:var(--m1);margin-right:4px}
.pp[data-skin=era10] .pp-h3{font:900 italic 15px/1.2 var(--f-d);text-transform:uppercase}
.pp[data-skin=era10] .pp-cgroup,.pp[data-skin=era10] .pp-tablewrap,.pp[data-skin=era10] .pp-mg,.pp[data-skin=era10] .pp-shelf,
.pp[data-skin=era10] .pp-tr2,.pp[data-skin=era10] .pp-awards,.pp[data-skin=era10] .pp-squad{border-top:5px solid var(--m1)}
.pp[data-skin=era10] .pp-cgroup--nat,.pp[data-skin=era10] .pp-tr2{border-top-color:var(--m2)}
.pp[data-skin=era10] .pp-cgroup--tr,.pp[data-skin=era10] .pp-awards{border-top-color:var(--m3)}
.pp[data-skin=era10] .pp-mg__n{font:900 italic 16px/1.2 var(--f-d);text-transform:uppercase}
.pp[data-skin=era10] .pp-m__sc{background:#1d2129;color:#fff;border-radius:0;font:900 italic 15px/1 var(--f-d)}
.pp[data-skin=era10] .pp-m__sc small{color:var(--m5);font-style:normal}
.pp[data-skin=era10] .pp-m__res{border-radius:0}
.pp[data-skin=era10] .pp-fbtn,.pp[data-skin=era10] .pp-chip,.pp[data-skin=era10] .pp-gbtn{border-radius:0}
.pp[data-skin=era10] .pp-fbtn[aria-pressed=true]{background:var(--m1);border-color:var(--m1);color:#fff}
.pp[data-skin=era10] .pp-cup{background:#fff;box-shadow:inset 0 0 0 1px var(--surf-line)}
.pp[data-skin=era10] .pp-cup__n{font:900 italic 30px/1 var(--f-d);text-shadow:var(--lsoft)}
.pp[data-skin=era10] .pp-award{background:#fff;box-shadow:inset 0 0 0 1px var(--surf-line)}

/* ---------- era20 · «Матч-центр» (с 2020): тёмный экран приложения, аврора, бенто, цифры-герои ---------- */
.pp[data-skin=era20]{
  --bg:#070a13;--fg:#eef2ff;--mut:#b9c2dc;--line:rgba(255,255,255,.12);
  --surf:#0b1020;--surf-fg:#eef2ff;--surf-mut:#a4aecb;--surf-line:rgba(255,255,255,.09);--surf-2:#141b31;
  --acc:#c6ff3d;--acc-fg:#0c1400;--acc-t:#c6ff3d;--link:#c6ff3d;
  --p-base:#070a13;--p-fg:#eef2ff;--p-mut:#b9c2dc;--p-line:rgba(255,255,255,.18);
  --t-bg:#070a13;--t-fg:#b9c2dc;--t-act:#0a0f1e;--t-line:transparent;
  --win:#1e9f5c;--draw:#6f7a99;--loss:#e5485a;
  --tick:rgba(238,242,255,.6);--tick-g:#c6ff3d;--bar:#141b31;--bar-fg:#eef2ff;--bar-n:#c6ff3d;--bar-n-fg:#0c1400;
  --f-d:Unbounded,Manrope,system-ui,sans-serif;--f-n:Unbounded,Manrope,system-ui,sans-serif;--f-t:'PPB Onest',Manrope,system-ui,sans-serif;
  --r:22px;--r-s:14px;--sh:0 0 0 1px rgba(255,255,255,.08);
  font-family:var(--f-t);
}
.pp[data-skin=era20] .pp-pass{background:#070a13}
.pp[data-skin=era20] .pp-pass__bg i:nth-child(1){background:radial-gradient(600px 380px at 12% 20%,rgba(24,214,180,.28),transparent 70%),radial-gradient(700px 420px at 88% 10%,rgba(79,107,255,.32),transparent 70%),radial-gradient(500px 300px at 60% 110%,rgba(198,255,61,.12),transparent 70%)}
.pp[data-skin=era20] .pp-pass__bg i:nth-child(2){background:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.3px) 0 0/22px 22px;-webkit-mask:linear-gradient(180deg,#000,transparent 85%);mask:linear-gradient(180deg,#000,transparent 85%)}
.pp[data-skin=era20] .pp-pass__bg i:nth-child(3){top:auto;height:3px;background:linear-gradient(90deg,#4f6bff 33%,#ff6b78 0 66%,#18d6b4 0)}
.pp[data-skin=era20] .pp-photo__frame{border-radius:28px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 0 8px rgba(255,255,255,.04),0 30px 60px -20px rgba(79,107,255,.6)}
.pp[data-skin=era20] .pp-mono{background:radial-gradient(circle at 30% 20%,rgba(24,214,180,.4),transparent 60%),radial-gradient(circle at 80% 90%,rgba(79,107,255,.5),transparent 60%),#0b1020}
.pp[data-skin=era20] .pp-mono__l{font:700 92px/1 var(--f-d);color:#eef2ff;letter-spacing:-.04em}
.pp[data-skin=era20] .pp-era{padding:6px 14px 6px 12px;border-radius:999px;background:#eef2ff;color:#0a0f1e;font-size:13px;font-weight:700}
.pp[data-skin=era20] .pp-era__dot{width:8px;height:8px;background:#0a0f1e}
.pp[data-skin=era20] .pp-era__why{color:#3b4566}
.pp[data-skin=era20] .pp-name{font:700 54px/1.02 var(--f-d);letter-spacing:-.035em}
.pp[data-skin=era20] .pp-role{font-weight:600}
.pp[data-skin=era20] .pp-role__p{color:var(--p-mut)}
.pp[data-skin=era20] .pp-facts{display:flex;flex-wrap:wrap;gap:8px}
.pp[data-skin=era20] .pp-fact{display:flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(11,16,32,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pp[data-skin=era20] .pp-fact dt{margin:0;font-size:12.5px;font-weight:500}
.pp[data-skin=era20] .pp-fact dd{font-size:14px;font-weight:700}
/* бенто: плитки приложения, одна - вольт-лайм */
.pp[data-skin=era20] .pp-bento__mark{font-weight:500;color:var(--p-mut)}
.pp[data-skin=era20] .pp-kpi{border-radius:22px;background:rgba(11,16,32,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(6px)}
.pp[data-skin=era20] .pp-kpi:first-of-type{background:#c6ff3d;color:#0c1400;box-shadow:none}
.pp[data-skin=era20] .pp-kpi:first-of-type .pp-kpi__d,.pp[data-skin=era20] .pp-kpi:first-of-type .pp-kpi__src{color:#33420f}
.pp[data-skin=era20] .pp-kpi__n{font:700 60px/1 var(--f-n);letter-spacing:-.05em}
.pp[data-skin=era20] .pp-kpi__l{font-weight:600}
.pp[data-skin=era20] .pp-kpi__years a{border-color:rgba(255,255,255,.25)}
.pp[data-skin=era20] .pp-kpi__years a:hover{background:#c6ff3d;color:#0c1400}
.pp[data-skin=era20] .pp-strip__t{font:600 14px/1 var(--f-d);letter-spacing:-.01em}
.pp[data-skin=era20] .pp-strip__eps{height:28px;display:flex}
.pp[data-skin=era20] .pp-strip__ep{border-radius:999px;box-shadow:0 0 0 2px #070a13}
.pp[data-skin=era20] .pp-strip__mid{border-left:2px solid #ff4a57;top:4px;height:19px}
.pp[data-skin=era20] .pp-strip__mid::after{content:"";position:absolute;left:-7px;top:-6px;width:12px;height:12px;border-radius:50%;background:#ff4a57;box-shadow:0 0 0 4px rgba(255,74,87,.3),0 0 18px rgba(255,74,87,.7)}
.pp[data-skin=era20] .pp-strip__mid b{top:-8px;left:10px;background:#eef2ff;color:#0a0f1e;border-radius:999px;padding:3px 7px}
.pp[data-skin=era20] .pp-strip__bar{border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pp[data-skin=era20] .pp-tab{border-radius:999px;margin:8px 0;min-height:40px;font-weight:600}
.pp[data-skin=era20] .pp-tab[aria-current=true]{background:#eef2ff;color:#0a0f1e}
.pp[data-skin=era20] .pp-tab:hover:not([aria-current=true]){color:#eef2ff}
.pp[data-skin=era20] .pp-h{font:700 44px/1.05 var(--f-d);letter-spacing:-.04em}
.pp[data-skin=era20] .pp-h3{font:600 15px/1.2 var(--f-d);letter-spacing:-.01em}
.pp[data-skin=era20] .pp-mg__n{font:600 16px/1.2 var(--f-d);letter-spacing:-.02em}
.pp[data-skin=era20] .pp-m__sc{background:#141b31;font:700 15px/1.1 var(--f-d);letter-spacing:-.02em}
.pp[data-skin=era20] .pp-fbtn{border-color:rgba(255,255,255,.18)}
.pp[data-skin=era20] .pp-fbtn[aria-pressed=true]{background:#eef2ff;color:#0a0f1e;border-color:#eef2ff}
.pp[data-skin=era20] .pp-chip:hover{background:#c6ff3d;color:#0c1400}
.pp[data-skin=era20] .pp-trophy__n{font-family:var(--f-d);letter-spacing:-.04em;color:#c6ff3d}

/* ---------- телефон: фирменные элементы ужимаются, но не пропадают ---------- */
@media (max-width:1023px){
  .pp[data-skin=protokol] .pp-card{padding:30px 22px 26px 50px}
  .pp[data-skin=vhs] .pp-id__head{padding-right:124px}
  .pp[data-skin=vhs] .pp-bigyears{width:100px;font-size:24px}
  .pp[data-skin=press] .pp-card__deco .pp-mast{font-size:48px}
  .pp[data-skin=efir] .pp-name,.pp[data-skin=era10] .pp-name{font-size:50px}
  .pp[data-skin=tv] .pp-bigyears{font-size:72px}
}
@media (max-width:767px){
  .pp[data-skin=tv] .pp-name{font-size:26px;padding:6px 10px 7px 9px;border-left-width:5px}
  .pp[data-skin=tv] .pp-photo__frame{border-width:6px;border-radius:12px;padding-bottom:6px}
  .pp[data-skin=tv] .pp-photo__frame::after{height:6px}
  .pp[data-skin=tv] .pp-photo__glass{inset:0 0 6px}
  .pp[data-skin=tv] .pp-mono__l{font-size:40px;border-width:1.5px;padding:2px}
  .pp[data-skin=tv] .pp-bigyears{font-size:44px;-webkit-text-stroke-width:1px}
  .pp[data-skin=tv] .pp-photo__cap{font-family:var(--f-t);font-size:10.5px}
  .pp[data-skin=tv] .pp-facts{grid-template-columns:1fr 1fr;padding:12px 26px 12px 28px}
  .pp[data-skin=tv] .pp-fact dd{font-size:16px}
  .pp[data-skin=tv] .pp-kpi{padding:12px 12px 12px 78px;min-height:84px}
  .pp[data-skin=tv] .pp-kpi__n{width:56px;height:56px;font-size:32px;left:10px}
  .pp[data-skin=tv] .pp-kpi__l{font-size:14px}
  .pp[data-skin=tv] .pp-h{font-size:22px}

  .pp[data-skin=protokol] .pp-card{margin-top:58px;padding:22px 14px 20px 30px;background:linear-gradient(90deg,transparent 18px,rgba(209,50,60,.45) 18px 19.5px,transparent 19.5px),repeating-linear-gradient(180deg,transparent 0 31px,rgba(26,79,160,.13) 31px 32px),#fffcf3;box-shadow:0 0 0 8px #dcc895,0 0 0 9px #b9a36a,0 20px 30px rgba(0,0,0,.5)}
  .pp[data-skin=protokol] .pp-card__deco .pp-tab-label{left:-9px;top:-44px;font-size:11px;padding:10px 16px 16px}
  .pp[data-skin=protokol] .pp-name{font-size:22px;padding-right:0;padding-bottom:8px}
  .pp[data-skin=protokol] .pp-era{position:static;transform:rotate(-3deg);align-self:flex-start;font-size:11px;padding:5px 9px 4px}
  .pp[data-skin=protokol] .pp-photo__frame{padding:5px 5px 14px}
  .pp[data-skin=protokol] .pp-photo__frame::before{top:-10px;left:14px;width:11px;height:34px;border-width:2px}
  .pp[data-skin=protokol] .pp-photo__frame::after{top:-5px;left:17px;width:5px;height:24px;border-width:2px}
  .pp[data-skin=protokol] .pp-facts{grid-template-columns:1fr;padding:8px 12px}
  .pp[data-skin=protokol] .pp-mono__l{font-size:44px}
  .pp[data-skin=protokol] .pp-bento{padding:14px;gap:14px 12px}
  .pp[data-skin=protokol] .pp-kpi__n{font-size:30px;min-width:64px;padding:18px 10px 10px}
  .pp[data-skin=protokol] .pp-bento__mark{position:static;justify-self:start;margin:0 0 4px 2px;font-size:11px;transform:rotate(-3deg)}
  .pp[data-skin=protokol] .pp-h{font-size:23px}

  .pp[data-skin=vhs] .pp-id__head{padding:10px 12px 12px 30px}
  .pp[data-skin=vhs] .pp-id__head::before{width:18px}
  .pp[data-skin=vhs] .pp-bigyears{display:none}
  .pp[data-skin=vhs] .pp-name{font-size:22px}
  .pp[data-skin=vhs] .pp-role{font-size:13px}
  .pp[data-skin=vhs] .pp-photo__frame{padding:7px;border-radius:16px}
  .pp[data-skin=vhs] .pp-photo__glass,.pp[data-skin=vhs] .pp-mono{inset:7px;border-radius:12px/16px}
  .pp[data-skin=vhs] .pp-photo__frame img{border-radius:12px/16px}
  .pp[data-skin=vhs] .pp-mono__l{font-size:40px}
  .pp[data-skin=vhs] .pp-fact dd{font-size:19px}
  .pp[data-skin=vhs] .pp-kpi__n{font-size:56px}
  .pp[data-skin=vhs] .pp-h{font-size:22px;padding:8px 18px 9px}

  .pp[data-skin=press] .pp-card{padding:70px 14px 18px;box-shadow:6px 6px 0 #1c2459;margin-right:6px}
  .pp[data-skin=press] .pp-card__deco .pp-mast{font-size:36px;left:14px;top:12px}
  .pp[data-skin=press] .pp-card__deco::after{left:14px;right:14px;top:56px}
  .pp[data-skin=press] .pp-bigyears{display:none}
  .pp[data-skin=press] .pp-name{font-size:30px;gap:4px}
  .pp[data-skin=press] .pp-name__f{font-size:18px;padding:3px 8px 4px}
  .pp[data-skin=press] .pp-name__l{padding:4px 10px 6px;box-shadow:4px 4px 0 #1497d4}
  .pp[data-skin=press] .pp-role{font-size:17px}
  .pp[data-skin=press] .pp-era{font-size:10px;padding:5px 8px}
  .pp[data-skin=press] .pp-photo__frame{padding:6px;box-shadow:0 0 0 2px #1c2459,4px 5px 0 rgba(28,36,89,.85)}
  .pp[data-skin=press] .pp-photo__frame::after{width:26px;height:26px}
  .pp[data-skin=press] .pp-mono{inset:8px}
  .pp[data-skin=press] .pp-mono__l{font-size:48px;text-shadow:3px 3px 0 #d9341a}
  .pp[data-skin=press] .pp-kpi__n{font-size:48px}
  .pp[data-skin=press] .pp-kpi:first-of-type{padding-right:104px;min-height:112px}
  .pp[data-skin=press] .pp-kpi:first-of-type .pp-kpi__n{width:92px;height:92px;font-size:36px}
  .pp[data-skin=press] .pp-strip{margin-right:6px;padding:12px;box-shadow:4px 4px 0 #1c2459}
  .pp[data-skin=press] .pp-h{font-size:28px}

  .pp[data-skin=fr98] .pp-name{font-size:21px;letter-spacing:.08em;padding:9px 26px 9px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}
  .pp[data-skin=fr98] .pp-latin{font-size:11px}
  .pp[data-skin=fr98] .pp-role{font-size:13px}
  .pp[data-skin=fr98] .pp-bigyears{font-size:20px;padding:4px 10px 6px}
  .pp[data-skin=fr98] .pp-mono__l{font-size:44px}
  .pp[data-skin=fr98] .pp-facts{grid-template-columns:1fr 1fr}
  .pp[data-skin=fr98] .pp-kpi{grid-template-columns:84px minmax(0,1fr)}
  .pp[data-skin=fr98] .pp-kpi__n{font-size:30px}
  .pp[data-skin=fr98] .pp-h{font-size:20px;letter-spacing:.1em}

  .pp[data-skin=era00] .pp-card{padding:14px;border-radius:16px}
  .pp[data-skin=era00] .pp-name{font-size:28px}
  .pp[data-skin=era00] .pp-era{font-size:10.5px;padding:5px 10px}
  .pp[data-skin=era00] .pp-role__c,.pp[data-skin=era00] .pp-role__p{font-size:11px;padding:4px 9px}
  .pp[data-skin=era00] .pp-mono__l{font-size:48px}
  .pp[data-skin=era00] .pp-kpi__n{font-size:44px}
  .pp[data-skin=era00] .pp-h{font-size:26px;gap:10px}
  .pp[data-skin=era00] .pp-h::before{width:40px;height:40px;font-size:15px}

  .pp[data-skin=efir] .pp-pass__bg i:nth-child(1){clip-path:polygon(0 0,44% 0,22% 100%,0 100%)}
  .pp[data-skin=efir] .pp-pass__bg i:nth-child(2){clip-path:polygon(80% 0,100% 0,100% 100%,62% 100%)}
  .pp[data-skin=efir] .pp-pass__bg i:nth-child(3){display:none}
  .pp[data-skin=efir] .pp-name{font-size:32px}
  .pp[data-skin=efir] .pp-era{font-size:11px;padding:4px 9px}
  .pp[data-skin=efir] .pp-role__c,.pp[data-skin=efir] .pp-role__p{font-size:12px;padding:4px 8px}
  .pp[data-skin=efir] .pp-mono__l{font-size:48px}
  .pp[data-skin=efir] .pp-facts{grid-template-columns:1fr 1fr}
  .pp[data-skin=efir] .pp-kpi__n{font-size:54px}
  .pp[data-skin=efir] .pp-h{font-size:22px}

  .pp[data-skin=era10] .pp-pass__bg i:nth-child(1){clip-path:polygon(84% 0,89% 0,77% 100%,72% 100%)}
  .pp[data-skin=era10] .pp-pass__bg i:nth-child(2){clip-path:polygon(90% 0,91.5% 0,79.5% 100%,78% 100%)}
  .pp[data-skin=era10] .pp-pass__bg i:nth-child(3){clip-path:polygon(93% 0,100% 0,100% 100%,81% 100%)}
  .pp[data-skin=era10] .pp-photo__frame{padding:5px;box-shadow:3px 3px 0 rgba(0,0,0,.25),6px 6px 0 rgba(0,0,0,.15),9px 9px 0 rgba(0,0,0,.08)}
  .pp[data-skin=era10] .pp-photo__frame img{border-width:3px}
  .pp[data-skin=era10] .pp-mono{inset:5px}
  .pp[data-skin=era10] .pp-photo__cap{font-size:10.5px}
  .pp[data-skin=era10] .pp-name{font-size:28px;text-shadow:1px 1px 0 #0d0f13,2px 2px 0 #0d0f13,3px 3px 0 #0d0f13,4px 4px 0 #0d0f13}
  .pp[data-skin=era10] .pp-era__t,.pp[data-skin=era10] .pp-era__why{font-size:10.5px;padding:5px 10px}
  .pp[data-skin=era10] .pp-era__why{display:none}
  .pp[data-skin=era10] .pp-role{font-size:13px}
  .pp[data-skin=era10] .pp-mono__l{font-size:44px}
  .pp[data-skin=era10] .pp-kpi__n{font-size:44px}
  .pp[data-skin=era10] .pp-h{font-size:28px}
  .pp[data-skin=era10] .pp-strip{padding:12px}

  .pp[data-skin=era20] .pp-name{font-size:27px}
  .pp[data-skin=era20] .pp-era{font-size:11.5px}
  .pp[data-skin=era20] .pp-photo__frame{border-radius:18px}
  .pp[data-skin=era20] .pp-mono__l{font-size:44px}
  .pp[data-skin=era20] .pp-fact{padding:6px 12px}
  .pp[data-skin=era20] .pp-kpi__n{font-size:44px}
  .pp[data-skin=era20] .pp-h{font-size:30px}
}



/* один снимок: крупно, подпись сбоку - без пустой полосы справа */
.pp .pp-gallery--one{overflow:visible}
.pp .pp-gallery--one .pp-shot{flex:0 1 auto;max-width:720px;display:grid;grid-template-columns:minmax(0,440px) minmax(200px,1fr);align-items:end}
.pp .pp-gallery--one .pp-shot figcaption{padding:16px 22px}
@media (max-width:767px){.pp .pp-gallery--one .pp-shot{grid-template-columns:1fr}.pp .pp-gallery--one .pp-shot figcaption{padding:12px 14px}}


/* ================================================================== ЗНАК СТРАНЫ, ТЕКУЩИЙ КЛУБ, КУБКИ И НАГРАДЫ */

/* знак страны: щит в цветах флага (рисует сборщик) + название по-русски; вид - по эпохе */
.pp .pp-emb{display:inline-flex;align-items:center;gap:12px;min-width:0}
.pp .pp-emb__i{flex:none;display:block;width:var(--emb-w,52px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}
.pp .pp-emb__s{display:block;width:100%;height:auto;overflow:visible}
.pp .pp-emb__rim{fill:none;stroke:var(--emb-rim,#fff);stroke-width:var(--emb-sw,3);stroke-linejoin:round;paint-order:stroke}
.pp .pp-emb__gl{fill:#fff;opacity:var(--emb-gl,0)}
.pp .pp-emb__n{font-weight:800;line-height:1.1}
.pp .pp-emb--pass{--emb-w:62px}
.pp .pp-emb--pass .pp-emb__n{font-size:22px}
.pp .pp-emb--row{--emb-w:28px;gap:9px}
.pp .pp-emb--row .pp-emb__i{filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.pp .pp-role{align-items:center}

/* текущий клуб */
.pp .pp-club{display:flex;align-items:center;gap:14px;align-self:flex-start;max-width:100%;padding:12px 18px 12px 12px;border-radius:var(--r);
  background:rgba(127,127,127,.14);box-shadow:inset 0 0 0 1px var(--p-line)}
.pp .pp-club__m{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--c-fg);color:var(--p-base);font:800 16px/1 var(--f-d);letter-spacing:.02em}
.pp .pp-club__b{min-width:0}
.pp .pp-club__l{display:block;font-size:12px;font-weight:700;color:var(--c-mut)}
.pp .pp-club__n{display:block;font:800 19px/1.2 var(--f-d)}
.pp .pp-club__pre{font:600 14px/1.2 var(--f-t);color:var(--c-mut)}
.pp .pp-club__s{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--c-mut)}
.pp .pp-club__note{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:var(--c-mut);opacity:.85}

/* бенто-плитка «титулов» ведёт к витрине */
.pp a.pp-kpi{color:inherit;text-decoration:none;transition:filter .18s var(--ease),transform .12s var(--ease)}
.pp a.pp-kpi:hover{filter:brightness(1.07)}
.pp a.pp-kpi:active{transform:scale(.98)}
.pp .pp-kpi__go{margin-top:auto;padding-top:6px;font-size:12.5px;font-weight:800;text-decoration:underline;text-underline-offset:3px}

/* витрина «Кубки и награды» */
.pp .pp-hon{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.pp .pp-hon>.pp-note{grid-column:1/-1;margin-top:0}
.pp .pp-hon.is-few .pp-shelf{grid-column:1;grid-row:1}
.pp .pp-hon.is-few .pp-awards{grid-column:2;grid-row:1/3}
.pp .pp-hon.is-few .pp-tr2{grid-column:1;grid-row:2}
.pp .pp-hon.is-few>.pp-note{grid-row:3}
.pp .pp-shelf{grid-column:1/-1}
.pp .pp-shelf,.pp .pp-awards{padding:18px 20px;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh)}
.pp .pp-tr2:only-of-type{grid-column:auto}
.pp .pp-cups{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pp .pp-cup{--cup:#a8781c;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 12px 14px;border-radius:var(--r-s);background:var(--surf-2)}
.pp .pp-cup.is-major{--cup:#5e6b80}
.pp .pp-cup.is-domestic{--cup:#9a5a2c}
.pp .pp-cup__i{display:block;width:44px;height:66px;color:var(--cup)}
.pp .pp-cup__s,.pp .pp-cup__i .trophy-shape{display:block;width:100%;height:100%}
.pp .pp-cup__n{font:800 28px/1 var(--f-n);color:var(--surf-fg)}
.pp .pp-cup__t{font-weight:800;font-size:14px;line-height:1.25}
.pp .pp-cup__g{font-size:12px;color:var(--surf-mut)}
.pp .pp-cup__y{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2px}
.pp .pp-cup__y li{font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--surf-line);color:var(--surf-mut)}
.pp .pp-silver li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
.pp .pp-silver__t{grid-column:1}
.pp .pp-silver__p{grid-column:1;font-size:12px;color:var(--surf-mut)}
.pp .pp-silver__s{grid-column:2;grid-row:1/3;align-self:center}
.pp .pp-awlist{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pp .pp-award{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:var(--r-s);background:var(--surf-2)}
.pp .pp-award__t{font-weight:800;font-size:14px;line-height:1.25}
.pp .pp-award__y{font-size:12.5px;color:var(--surf-mut)}
.pp .pp-allaw{margin-top:12px}
.pp .pp-allaw summary{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--surf-line);cursor:pointer;font-weight:800;font-size:13.5px;list-style:none}
.pp .pp-allaw summary::-webkit-details-marker{display:none}
.pp .pp-allaw summary::after{content:"";width:8px;height:8px;margin-left:10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ease)}
.pp .pp-allaw[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.pp .pp-allaw__b{margin-top:10px}
.pp .pp-allaw__h{margin:12px 0 4px;font-size:12.5px;font-weight:800;color:var(--surf-mut)}
.pp .pp-allaw__l li{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-top:1px solid var(--surf-line);font-size:13.5px}
.pp .pp-allaw__l li:first-child{border-top:0}
.pp .pp-allaw__l small{flex:none;max-width:45%;text-align:right;font-size:12.5px;color:var(--surf-mut)}
.pp .pp-noaw{margin-top:0}
@media (max-width:1023px){.pp .pp-hon{grid-template-columns:1fr}.pp .pp-hon.is-few .pp-shelf,.pp .pp-hon.is-few .pp-awards,.pp .pp-hon.is-few .pp-tr2,.pp .pp-hon.is-few>.pp-note{grid-column:1;grid-row:auto}.pp .pp-awlist{grid-template-columns:1fr}}
@media (max-width:767px){
  .pp .pp-card{grid-template-areas:"photo head" "club club" "facts facts" "bento bento"}
  .pp .pp-club{grid-area:club;width:100%;padding:10px 12px}
  .pp .pp-club__n{font-size:17px}
  .pp .pp-emb--pass{--emb-w:44px;gap:9px}
  .pp .pp-emb--pass .pp-emb__n{font-size:16px}
  .pp .pp-cups{grid-template-columns:1fr 1fr}
  .pp .pp-allaw__l li{flex-direction:column;gap:2px}
  .pp .pp-allaw__l small{max-width:none;text-align:left}
}

/* знак, клуб и кубки по эпохам */
.pp[data-skin=tv]{--emb-rim:#f4efe1}
.pp[data-skin=tv] .pp-emb__f{filter:grayscale(1) contrast(1.1)}
.pp[data-skin=tv] .pp-emb__n{font:600 22px/1.05 var(--f-d);letter-spacing:.06em;text-transform:uppercase;color:#f4efe1}
.pp[data-skin=tv] .pp-emb--row .pp-emb__n{font-size:16px;color:var(--surf-fg)}
.pp[data-skin=tv] .pp-club{background:#0a0a0a;border-radius:6px;box-shadow:0 0 0 1px rgba(244,239,225,.12)}
.pp[data-skin=tv] .pp-club__l{font:600 11.5px/1.2 var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:#ffcf4d}
.pp[data-skin=tv] .pp-club__n{font:600 21px/1.15 var(--f-d);letter-spacing:.04em;text-transform:uppercase;color:#f4efe1}
.pp[data-skin=tv] .pp-club__m{background:#f4efe1;color:#1c1c1c;font-family:var(--f-d)}

/* протокол: знак - резиновый штамп: двойное кольцо чернилами, приглушённый флаг, наклон */
.pp[data-skin=protokol]{--emb-rim:#1a4fa0;--emb-sw:3}
.pp[data-skin=protokol] .pp-emb--pass .pp-emb__i{width:84px;padding:9px 12px 11px;border:2.5px solid #1a4fa0;border-radius:50%;box-shadow:inset 0 0 0 2px #fffcf3,inset 0 0 0 3.5px #1a4fa0;transform:rotate(-8deg);filter:none;opacity:.92}
.pp[data-skin=protokol] .pp-emb__f{opacity:.72}
.pp[data-skin=protokol] .pp-emb__n{font:800 15px/1.1 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#1a4fa0}
.pp[data-skin=protokol] .pp-emb--row .pp-emb__n{font-size:13px;letter-spacing:.06em}
.pp[data-skin=protokol] .pp-club{background:#fff;border:1px solid #d8cdb0;border-radius:4px;box-shadow:none}
.pp[data-skin=protokol] .pp-club__l{font:600 11px/1.2 var(--f-m);letter-spacing:.12em;text-transform:uppercase}
.pp[data-skin=protokol] .pp-club__n{font:800 17px/1.2 var(--f-m);text-transform:uppercase;letter-spacing:.04em}
.pp[data-skin=protokol] .pp-club__m{background:transparent;color:#b3272f;border:2px solid currentColor;font-family:var(--f-m);transform:rotate(-6deg)}
.pp[data-skin=protokol] .pp-cup{background:#fff;border:1px solid #d8cdb0}

/* кассета: знак - наклейка с белой высечкой и бликом */
.pp[data-skin=vhs]{--emb-rim:#fff;--emb-sw:6;--emb-gl:.28}
.pp[data-skin=vhs] .pp-emb--pass .pp-emb__i{transform:rotate(-6deg);filter:drop-shadow(3px 4px 0 rgba(11,15,43,.55))}
.pp[data-skin=vhs] .pp-emb__n{font:600 18px/1.1 var(--f-l);letter-spacing:.08em;text-transform:uppercase;color:#1c2459}
.pp[data-skin=vhs] .pp-emb--row .pp-emb__n{font-size:15px;color:var(--surf-fg)}
.pp[data-skin=vhs] .pp-club{background:#05071a;border-radius:6px;box-shadow:0 0 0 1px rgba(160,175,255,.18)}
.pp[data-skin=vhs] .pp-club__l{font:500 16px/1 var(--f-n);letter-spacing:.06em;text-transform:uppercase;color:#3ee6ff}
.pp[data-skin=vhs] .pp-club__n{font:700 24px/1.05 var(--f-n);letter-spacing:.04em;color:#fff}
.pp[data-skin=vhs] .pp-club__pre{font:500 18px/1 var(--f-n);color:#aab3e6}
.pp[data-skin=vhs] .pp-club__m{background:#f5ff67;color:#0b0f2a}
.pp[data-skin=vhs] .pp-cup{--cup:#f5ff67}
.pp[data-skin=vhs] .pp-cup.is-major{--cup:#3ee6ff}
.pp[data-skin=vhs] .pp-cup.is-domestic{--cup:#ff8fb8}

/* журнал: знак - наклейка из альбома с тенью краской */
.pp[data-skin=press]{--emb-rim:#fff;--emb-sw:5}
.pp[data-skin=press] .pp-emb--pass .pp-emb__i{transform:rotate(5deg);filter:drop-shadow(3px 3px 0 #1c2459)}
.pp[data-skin=press] .pp-emb__n{font:900 italic 24px/1 var(--f-d);text-transform:uppercase}
.pp[data-skin=press] .pp-emb--row .pp-emb__n{font-size:18px}
.pp[data-skin=press] .pp-club{background:#fff;border:2px solid #1c2459;border-radius:8px;box-shadow:4px 4px 0 #1c2459}
.pp[data-skin=press] .pp-club__n{font:900 italic 22px/1.05 var(--f-d);text-transform:uppercase}
.pp[data-skin=press] .pp-club__m{background:#d9341a;color:#fff;font:900 italic 18px/1 var(--f-d)}
.pp[data-skin=press] .pp-cup{background:#fff;border:2px solid #1c2459;box-shadow:3px 3px 0 #1c2459}

/* Франция-98: знак - нашивка эфира с синей кромкой и бликом */
.pp[data-skin=fr98]{--emb-rim:#fff;--emb-sw:3.5;--emb-gl:.3}
.pp[data-skin=fr98] .pp-emb--pass .pp-emb__i{filter:drop-shadow(0 0 0 #1f45d8) drop-shadow(0 8px 16px rgba(0,0,0,.5))}
.pp[data-skin=fr98] .pp-emb__n{font:700 18px/1.1 var(--f-d);letter-spacing:.14em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-emb--row .pp-emb__n{font-size:14px}
.pp[data-skin=fr98] .pp-club{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 50%),linear-gradient(90deg,#13285e,#1f45d8);border-radius:0 30px 30px 0;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.pp[data-skin=fr98] .pp-club__l{color:#f2b632;font:700 11px/1.2 var(--f-d);letter-spacing:.16em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-club__n{font:700 19px/1.15 var(--f-d);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.pp[data-skin=fr98] .pp-club__s{color:rgba(255,255,255,.8)}
.pp[data-skin=fr98] .pp-club__m{background:#fff;color:#1f45d8;font-family:var(--f-d)}

/* глянцевый эфир: знак с хромированной кромкой и глянцем */
.pp[data-skin=era00]{--emb-rim:#dfe6f2;--emb-sw:4;--emb-gl:.36}
.pp[data-skin=era00] .pp-emb__n{font:900 italic 20px/1.1 var(--f-d);text-transform:uppercase}
.pp[data-skin=era00] .pp-emb--row .pp-emb__n{font-size:15px}
.pp[data-skin=era00] .pp-club{border-radius:16px;background:linear-gradient(180deg,#22314f,#0d1526);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(173,196,235,.3)}
.pp[data-skin=era00] .pp-club__l{font:800 11px/1.2 var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:#ff9d7a}
.pp[data-skin=era00] .pp-club__n{font:900 italic 20px/1.1 var(--f-d);text-transform:uppercase}
.pp[data-skin=era00] .pp-club__m{background:radial-gradient(circle at 50% 30%,#ff8a8a,#c21d2f 60%,#7a0d1a);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4)}
.pp[data-skin=era00] .pp-cup{--cup:#ffc56b}
.pp[data-skin=era00] .pp-cup.is-major{--cup:#bcd0ee}
.pp[data-skin=era00] .pp-cup.is-domestic{--cup:#ff9d7a}

/* эфир 2010-2017: знак с янтарной кромкой и свечением */
.pp[data-skin=efir]{--emb-rim:#ffcf4d;--emb-sw:3}
.pp[data-skin=efir] .pp-emb--pass .pp-emb__i{filter:drop-shadow(0 0 10px rgba(255,207,77,.45))}
.pp[data-skin=efir] .pp-emb__n{font:600 20px/1.1 var(--f-d);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.pp[data-skin=efir] .pp-emb--row .pp-emb__n{font-size:15px}
.pp[data-skin=efir] .pp-club{background:rgba(13,20,32,.88);border-radius:4px;box-shadow:inset 0 3px 0 #ffcf4d}
.pp[data-skin=efir] .pp-club__l{font:600 11.5px/1.2 var(--f-d);letter-spacing:.12em;text-transform:uppercase;color:#ffcf4d}
.pp[data-skin=efir] .pp-club__n{font:700 22px/1.05 var(--f-d);text-transform:uppercase;letter-spacing:.03em;color:#fff}
.pp[data-skin=efir] .pp-club__s{color:rgba(244,244,244,.8)}
.pp[data-skin=efir] .pp-club__m{background:#ffcf4d;color:#14142b}
.pp[data-skin=efir] .pp-cup{--cup:#ffcf4d}
.pp[data-skin=efir] .pp-cup.is-major{--cup:#c9d2e6}
.pp[data-skin=efir] .pp-cup.is-domestic{--cup:#f0a36b}

/* плоский дизайн 2010-х: знак плоский, без кромки, с длинной тенью */
.pp[data-skin=era10]{--emb-sw:0}
.pp[data-skin=era10] .pp-emb--pass .pp-emb__i{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.3)) drop-shadow(3px 3px 0 rgba(0,0,0,.2)) drop-shadow(3px 3px 0 rgba(0,0,0,.12))}
.pp[data-skin=era10] .pp-emb__n{font:900 italic 20px/1.1 var(--f-d);text-transform:uppercase}
.pp[data-skin=era10] .pp-emb--row .pp-emb__n{font-size:15px}
.pp[data-skin=era10] .pp-club{background:#fff;color:#1d2129;border-radius:0;box-shadow:none;border-left:0}
.pp[data-skin=era10] .pp-club__l{color:#545b69}
.pp[data-skin=era10] .pp-club__l::before{content:"#";color:var(--m2);margin-right:1px}
.pp[data-skin=era10] .pp-club__n{font:900 italic 20px/1.1 var(--f-d);text-transform:uppercase;color:#1d2129}
.pp[data-skin=era10] .pp-club__s,.pp[data-skin=era10] .pp-club__pre,.pp[data-skin=era10] .pp-club__note{color:#545b69}
.pp[data-skin=era10] .pp-club__m{border-radius:0;background:var(--m4);color:#fff;font:900 italic 17px/1 var(--f-d)}
.pp[data-skin=era10] .pp-cup{--cup:#c47e00}
.pp[data-skin=era10] .pp-cup.is-major{--cup:var(--m1)}
.pp[data-skin=era10] .pp-cup.is-domestic{--cup:var(--m2)}

/* матч-центр: знак - значок приложения с тонким кольцом */
.pp[data-skin=era20]{--emb-rim:rgba(255,255,255,.7);--emb-sw:1.6}
.pp[data-skin=era20] .pp-emb--pass .pp-emb__i{filter:drop-shadow(0 10px 18px rgba(79,107,255,.45))}
.pp[data-skin=era20] .pp-emb__n{font:600 19px/1.1 var(--f-d);letter-spacing:-.02em}
.pp[data-skin=era20] .pp-emb--row .pp-emb__n{font:700 15px/1.2 var(--f-t)}
.pp[data-skin=era20] .pp-club{border-radius:22px;background:rgba(11,16,32,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.pp[data-skin=era20] .pp-club__n{font:600 19px/1.15 var(--f-d);letter-spacing:-.02em}
.pp[data-skin=era20] .pp-club__m{background:#c6ff3d;color:#0c1400;font-family:var(--f-d);letter-spacing:-.03em}
.pp[data-skin=era20] .pp-cup{--cup:#c6ff3d}
.pp[data-skin=era20] .pp-cup.is-major{--cup:#9fb2ff}
.pp[data-skin=era20] .pp-cup.is-domestic{--cup:#18d6b4}


/* ================================================================== СОЦСЕТИ, ВИДЕО, СТАТЬИ */
.pp .pp-socs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.pp .pp-soc{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh);
  text-decoration:none;transition:background-color .18s var(--ease),transform .12s var(--ease)}
.pp .pp-soc:hover{background:var(--surf-2)}
.pp .pp-soc:active{transform:scale(.98)}
.pp .pp-soc__ic{flex:none;width:26px;height:26px}
.pp .pp-soc__b{display:flex;flex-direction:column;min-width:0}
.pp .pp-soc__p{font-weight:800;font-size:15px}
.pp .pp-soc__p sup,.pp .pp-socm sup{font-size:.7em;margin-left:1px}
.pp .pp-soc__h{font-size:13.5px;color:var(--surf-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp .pp-meta{max-width:80ch}
.pp .pp-socmini{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.pp .pp-socmini__l{font-size:12px;font-weight:700;color:var(--c-mut);margin-right:2px}
.pp .pp-socm{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 6px;border-radius:999px;color:var(--c-fg);
  box-shadow:inset 0 0 0 1px var(--p-line);transition:background-color .18s var(--ease)}
.pp .pp-socm:hover{background:rgba(127,127,127,.2)}
.pp .pp-socm .pp-soc__ic{width:20px;height:20px}
.pp .pp-socm__n{font-size:12px;color:var(--c-mut);text-decoration:underline;text-underline-offset:3px}
.pp .pp-soon{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--acc);color:var(--acc-fg);font:800 11.5px/1 var(--f-t);letter-spacing:.04em;text-transform:uppercase}
@media (max-width:767px){
  .pp .pp-socmini{grid-area:soc}
  .pp .pp-card{grid-template-areas:"photo head" "club club" "soc soc" "facts facts" "bento bento"}
  .pp .pp-socs{grid-template-columns:1fr}
}
/* по эпохам: плашка «Скоро» и значки в своём наборе */
.pp[data-skin=tv] .pp-soon{background:#d1323c;color:#fff;font-family:var(--f-d);letter-spacing:.1em}
.pp[data-skin=protokol] .pp-soon{background:transparent;color:#b3272f;border:2px solid currentColor;border-radius:4px;font-family:var(--f-m);transform:rotate(-3deg)}
.pp[data-skin=vhs] .pp-soon{background:#f5ff67;color:#0b0f2a;font-family:var(--f-l)}
.pp[data-skin=press] .pp-soon{background:#d9341a;color:#fff;font:900 italic 13px/1 var(--f-d);border-radius:3px;transform:rotate(-2deg)}
.pp[data-skin=fr98] .pp-soon{background:linear-gradient(90deg,#13285e,#1f45d8);color:#fff;border-radius:0 12px 12px 0;font-family:var(--f-d)}
.pp[data-skin=era00] .pp-soon{background:linear-gradient(180deg,#ff6b6b,#b0182a);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.pp[data-skin=efir] .pp-soon{background:#ffcf4d;color:#14142b;border-radius:2px;font-family:var(--f-d);letter-spacing:.1em}
.pp[data-skin=era10] .pp-soon{background:var(--m2);color:#fff;border-radius:0}
.pp[data-skin=era10] .pp-socm{border-radius:0}
.pp[data-skin=era20] .pp-soon{background:#c6ff3d;color:#0c1400}


/* ================================================================== ВИДЕО И СТАТЬИ ПО ЭПОХАМ
   Разметка одна (.pp-vid: экран + список мест .pp-vi; .pp-art2: шапка + три заготовки .pp-ai), форму рисует эпоха,
   как на страницах матчей: катушки, архивные коробки, кассеты, наклейки, телекадр, меню диска, эфир, плитки, истории.
   Без ссылок, плееров и картинок игрока; подписи мест и плашка «Скоро» - настоящий текст, остальное - декор. */
.pp .pp-vid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.pp .pp-vid__scr{position:relative;display:grid;place-items:center;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#10131a;color:#fff}
.pp .pp-vid__glass,.pp .pp-vid__tc{position:absolute;z-index:1;pointer-events:none}
.pp .pp-vid__glass{inset:0}
.pp .pp-vid__msg{position:relative;z-index:2;font:800 22px/1.1 var(--f-d)}
.pp .pp-vid__scr>.pp-soon{position:absolute;right:14px;top:14px;z-index:3}
.pp .pp-vid__list{display:flex;flex-direction:column;gap:8px;min-width:0}
.pp .pp-vi{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-s);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh);min-width:0}
.pp .pp-vi__art{position:relative;display:grid;place-items:center;width:72px;height:48px;border-radius:6px;background:var(--surf-2)}
.pp .pp-vi__art i{display:none}
.pp .pp-vi__big{position:relative;z-index:1;font:800 20px/1 var(--f-n);color:var(--surf-fg)}
.pp .pp-vi__big.is-empty{display:none}
.pp .pp-vi__txt{display:flex;flex-direction:column;min-width:0}
.pp .pp-vi__t{font-weight:800;font-size:15px;line-height:1.2}
.pp .pp-vi__s{font-size:12.5px;line-height:1.35;color:var(--surf-mut)}
.pp .pp-art2{position:relative;padding:18px 20px;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh)}
.pp .pp-art2__mast{display:none}
.pp .pp-art2__h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700;margin-bottom:14px}
.pp .pp-art2__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pp .pp-ai{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}
.pp .pp-ai__k{font-size:12.5px;font-weight:800;color:var(--surf-mut)}
.pp .pp-ai__img{display:block;height:110px;border-radius:calc(var(--r) * .6);background:var(--surf-2)}
.pp .pp-ai__img i{display:none}
.pp .pp-ai__ls{display:flex;flex-direction:column;gap:7px}
.pp .pp-ai__ls i{display:block;height:10px;border-radius:5px;background:var(--surf-2)}
.pp .pp-ai__ls i:nth-child(2){width:92%}.pp .pp-ai__ls i:nth-child(3){width:76%}.pp .pp-ai__ls i:nth-child(4){width:44%}

/* ---------- tv: кинескоп с испытательной таблицей + жестяные коробки кинохроники; статьи - телепрограмма колонками */
.pp[data-skin=tv] .pp-vid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pp[data-skin=tv] .pp-vid__scr{border-radius:28px;border:14px solid #1d1d1d;box-shadow:0 0 0 1px rgba(244,239,225,.14),0 24px 40px rgba(0,0,0,.5)}
.pp[data-skin=tv] .pp-vid__glass{background:
  radial-gradient(circle at 50% 50%,transparent 0 27%,rgba(244,239,225,.75) 27% 28%,transparent 28%),
  linear-gradient(90deg,#d9d9d9 0 14.28%,#b5b5b5 0 28.57%,#8f8f8f 0 42.85%,#6b6b6b 0 57.14%,#4a4a4a 0 71.42%,#2c2c2c 0 85.71%,#141414 0) center 72%/64% 12% no-repeat,
  repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),
  repeating-linear-gradient(90deg,rgba(244,239,225,.08) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(244,239,225,.08) 0 1px,transparent 1px 34px),#111}
.pp[data-skin=tv] .pp-vid__msg{background:#f4efe1;color:#1c1c1c;padding:7px 16px 8px;border:2px solid #1c1c1c;font:600 17px/1 var(--f-d);letter-spacing:.16em;text-transform:uppercase}
.pp[data-skin=tv] .pp-vid__list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pp[data-skin=tv] .pp-vi{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;padding:18px 10px 14px;background:#171717;color:#f4efe1;border:1px solid rgba(244,239,225,.12);border-radius:12px;box-shadow:none}
.pp[data-skin=tv] .pp-vi__art{width:108px;height:108px;border-radius:50%;
  background:radial-gradient(circle,#2a2a2a 0 11%,#9a9a9a 11% 13%,#3a3a3a 13% 56%,#a7a7a7 56% 58%,#2b2b2b 58% 84%,#d0d0d0 84% 88%,#6a6a6a 88%);box-shadow:0 8px 16px rgba(0,0,0,.6)}
.pp[data-skin=tv] .pp-vi__big{background:#f4efe1;color:#1c1c1c;padding:4px 10px 3px;font:900 24px/1 var(--f-n);transform:rotate(-4deg);box-shadow:0 2px 4px rgba(0,0,0,.45)}
.pp[data-skin=tv] .pp-vi__t{font:600 16px/1.1 var(--f-d);letter-spacing:.08em;text-transform:uppercase;color:#f4efe1}
.pp[data-skin=tv] .pp-vi__s{color:rgba(244,239,225,.7)}
.pp[data-skin=tv] .pp-vi__txt{width:100%;align-items:center;overflow-wrap:anywhere}
.pp[data-skin=tv] .pp-vi>.pp-soon{position:absolute;left:10px;top:10px}
.pp[data-skin=tv] .pp-art2{border-radius:4px;background:radial-gradient(rgba(28,28,28,.05) 1px,transparent 1.2px) 0 0/6px 6px,#f4efe1}
.pp[data-skin=tv] .pp-art2__mast{display:block;font:600 30px/1 var(--f-d);letter-spacing:.2em;text-transform:uppercase;text-align:center;padding-bottom:10px;margin-bottom:12px;border-bottom:4px double #1c1c1c}
.pp[data-skin=tv] .pp-art2__mast::before{content:"Телепрограмма · сюжеты"}
.pp[data-skin=tv] .pp-art2__list{gap:0}
.pp[data-skin=tv] .pp-ai{padding:0 18px;border-left:1px solid rgba(28,28,28,.3)}
.pp[data-skin=tv] .pp-ai:first-child{padding-left:0;border-left:0}
.pp[data-skin=tv] .pp-ai__k{font:600 17px/1.1 var(--f-d);letter-spacing:.06em;text-transform:uppercase;color:#1c1c1c}
.pp[data-skin=tv] .pp-ai__img{height:84px;border-radius:0;background:radial-gradient(rgba(28,28,28,.4) 1px,transparent 1.3px) 0 0/5px 5px,#d9d0b8}
.pp[data-skin=tv] .pp-ai__ls{min-height:66px;background:repeating-linear-gradient(180deg,rgba(28,28,28,.4) 0 2px,transparent 2px 9px)}
.pp[data-skin=tv] .pp-ai__ls i{display:none}

/* ---------- protokol: коробка «Киноархив» с перфорацией, кадры-окна и машинописные карточки; статьи - вырезки в папке */
.pp[data-skin=protokol] .pp-vid{display:block}
.pp[data-skin=protokol] .pp-vid__scr{display:none}
.pp[data-skin=protokol] .pp-vid__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:34px 16px;border-radius:12px;
  background:repeating-linear-gradient(90deg,#fffcf3 0 10px,transparent 10px 22px) 10px 12px/calc(100% - 20px) 9px no-repeat,
  repeating-linear-gradient(90deg,#fffcf3 0 10px,transparent 10px 22px) 10px calc(100% - 12px)/calc(100% - 20px) 9px no-repeat,#1f1d1a}
.pp[data-skin=protokol] .pp-vi{grid-template-columns:1fr;gap:0;padding:0;background:transparent;box-shadow:none;border:0;border-radius:0}
.pp[data-skin=protokol] .pp-vi__art{width:100%;height:auto;aspect-ratio:4/3;border-radius:4px 4px 0 0;background:radial-gradient(circle at 50% 50%,transparent 0 32%,rgba(255,252,243,.3) 32% 33%,transparent 33%),#2d2a24}
.pp[data-skin=protokol] .pp-vi__big{font:800 38px/1 Unbounded,var(--f-n);color:#fffcf3}
.pp[data-skin=protokol] .pp-vi__txt{padding:9px 10px 10px;background:#fffcf3;border-radius:0 0 4px 4px}
.pp[data-skin=protokol] .pp-vi__t{font:700 12.5px/1.2 var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:#1c1c1c}
.pp[data-skin=protokol] .pp-vi__s{font:500 11.5px/1.35 var(--f-m);color:#5f584b}
.pp[data-skin=protokol] .pp-vi>.pp-soon{position:absolute;left:8px;top:8px;background:#fffcf3}
.pp[data-skin=protokol] .pp-art2{margin-top:46px;padding:26px 26px 32px;border:0;border-radius:4px;
  background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(26,79,160,.13) 31px 32px),#fffcf3;box-shadow:0 0 0 12px #dcc895,0 0 0 13px #b9a36a}
.pp[data-skin=protokol] .pp-art2__mast{display:block;position:absolute;left:-13px;top:-54px;padding:11px 26px 18px;background:#dcc895;border:1px solid #b9a36a;border-bottom:0;border-radius:10px 22px 0 0;
  font:700 12px/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:#1c1c1c}
.pp[data-skin=protokol] .pp-art2__mast::before{content:"Папка · пресса"}
.pp[data-skin=protokol] .pp-art2__h{font-family:var(--f-m);font-weight:600}
.pp[data-skin=protokol] .pp-ai{padding:12px 14px 24px;background:#f1eee4;transform:rotate(-1.2deg);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),95% 100%,90% calc(100% - 8px),85% 100%,80% calc(100% - 8px),75% 100%,70% calc(100% - 8px),65% 100%,60% calc(100% - 8px),55% 100%,50% calc(100% - 8px),45% 100%,40% calc(100% - 8px),35% 100%,30% calc(100% - 8px),25% 100%,20% calc(100% - 8px),15% 100%,10% calc(100% - 8px),5% 100%,0 calc(100% - 8px))}
.pp[data-skin=protokol] .pp-ai:nth-child(2){transform:rotate(1.1deg)}
.pp[data-skin=protokol] .pp-ai:nth-child(3){transform:rotate(-.5deg)}
.pp[data-skin=protokol] .pp-ai__k{font:700 15px/1.1 'PPB Oswald',var(--f-d);letter-spacing:.04em;text-transform:uppercase;color:#1c1c1c;padding-bottom:6px;border-bottom:2px solid #1c1c1c}
.pp[data-skin=protokol] .pp-ai__img{height:72px;border-radius:0;background:radial-gradient(rgba(0,0,0,.32) 1px,transparent 1.3px) 0 0/4px 4px,#cfc9b8}
.pp[data-skin=protokol] .pp-ai__ls{min-height:56px;background:repeating-linear-gradient(180deg,rgba(28,28,28,.42) 0 2px,transparent 2px 8px)}
.pp[data-skin=protokol] .pp-ai__ls i{display:none}

/* ---------- vhs: экран «нет записи» + кассеты корешками на полке; статьи - страницы телетекста */
.pp[data-skin=vhs] .pp-vid__scr{border-radius:24px;border:12px solid #1b1c26;background:radial-gradient(ellipse at 50% 40%,#3446d6,#1626a0 60%,#0d1670);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 40px rgba(0,0,0,.55)}
.pp[data-skin=vhs] .pp-vid__glass{background:repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px)}
.pp[data-skin=vhs] .pp-vid__msg{font:700 44px/1 var(--f-n);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}
.pp[data-skin=vhs] .pp-vid__tc{left:22px;top:18px;display:flex;align-items:center;gap:8px;font:700 22px/1 var(--f-n);letter-spacing:.06em;color:#fff}
.pp[data-skin=vhs] .pp-vid__tc::before{content:"STOP"}
.pp[data-skin=vhs] .pp-vid__tc::after{content:"";width:12px;height:12px;background:#fff}
.pp[data-skin=vhs] .pp-vid__list{padding:12px;border-radius:8px;background:linear-gradient(180deg,#14151d,#0b0f2b);box-shadow:inset 0 -6px 0 #2a2f55}
.pp[data-skin=vhs] .pp-vi{grid-template-columns:minmax(0,1fr) auto 116px;grid-template-areas:"txt soon art";padding:8px 10px 8px 26px;background:#f4efe1;color:#1c2459;border-radius:3px;box-shadow:0 2px 0 rgba(0,0,0,.4)}
.pp[data-skin=vhs] .pp-vi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(180deg,#ff3d8b 25%,#ff7a1a 0 50%,#f5ff67 0 75%,#3ee6ff 0)}
.pp[data-skin=vhs] .pp-vi__txt{grid-area:txt}
.pp[data-skin=vhs] .pp-vi>.pp-soon{grid-area:soon}
.pp[data-skin=vhs] .pp-vi__art{grid-area:art;display:flex;justify-content:space-between;align-items:center;width:116px;height:42px;padding:0 8px;border-radius:6px;background:#14151d}
.pp[data-skin=vhs] .pp-vi__art i{display:block;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#14151d 0 22%,#d9d9d9 22% 30%,#3a3b46 30%);box-shadow:inset 0 0 0 2px #8d96ac}
.pp[data-skin=vhs] .pp-vi__art i:nth-child(2){order:3}
.pp[data-skin=vhs] .pp-vi__art i:nth-child(3){display:none}
.pp[data-skin=vhs] .pp-vi__big{order:2;font:700 18px/1 var(--f-n);color:#f5ff67}
.pp[data-skin=vhs] .pp-vi__big.is-empty{display:block}
.pp[data-skin=vhs] .pp-vi__t{font:600 16px/1.1 var(--f-l);letter-spacing:.05em;text-transform:uppercase;color:#1c2459}
.pp[data-skin=vhs] .pp-vi__s{color:#565d80}
.pp[data-skin=vhs] .pp-art2{background:#05071a;border-radius:6px;box-shadow:0 0 0 1px rgba(160,175,255,.18)}
.pp[data-skin=vhs] .pp-art2__mast{display:flex;justify-content:space-between;gap:12px;padding:2px 0 10px;margin-bottom:12px;border-bottom:3px solid #3ee6ff;font:600 21px/1 var(--f-n);letter-spacing:.06em}
.pp[data-skin=vhs] .pp-art2__mast::before{content:"P300 8MATCH ТЕЛЕТЕКСТ";color:#f5ff67}
.pp[data-skin=vhs] .pp-art2__mast::after{content:"СТАТЬИ";color:#3ee6ff}
.pp[data-skin=vhs] .pp-art2__h{font:500 21px/1.1 var(--f-n);letter-spacing:.03em;color:#fff}
.pp[data-skin=vhs] .pp-art2__list{counter-reset:tt 300}
.pp[data-skin=vhs] .pp-ai{counter-increment:tt;padding:10px;background:#0b0f2a;border:2px solid #2a3373}
.pp[data-skin=vhs] .pp-ai__k{padding:5px 8px 4px;background:#f5ff67;color:#05071a;font:700 20px/1 var(--f-n);letter-spacing:.04em;text-transform:uppercase}
.pp[data-skin=vhs] .pp-ai:nth-child(2) .pp-ai__k{background:#3ee6ff}
.pp[data-skin=vhs] .pp-ai:nth-child(3) .pp-ai__k{background:#ff3d8b}
.pp[data-skin=vhs] .pp-ai__k::before{content:counter(tt) " "}
.pp[data-skin=vhs] .pp-ai__img{height:58px;border-radius:0;background:
  linear-gradient(90deg,#1c2459 0 25%,#3ee6ff 0 37.5%,#1c2459 0 62.5%,#ff3d8b 0 75%,#1c2459 0) 0 0/100% 50% no-repeat,
  linear-gradient(90deg,#f5ff67 0 12.5%,#1c2459 0 50%,#3ee6ff 0 62.5%,#1c2459 0) 0 100%/100% 50% no-repeat}
.pp[data-skin=vhs] .pp-ai__ls i{height:12px;border-radius:0;background:#3ee6ff}
.pp[data-skin=vhs] .pp-ai__ls i:nth-child(2){background:#fff}.pp[data-skin=vhs] .pp-ai__ls i:nth-child(3){background:#f5ff67}

/* ---------- press: «Смотрите на видео» - врезка журнала + наклейки альбома; статьи - журнальная полоса с анонсами */
.pp[data-skin=press] .pp-vid{grid-template-columns:minmax(0,.8fr) minmax(0,2fr)}
.pp[data-skin=press] .pp-vid__scr{aspect-ratio:auto;min-height:230px;padding:28px 22px;align-content:center;gap:10px;background:#f5ff67;color:#1c2459;border:3px solid #1c2459;border-radius:6px;box-shadow:8px 8px 0 #1c2459;transform:rotate(-2deg);overflow:visible}
.pp[data-skin=press] .pp-vid__tc{position:relative;font:700 11px/1 Unbounded,var(--f-t);letter-spacing:.1em;text-transform:uppercase;color:#1c2459}
.pp[data-skin=press] .pp-vid__tc::before{content:"Видеоприложение"}
.pp[data-skin=press] .pp-vid__msg{font:900 italic 36px/1 var(--f-d);text-transform:uppercase;text-align:center}
.pp[data-skin=press] .pp-vid__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pp[data-skin=press] .pp-vi{grid-template-columns:1fr;gap:10px;padding:8px 8px 12px;background:#fff;border:2px solid #1c2459;border-radius:10px;box-shadow:4px 4px 0 #1c2459;transform:rotate(-1.2deg)}
.pp[data-skin=press] .pp-vi:nth-child(even){transform:rotate(1.2deg)}
.pp[data-skin=press] .pp-vi__art{width:100%;height:auto;aspect-ratio:1;border-radius:6px;background:radial-gradient(rgba(28,36,89,.16) 1.4px,transparent 1.8px) 0 0/9px 9px,#c8f3ff}
.pp[data-skin=press] .pp-vi:nth-child(2) .pp-vi__art{background-color:#ffd6e5}
.pp[data-skin=press] .pp-vi:nth-child(3) .pp-vi__art{background-color:#f5ff67}
.pp[data-skin=press] .pp-vi:nth-child(4) .pp-vi__art{background-color:#d6f5e0}
.pp[data-skin=press] .pp-vi__big{font:900 italic 48px/1 var(--f-d);color:#1c2459;text-shadow:3px 3px 0 #d9341a}
.pp[data-skin=press] .pp-vi__t{font:900 italic 18px/1 var(--f-d);text-transform:uppercase}
.pp[data-skin=press] .pp-vi>.pp-soon{position:absolute;right:-10px;top:-12px;width:64px;height:64px;padding:0;justify-content:center;clip-path:var(--star);transform:rotate(-10deg);font-size:12px}
.pp[data-skin=press] .pp-art2{background:transparent;box-shadow:none;border:0;padding:0}
.pp[data-skin=press] .pp-art2__list{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px}
.pp[data-skin=press] .pp-ai{padding:10px;background:#fff;border:2px solid #1c2459;border-radius:8px;box-shadow:4px 4px 0 #1c2459}
.pp[data-skin=press] .pp-ai:first-child{grid-row:1/3}
.pp[data-skin=press] .pp-ai:first-child .pp-ai__img{height:230px;border-radius:4px;background:repeating-linear-gradient(90deg,#d9341a 0 16px,#e8542f 16px 32px)}
.pp[data-skin=press] .pp-ai:first-child .pp-ai__k{position:absolute;z-index:2;left:26px;top:118px;padding:8px 18px;background:#fff;color:#1c2459;box-shadow:4px 4px 0 #1c2459;transform:rotate(-4deg);font:900 italic 34px/1 var(--f-d)}
.pp[data-skin=press] .pp-ai:not(:first-child){display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto 1fr;gap:8px 12px}
.pp[data-skin=press] .pp-ai:not(:first-child) .pp-ai__img{grid-column:1;grid-row:1/3;height:auto;min-height:100px;border-radius:4px;background:radial-gradient(rgba(28,36,89,.3) 1.4px,transparent 1.8px) 0 0/8px 8px,#c8f3ff}
.pp[data-skin=press] .pp-ai:nth-child(3) .pp-ai__img{background-color:#ffd6e5}
.pp[data-skin=press] .pp-ai:not(:first-child) .pp-ai__k,.pp[data-skin=press] .pp-ai:not(:first-child) .pp-ai__ls{grid-column:2}
.pp[data-skin=press] .pp-ai__k{font:900 italic 19px/1 var(--f-d);text-transform:uppercase;color:#d9341a}
.pp[data-skin=press] .pp-ai__ls i{height:9px;background:rgba(28,36,89,.14)}

/* ---------- fr98: телекадр с плашкой «повтор» + эфирные карточки на вечернем стадионе; статьи - спортивная газета */
.pp[data-skin=fr98] .pp-vid__scr{border-radius:0;border:4px solid #fff;background:url(/images/match-themes/fr98/stadium-night.jpg) center/cover;box-shadow:0 0 0 1px rgba(11,23,64,.3),0 20px 40px -20px rgba(11,23,64,.7)}
.pp[data-skin=fr98] .pp-vid__glass{background:linear-gradient(180deg,rgba(6,14,40,.25),rgba(6,14,40,.78))}
.pp[data-skin=fr98] .pp-vid__msg{align-self:end;justify-self:start;margin:0 0 22px 22px;padding:11px 46px 11px 18px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 48%),linear-gradient(90deg,#13285e,#1f45d8);
  color:#fff;font:700 20px/1 var(--f-d);letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%)}
.pp[data-skin=fr98] .pp-vid__tc{left:22px;top:20px;padding:6px 12px;background:#fff;color:#1f45d8;font:700 13px/1 var(--f-d);letter-spacing:.24em;text-transform:uppercase;border-top:3px solid #1f45d8}
.pp[data-skin=fr98] .pp-vid__tc::before{content:"Повтор"}
.pp[data-skin=fr98] .pp-vid__list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pp[data-skin=fr98] .pp-vi{grid-template-columns:1fr;gap:0;padding:0;border-radius:0;overflow:hidden}
.pp[data-skin=fr98] .pp-vi__art{width:100%;height:auto;aspect-ratio:16/8;border-radius:0;background:linear-gradient(180deg,rgba(6,14,40,.15),rgba(6,14,40,.65)),url(/images/match-themes/fr98/stadium-night.jpg) center 40%/cover}
.pp[data-skin=fr98] .pp-vi__big{font:700 34px/1 var(--f-d);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.pp[data-skin=fr98] .pp-vi__txt{padding:8px 12px 10px}
.pp[data-skin=fr98] .pp-vi__t{font:700 14px/1.2 var(--f-d);letter-spacing:.1em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-vi>.pp-soon{position:absolute;left:8px;top:8px}
.pp[data-skin=fr98] .pp-art2{border-radius:0;border-top:6px solid #1f45d8}
.pp[data-skin=fr98] .pp-art2__mast{display:block;padding-bottom:10px;margin-bottom:14px;border-bottom:2px solid #0b1740;box-shadow:0 4px 0 -2px #fff,0 6px 0 -2px #0b1740;font:700 36px/1 var(--f-d);text-align:center;color:#0b1740}
.pp[data-skin=fr98] .pp-art2__mast::before{content:"Спортивная газета"}
.pp[data-skin=fr98] .pp-art2__list{gap:0}
.pp[data-skin=fr98] .pp-ai{padding:0 16px;border-left:1px solid rgba(11,23,64,.2)}
.pp[data-skin=fr98] .pp-ai:first-child{padding-left:0;border-left:0}
.pp[data-skin=fr98] .pp-ai__k{font:700 19px/1.15 var(--f-d);color:#0b1740}
.pp[data-skin=fr98] .pp-ai__img{height:92px;border-radius:0;background:linear-gradient(160deg,#13285e,#1f45d8)}
.pp[data-skin=fr98] .pp-ai:nth-child(2) .pp-ai__img{background:linear-gradient(160deg,#0a6a88,#18c6e6)}
.pp[data-skin=fr98] .pp-ai:nth-child(3) .pp-ai__img{background:linear-gradient(160deg,#b4460a,#ff7a1a)}
.pp[data-skin=fr98] .pp-ai__ls{min-height:52px;background:repeating-linear-gradient(180deg,rgba(11,23,64,.28) 0 2px,transparent 2px 8px)}
.pp[data-skin=fr98] .pp-ai__ls i{display:none}

/* ---------- era00: меню диска - экран с цветными полосами в хромированной рамке + глянцевые диски-кнопки; статьи - портал 2000-х */
.pp[data-skin=era00] .pp-vid__scr{border-radius:18px;border:3px solid transparent;background:linear-gradient(180deg,#1e3a6b,#071225) padding-box,var(--edge) border-box}
.pp[data-skin=era00] .pp-vid__glass{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) top/100% 64% no-repeat,
  linear-gradient(180deg,rgba(255,255,255,.18),transparent 40%);opacity:.6}
.pp[data-skin=era00] .pp-vid__msg{padding:11px 22px;border-radius:12px;background:linear-gradient(180deg,#2c2c2c,#050505);border:2px solid #dfe6f2;font:900 italic 24px/1 var(--f-d);text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.6)}
.pp[data-skin=era00] .pp-vid__tc{left:16px;bottom:14px;font:800 12px/1 var(--f-d);letter-spacing:.16em;color:#a9e2ff}
.pp[data-skin=era00] .pp-vid__tc::before{content:"МЕНЮ ДИСКА"}
.pp[data-skin=era00] .pp-vi{grid-template-columns:66px minmax(0,1fr) auto;padding:8px 14px 8px 8px;border-radius:999px;background:linear-gradient(180deg,#22314f,#0d1526);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(173,196,235,.3)}
.pp[data-skin=era00] .pp-vi__art{width:66px;height:66px;border-radius:50%;
  background:radial-gradient(circle,#0a1120 0 12%,#dfe6f2 12% 15%,transparent 15%),conic-gradient(from 30deg,#c9d6ea,#7fa6d9,#e9c6f0,#9fe7d9,#c9d6ea,#f4e3a1,#c9d6ea);box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 4px 10px rgba(0,0,0,.5)}
.pp[data-skin=era00] .pp-vi__big{margin-top:28px;padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.85);color:#0a1120;font:900 italic 12px/1.1 var(--f-d)}
.pp[data-skin=era00] .pp-vi__t{font:800 italic 16px/1.15 var(--f-d);text-transform:uppercase}
.pp[data-skin=era00] .pp-art2{background:linear-gradient(180deg,#16233f,#0a1120)}
.pp[data-skin=era00] .pp-art2__mast{display:flex;gap:6px;margin-bottom:14px}
.pp[data-skin=era00] .pp-art2__mast::before,.pp[data-skin=era00] .pp-art2__mast::after{padding:7px 16px;border-radius:999px;font:800 12px/1 var(--f-d);letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.pp[data-skin=era00] .pp-art2__mast::before{content:"Статьи";background:linear-gradient(180deg,#ff6b6b,#b0182a);color:#fff}
.pp[data-skin=era00] .pp-art2__mast::after{content:"Новости";background:linear-gradient(180deg,#22314f,#0d1526);color:#a7b5cf}
.pp[data-skin=era00] .pp-ai{gap:10px;border-radius:12px;overflow:hidden;background:#0d1526;box-shadow:0 0 0 2px #8fa0ba,0 12px 22px rgba(0,0,0,.45)}
.pp[data-skin=era00] .pp-ai__k{padding:9px 12px;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.05) 50%,transparent 51%),linear-gradient(180deg,#5cb4f0,#0d5fa8);color:#fff;font:900 italic 14px/1 var(--f-d);text-transform:uppercase}
.pp[data-skin=era00] .pp-ai__img{margin:0 12px;height:92px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 50%),linear-gradient(160deg,#1e3a6b,#071225)}
.pp[data-skin=era00] .pp-ai__ls{padding:0 12px 14px}
.pp[data-skin=era00] .pp-ai__ls i{background:rgba(173,196,235,.22)}

/* ---------- efir: трансляция 2010-х - поле, «нижняя треть» и плашка «эфир» + плейлист с янтарными цифрами; статьи - карточки медиа */
.pp[data-skin=efir] .pp-vid__scr{border-radius:6px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.04) 0 2px,transparent 2px 10px),linear-gradient(160deg,#1b5e3a,#0d2a1d)}
.pp[data-skin=efir] .pp-vid__glass{background:radial-gradient(circle at 50% 50%,transparent 0 15%,rgba(255,255,255,.28) 15% 15.6%,transparent 15.6%),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.28) 49.8% 50.2%,transparent 50.2%),
  linear-gradient(115deg,transparent 64%,rgba(226,64,58,.55) 64% 72%,transparent 72%)}
.pp[data-skin=efir] .pp-vid__msg{align-self:end;justify-self:start;margin:0 0 22px 22px;padding:10px 16px 12px;background:#14142b;color:#fff;box-shadow:inset 0 -4px 0 #ffcf4d;font:700 22px/1 var(--f-d);text-transform:uppercase;letter-spacing:.03em}
.pp[data-skin=efir] .pp-vid__tc{left:22px;top:18px;padding:5px 10px;background:#e2403a;color:#fff;font:700 12px/1 var(--f-d);letter-spacing:.18em}
.pp[data-skin=efir] .pp-vid__tc::before{content:"ЭФИР"}
.pp[data-skin=efir] .pp-vid__list{gap:0;padding:8px 14px;border-radius:6px;background:#14142b}
.pp[data-skin=efir] .pp-vi{grid-template-columns:66px minmax(0,1fr) auto;padding:12px 0;border-radius:0;background:transparent;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.08)}
.pp[data-skin=efir] .pp-vi:last-child{border-bottom:0}
.pp[data-skin=efir] .pp-vi__art{width:66px;height:46px;border-radius:2px;background:#1a1f3c;box-shadow:inset 0 -3px 0 #ffcf4d}
.pp[data-skin=efir] .pp-vi__big{font:900 22px/1 var(--f-n);color:#ffcf4d}
.pp[data-skin=efir] .pp-vi__t{font:600 15px/1.1 var(--f-d);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.pp[data-skin=efir] .pp-vi__s{color:rgba(244,244,244,.7)}
.pp[data-skin=efir] .pp-art2{background:#0d1420}
.pp[data-skin=efir] .pp-art2__h{color:#fff}
.pp[data-skin=efir] .pp-ai{gap:10px;padding-bottom:14px;border-radius:6px;overflow:hidden;background:#14142b}
.pp[data-skin=efir] .pp-ai__img{order:1;height:122px;border-radius:0;background:linear-gradient(115deg,#c42c3c 0 46%,#1b2466 46%)}
.pp[data-skin=efir] .pp-ai:nth-child(2) .pp-ai__img{background:linear-gradient(115deg,#1b2466 0 56%,#ffcf4d 56% 60%,#14142b 60%)}
.pp[data-skin=efir] .pp-ai:nth-child(3) .pp-ai__img{background:linear-gradient(115deg,#0d2a1d 0 40%,#1b5e3a 40%)}
.pp[data-skin=efir] .pp-ai__k{order:2;align-self:flex-start;margin:0 14px;padding:5px 10px;background:#ffcf4d;color:#14142b;font:600 13px/1 var(--f-d);letter-spacing:.1em;text-transform:uppercase}
.pp[data-skin=efir] .pp-ai__ls{order:3;padding:0 14px}
.pp[data-skin=efir] .pp-ai__ls i{background:rgba(255,255,255,.12)}

/* ---------- era10: плоские плитки видео с длинной тенью и хэштегами; статьи - лента постов блога */
.pp[data-skin=era10] .pp-vid{display:block}
.pp[data-skin=era10] .pp-vid__scr{display:none}
.pp[data-skin=era10] .pp-vid__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pp[data-skin=era10] .pp-vi{grid-template-columns:1fr;gap:0;padding:0;border-radius:0;background:#fff;box-shadow:6px 6px 0 rgba(29,33,41,.12);overflow:hidden}
.pp[data-skin=era10] .pp-vi__art{width:100%;height:auto;aspect-ratio:16/10;border-radius:0;justify-items:start;align-items:end;padding:0 0 14px 16px;background:linear-gradient(115deg,var(--m1) 0 60%,#1d2129 60%)}
.pp[data-skin=era10] .pp-vi:nth-child(2) .pp-vi__art{background:linear-gradient(115deg,var(--m2) 0 60%,#1d2129 60%)}
.pp[data-skin=era10] .pp-vi:nth-child(3) .pp-vi__art{background:linear-gradient(115deg,var(--m3) 0 60%,#1d2129 60%)}
.pp[data-skin=era10] .pp-vi:nth-child(4) .pp-vi__art{background:linear-gradient(115deg,var(--m4) 0 60%,#1d2129 60%)}
.pp[data-skin=era10] .pp-vi__big{font:900 italic 48px/1 var(--f-n);color:#fff;text-shadow:var(--lsoft)}
.pp[data-skin=era10] .pp-vi__txt{padding:12px 14px 14px}
.pp[data-skin=era10] .pp-vi__t{font:900 italic 16px/1.2 var(--f-d);text-transform:uppercase}
.pp[data-skin=era10] .pp-vi__t::before{content:"#";color:var(--m2)}
.pp[data-skin=era10] .pp-vi>.pp-soon{position:absolute;right:10px;top:10px}
.pp[data-skin=era10] .pp-art2{padding:0;background:transparent;box-shadow:none;border:0}
.pp[data-skin=era10] .pp-ai{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"img k" "ls ls";align-items:center;gap:12px;padding:16px;background:#fff;border-top:5px solid var(--m1)}
.pp[data-skin=era10] .pp-ai:nth-child(2){border-top-color:var(--m2)}
.pp[data-skin=era10] .pp-ai:nth-child(3){border-top-color:var(--m3)}
.pp[data-skin=era10] .pp-ai__img{grid-area:img;width:44px;height:44px;border-radius:50%;background:var(--m1)}
.pp[data-skin=era10] .pp-ai:nth-child(2) .pp-ai__img{background:var(--m2)}
.pp[data-skin=era10] .pp-ai:nth-child(3) .pp-ai__img{background:var(--m3)}
.pp[data-skin=era10] .pp-ai__k{grid-area:k;font:800 15px/1.2 var(--f-d);color:#1d2129}
.pp[data-skin=era10] .pp-ai__k::before{content:"#";color:var(--m2)}
.pp[data-skin=era10] .pp-ai__ls{grid-area:ls}
.pp[data-skin=era10] .pp-ai__ls i{border-radius:0;background:#e6eaf0}
.pp[data-skin=era10] .pp-ai__ls i:last-child{width:auto;height:24px;margin-top:4px;background:repeating-linear-gradient(90deg,#dfe3ea 0 72px,transparent 72px 82px)}

/* ---------- era20: короткие вертикальные ролики каруселью с полосками прогресса; статьи - карточки приложения и кружки историй */
.pp[data-skin=era20] .pp-vid{display:block}
.pp[data-skin=era20] .pp-vid__scr{display:none}
.pp[data-skin=era20] .pp-vid__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,calc((100% - 42px) / 4));gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.pp[data-skin=era20] .pp-vi{grid-template-columns:1fr;grid-template-rows:1fr auto;align-items:stretch;aspect-ratio:9/14;padding:14px;border-radius:22px;
  background:radial-gradient(120% 80% at 15% 0,rgba(79,107,255,.5),transparent 60%),radial-gradient(100% 70% at 100% 100%,rgba(24,214,180,.32),transparent 60%),#0b1020;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pp[data-skin=era20] .pp-vi:nth-child(2){background:radial-gradient(120% 80% at 85% 0,rgba(255,107,120,.45),transparent 60%),radial-gradient(100% 70% at 0 100%,rgba(79,107,255,.35),transparent 60%),#0b1020}
.pp[data-skin=era20] .pp-vi:nth-child(3){background:radial-gradient(120% 80% at 50% 0,rgba(198,255,61,.28),transparent 60%),radial-gradient(100% 70% at 100% 100%,rgba(79,107,255,.35),transparent 60%),#0b1020}
.pp[data-skin=era20] .pp-vi__art{width:100%;height:100%;background:transparent}
.pp[data-skin=era20] .pp-vi__art i{display:block;position:absolute;top:0;height:3px;border-radius:2px;background:rgba(255,255,255,.28)}
.pp[data-skin=era20] .pp-vi__art i:nth-child(1){left:0;width:31%;background:rgba(255,255,255,.8)}
.pp[data-skin=era20] .pp-vi__art i:nth-child(2){left:34.5%;width:31%}
.pp[data-skin=era20] .pp-vi__art i:nth-child(3){left:69%;width:31%}
.pp[data-skin=era20] .pp-vi__big{font:700 66px/1 var(--f-d);letter-spacing:-.05em;color:#eef2ff}
.pp[data-skin=era20] .pp-vi__t{font:600 17px/1.2 var(--f-d);letter-spacing:-.02em}
.pp[data-skin=era20] .pp-vi>.pp-soon{position:absolute;left:14px;top:28px}
.pp[data-skin=era20] .pp-art2{background:transparent;box-shadow:none;padding:0}
.pp[data-skin=era20] .pp-art2__mast{display:block;width:min(100%,300px);height:64px;margin-bottom:14px;
  background:radial-gradient(circle at 32px 32px,#1a2140 0 24px,transparent 25px) 0 0/76px 64px repeat-x,
             radial-gradient(circle at 32px 32px,transparent 0 26px,#c6ff3d 27px 30px,transparent 31px) 0 0/76px 64px repeat-x}
.pp[data-skin=era20] .pp-ai{gap:10px;padding-bottom:16px;border-radius:22px;overflow:hidden;background:#0b1020;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pp[data-skin=era20] .pp-ai__img{order:-1;height:132px;border-radius:0;background:radial-gradient(120% 90% at 0 0,rgba(79,107,255,.6),transparent 60%),radial-gradient(100% 80% at 100% 100%,rgba(255,107,120,.45),transparent 60%),#141b31}
.pp[data-skin=era20] .pp-ai__k{margin:0 16px;font:600 17px/1.2 var(--f-d);letter-spacing:-.02em;color:#eef2ff}
.pp[data-skin=era20] .pp-ai__ls{padding:0 16px}
.pp[data-skin=era20] .pp-ai__ls i{background:rgba(255,255,255,.1)}

/* ---------- соцсети по эпохам: визитки и картотека у старых, значки приложений у современных */
.pp[data-skin=tv] .pp-soc{border-radius:2px;border-top:3px double #1c1c1c;box-shadow:0 10px 18px rgba(0,0,0,.25)}
.pp[data-skin=tv] .pp-soc__p{font:600 16px/1.1 var(--f-d);letter-spacing:.08em;text-transform:uppercase}
.pp[data-skin=tv] .pp-soc__h{font-family:var(--f-m)}
.pp[data-skin=protokol] .pp-soc{border-radius:2px;background:linear-gradient(180deg,transparent 22px,rgba(209,50,60,.5) 22px 23.5px,transparent 23.5px),repeating-linear-gradient(180deg,transparent 0 17px,rgba(26,79,160,.12) 17px 18px),#fffcf3}
.pp[data-skin=protokol] .pp-soc__p{font:700 12.5px/1.2 var(--f-m);letter-spacing:.1em;text-transform:uppercase}
.pp[data-skin=protokol] .pp-soc__h{font-family:var(--f-m);color:#1a4fa0}
.pp[data-skin=vhs] .pp-soc{background:#05071a;border-radius:4px;box-shadow:0 0 0 2px #2a3373}
.pp[data-skin=vhs] .pp-soc__ic{color:#3ee6ff}
.pp[data-skin=vhs] .pp-soc__p{font:700 20px/1 var(--f-n);letter-spacing:.04em;color:#3ee6ff}
.pp[data-skin=vhs] .pp-soc__h{font:500 19px/1.1 var(--f-n);color:#f5ff67}
.pp[data-skin=press] .pp-soc{border:2px solid #1c2459;box-shadow:4px 4px 0 #1c2459;transform:rotate(-.8deg)}
.pp[data-skin=press] .pp-soc__p{font:900 italic 18px/1 var(--f-d);text-transform:uppercase;color:#d9341a}
.pp[data-skin=fr98] .pp-soc{border-radius:0 30px 30px 0;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 50%),linear-gradient(90deg,#13285e,#1f45d8);color:#fff}
.pp[data-skin=fr98] .pp-soc__p{font:700 15px/1.1 var(--f-d);letter-spacing:.12em;text-transform:uppercase}
.pp[data-skin=fr98] .pp-soc__h{color:rgba(255,255,255,.82)}
.pp[data-skin=era00] .pp-soc{border-radius:999px;background:linear-gradient(180deg,#22314f,#0d1526);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(173,196,235,.3)}
.pp[data-skin=era00] .pp-soc__ic{width:38px;height:38px;padding:8px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#8fd5ff,#0d5fa8 70%);color:#fff}
.pp[data-skin=efir] .pp-soc{border-radius:4px;box-shadow:inset 0 3px 0 #ffcf4d}
.pp[data-skin=efir] .pp-soc__ic{color:#ffcf4d}
.pp[data-skin=efir] .pp-soc__p{font:600 16px/1.1 var(--f-d);letter-spacing:.08em;text-transform:uppercase}
.pp[data-skin=era10] .pp-soc{background:var(--m1);color:#fff;border-top:0}
.pp[data-skin=era10] .pp-socs li:nth-child(2) .pp-soc{background:var(--m2)}
.pp[data-skin=era10] .pp-socs li:nth-child(3) .pp-soc{background:var(--m3)}
.pp[data-skin=era10] .pp-socs li:nth-child(4) .pp-soc{background:var(--m4)}
.pp[data-skin=era10] .pp-soc__h{color:rgba(255,255,255,.88)}
.pp[data-skin=era10] .pp-soc__p{font:900 italic 16px/1.1 var(--f-d);text-transform:uppercase}
.pp[data-skin=era20] .pp-socs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.pp[data-skin=era20] .pp-soc{flex-direction:column;align-items:flex-start;gap:12px;min-height:0;padding:16px;border-radius:22px}
.pp[data-skin=era20] .pp-soc__ic{width:52px;height:52px;padding:12px;border-radius:16px;background:#c6ff3d;color:#0c1400}

@media (max-width:1023px){
  .pp .pp-vid,.pp[data-skin=tv] .pp-vid,.pp[data-skin=press] .pp-vid{grid-template-columns:1fr}
  .pp[data-skin=press] .pp-vid__scr{transform:none;min-height:0}
  .pp[data-skin=press] .pp-vi__art{aspect-ratio:16/10}
  .pp[data-skin=protokol] .pp-vid__list,.pp[data-skin=press] .pp-vid__list,.pp[data-skin=era10] .pp-vid__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .pp .pp-art2__list{grid-template-columns:1fr}
  .pp[data-skin=tv] .pp-ai,.pp[data-skin=fr98] .pp-ai{padding:12px 0 0;border-left:0;border-top:1px solid rgba(0,0,0,.2)}
  .pp[data-skin=tv] .pp-ai:first-child,.pp[data-skin=fr98] .pp-ai:first-child{padding-top:0;border-top:0}
  .pp[data-skin=tv] .pp-art2__mast{font-size:20px;letter-spacing:.12em}
  .pp[data-skin=fr98] .pp-art2__mast{font-size:26px}
  .pp[data-skin=tv] .pp-vi__art{width:84px;height:84px}
  .pp[data-skin=tv] .pp-vid__msg{font-size:14px;letter-spacing:.1em}
  .pp[data-skin=tv] .pp-ai__img{height:56px}
  .pp[data-skin=tv] .pp-ai__ls{min-height:44px}
  .pp[data-skin=tv] .pp-vi__t{font-size:13.5px;letter-spacing:.04em}
  .pp[data-skin=tv] .pp-vid__scr{border-width:8px;border-radius:18px}
  .pp[data-skin=vhs] .pp-vid__msg{font-size:30px}
  .pp[data-skin=vhs] .pp-vi{grid-template-columns:minmax(0,1fr) 92px;grid-template-areas:"txt art" "soon art";padding-left:22px}
  .pp[data-skin=vhs] .pp-vi>.pp-soon{justify-self:start}
  .pp[data-skin=vhs] .pp-vi__art{width:92px;padding:0 5px}
  .pp[data-skin=vhs] .pp-vi__art i{width:22px;height:22px}
  .pp[data-skin=vhs] .pp-art2__mast{font-size:16px}
  .pp[data-skin=press] .pp-vid__msg{font-size:26px}
  .pp[data-skin=press] .pp-vi>.pp-soon{right:-2px;top:-10px;width:56px;height:56px}
  .pp[data-skin=press] .pp-vi,.pp[data-skin=press] .pp-vi:nth-child(even){transform:none}
  .pp[data-skin=press] .pp-art2__list{grid-template-columns:1fr}
  .pp[data-skin=press] .pp-ai:first-child{grid-row:auto}
  .pp[data-skin=press] .pp-ai:first-child .pp-ai__img{height:150px}
  .pp[data-skin=press] .pp-ai:first-child .pp-ai__k{top:70px;font-size:26px}
  .pp[data-skin=fr98] .pp-vid__msg{font-size:15px;margin:0 0 14px 14px}
  .pp[data-skin=efir] .pp-vid__msg{font-size:16px;margin:0 0 14px 14px}
  .pp[data-skin=protokol] .pp-art2{padding:20px 16px 26px;box-shadow:0 0 0 8px #dcc895,0 0 0 9px #b9a36a}
  .pp[data-skin=protokol] .pp-art2__mast{left:-9px;top:-46px}
  .pp[data-skin=era10] .pp-vi__big{font-size:36px}
  .pp[data-skin=era20] .pp-vid__list{grid-auto-columns:minmax(160px,46%)}
  .pp[data-skin=era20] .pp-vi__big{font-size:48px}
}

/* ICONS-BEGIN */
/* Phosphor Light (MIT, github.com/phosphor-icons/core) - из match-lower-era20.css */
.pp{--i-cal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M208,34H182V24a6,6,0,0,0-12,0V34H86V24a6,6,0,0,0-12,0V34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34ZM48,46H74V56a6,6,0,0,0,12,0V46h84V56a6,6,0,0,0,12,0V46h26a2,2,0,0,1,2,2V82H46V48A2,2,0,0,1,48,46ZM208,210H48a2,2,0,0,1-2-2V94H210V208A2,2,0,0,1,208,210Z'/%3E%3C/svg%3E");--i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M128,66a38,38,0,1,0,38,38A38,38,0,0,0,128,66Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,128,130Zm0-112a86.1,86.1,0,0,0-86,86c0,30.91,14.34,63.74,41.47,94.94a252.32,252.32,0,0,0,41.09,38,6,6,0,0,0,6.88,0,252.32,252.32,0,0,0,41.09-38c27.13-31.2,41.47-64,41.47-94.94A86.1,86.1,0,0,0,128,18Zm0,206.51C113,212.93,54,163.62,54,104a74,74,0,0,1,148,0C202,163.62,143,212.93,128,224.51Z'/%3E%3C/svg%3E");--i-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Zm62-90a6,6,0,0,1-6,6H128a6,6,0,0,1-6-6V72a6,6,0,0,1,12,0v50h50A6,6,0,0,1,190,128Z'/%3E%3C/svg%3E");--i-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M231.36,116.19,87.28,28.06a14,14,0,0,0-14.18-.27A13.69,13.69,0,0,0,66,39.87V216.13a13.69,13.69,0,0,0,7.1,12.08,14,14,0,0,0,14.18-.27l144.08-88.13a13.82,13.82,0,0,0,0-23.62Zm-6.26,13.38L81,217.7a2,2,0,0,1-2.06,0,1.78,1.78,0,0,1-1-1.61V39.87a1.78,1.78,0,0,1,1-1.61A2.06,2.06,0,0,1,80,38a2,2,0,0,1,1,.31L225.1,126.43a1.82,1.82,0,0,1,0,3.14Z'/%3E%3C/svg%3E");--i-prev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M164.24,203.76a6,6,0,1,1-8.48,8.48l-80-80a6,6,0,0,1,0-8.48l80-80a6,6,0,0,1,8.48,8.48L88.49,128Z'/%3E%3C/svg%3E");--i-next:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M180.24,132.24l-80,80a6,6,0,0,1-8.48-8.48L167.51,128,91.76,52.24a6,6,0,0,1,8.48-8.48l80,80A6,6,0,0,1,180.24,132.24Z'/%3E%3C/svg%3E");--i-ball:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm77.67,147.42H169.89L159.41,159l13.29-38.72,17-5.51,27.94,21.43A89.38,89.38,0,0,1,205.67,173.42Zm-119.56,0H50.33A89.38,89.38,0,0,1,38.38,136.2l27.94-21.43,17,5.51L96.59,159ZM51,81.42l7.24,24.41-20,15.34A89.47,89.47,0,0,1,51,81.42ZM107.56,154,95.15,117.86,128,95.28l32.85,22.58L148.44,154Zm90.19-48.17L205,81.42a89.47,89.47,0,0,1,12.75,39.75Zm-1.66-36.62L186,103.35l-17,5.53-35-24V67.16l30.9-21.24A90.3,90.3,0,0,1,196.09,69.21ZM150.92,41,128,56.72,105.08,41a90.22,90.22,0,0,1,45.84,0ZM91.11,45.91,122,67.16V84.84l-35,24-17-5.53L59.91,69.21A90.4,90.4,0,0,1,91.11,45.91ZM58.75,185.42H84.93l9.19,26A90.37,90.37,0,0,1,58.75,185.42Zm49.68,30.43L95.88,180.39,106.34,166h43.32l10.46,14.39-12.55,35.46a90.14,90.14,0,0,1-39.14,0Zm53.45-4.48,9.19-26h26.18A90.37,90.37,0,0,1,161.88,211.37Z'/%3E%3C/svg%3E");--i-cup:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M232,66H206V48a6,6,0,0,0-6-6H56a6,6,0,0,0-6,6V66H24A14,14,0,0,0,10,80V96a38,38,0,0,0,38,38h5.14A78,78,0,0,0,122,189.75V218H96a6,6,0,0,0,0,12h64a6,6,0,0,0,0-12H134V189.75c32.44-2.52,59.43-25.3,68.62-55.75H208a38,38,0,0,0,38-38V80A14,14,0,0,0,232,66ZM48,122A26,26,0,0,1,22,96V80a2,2,0,0,1,2-2H50v34a80.87,80.87,0,0,0,.65,10Zm146-10.9c0,36.62-29.38,66.63-65.5,66.9A66,66,0,0,1,62,112V54H194ZM234,96a26,26,0,0,1-26,26h-2.77a78.45,78.45,0,0,0,.77-10.9V78h26a2,2,0,0,1,2,2Z'/%3E%3C/svg%3E");--i-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z'/%3E%3C/svg%3E");--i-out:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z'/%3E%3C/svg%3E");--i-tag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M224,90H173l8.89-48.93a6,6,0,1,0-11.8-2.14L160.81,90H109l8.89-48.93a6,6,0,0,0-11.8-2.14L96.81,90H48a6,6,0,0,0,0,12H94.63l-9.46,52H32a6,6,0,0,0,0,12H83L74.1,214.93a6,6,0,0,0,4.83,7A5.64,5.64,0,0,0,80,222a6,6,0,0,0,5.89-4.93L95.19,166H147l-8.89,48.93a6,6,0,0,0,4.83,7,5.64,5.64,0,0,0,1.08.1,6,6,0,0,0,5.89-4.93L159.19,166H208a6,6,0,0,0,0-12H161.37l9.46-52H224a6,6,0,0,0,0-12Zm-74.83,64H97.37l9.46-52h51.8Z'/%3E%3C/svg%3E");--i-photo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M216,42H72A14,14,0,0,0,58,56V74H40A14,14,0,0,0,26,88V200a14,14,0,0,0,14,14H184a14,14,0,0,0,14-14V182h18a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM70,56a2,2,0,0,1,2-2H216a2,2,0,0,1,2,2v67.57L204.53,110.1a14,14,0,0,0-19.8,0l-21.42,21.41L117.9,86.1a14,14,0,0,0-19.8,0L70,114.2ZM186,200a2,2,0,0,1-2,2H40a2,2,0,0,1-2-2V88a2,2,0,0,1,2-2H58v82a14,14,0,0,0,14,14H186Zm30-30H72a2,2,0,0,1-2-2V131.17l36.58-36.58a2,2,0,0,1,2.83,0l49.66,49.66a6,6,0,0,0,8.49,0l25.65-25.66a2,2,0,0,1,2.83,0l22,22V168A2,2,0,0,1,216,170ZM162,84a10,10,0,1,1,10,10A10,10,0,0,1,162,84Z'/%3E%3C/svg%3E");--i-news:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M182,112a6,6,0,0,1-6,6H96a6,6,0,0,1,0-12h80A6,6,0,0,1,182,112Zm-6,26H96a6,6,0,0,0,0,12h80a6,6,0,0,0,0-12Zm54-74V184a22,22,0,0,1-22,22H32a22,22,0,0,1-22-21.91V88a6,6,0,0,1,12,0v96a10,10,0,0,0,20,0V64A14,14,0,0,1,56,50H216A14,14,0,0,1,230,64Zm-12,0a2,2,0,0,0-2-2H56a2,2,0,0,0-2,2V184a21.84,21.84,0,0,1-2.41,10H208a10,10,0,0,0,10-10Z'/%3E%3C/svg%3E");--i-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M224,202H214V40a6,6,0,0,0-6-6H152a6,6,0,0,0-6,6V82H96a6,6,0,0,0-6,6v42H48a6,6,0,0,0-6,6v66H32a6,6,0,0,0,0,12H224a6,6,0,0,0,0-12ZM158,46h44V202H158ZM102,94h44V202H102ZM54,142H90v60H54Z'/%3E%3C/svg%3E");--i-team:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M243.6,148.8a6,6,0,0,1-8.4-1.2A53.58,53.58,0,0,0,192,126a6,6,0,0,1,0-12,26,26,0,1,0-25.18-32.5,6,6,0,0,1-11.62-3,38,38,0,1,1,59.91,39.63A65.69,65.69,0,0,1,244.8,140.4,6,6,0,0,1,243.6,148.8ZM189.19,213a6,6,0,0,1-2.19,8.2,5.9,5.9,0,0,1-3,.81,6,6,0,0,1-5.2-3,59,59,0,0,0-101.62,0,6,6,0,1,1-10.38-6A70.1,70.1,0,0,1,103,182.55a46,46,0,1,1,50.1,0A70.1,70.1,0,0,1,189.19,213ZM128,178a34,34,0,1,0-34-34A34,34,0,0,0,128,178ZM70,120a6,6,0,0,0-6-6A26,26,0,1,1,89.18,81.49a6,6,0,1,0,11.62-3,38,38,0,1,0-59.91,39.63A65.69,65.69,0,0,0,11.2,140.4a6,6,0,1,0,9.6,7.2A53.58,53.58,0,0,1,64,126,6,6,0,0,0,70,120Z'/%3E%3C/svg%3E");--i-swap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M222,48V152a14,14,0,0,1-14,14H94.49l13.75,13.76a6,6,0,1,1-8.48,8.48l-24-24a6,6,0,0,1,0-8.48l24-24a6,6,0,0,1,8.48,8.48L94.49,154H208a2,2,0,0,0,2-2V48a2,2,0,0,0-2-2H96a2,2,0,0,0-2,2v8a6,6,0,0,1-12,0V48A14,14,0,0,1,96,34H208A14,14,0,0,1,222,48ZM168,194a6,6,0,0,0-6,6v8a2,2,0,0,1-2,2H48a2,2,0,0,1-2-2V104a2,2,0,0,1,2-2H161.51l-13.75,13.76a6,6,0,1,0,8.48,8.48l24-24a6,6,0,0,0,0-8.48l-24-24a6,6,0,0,0-8.48,8.48L161.51,90H48a14,14,0,0,0-14,14V208a14,14,0,0,0,14,14H160a14,14,0,0,0,14-14v-8A6,6,0,0,0,168,194Z'/%3E%3C/svg%3E");--i-ref:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M242,98.33l-184-64A6,6,0,0,0,50,40V216a6,6,0,0,0,12,0V172.27l180-62.6a6,6,0,0,0,0-11.34ZM62,159.56V48.44L221.74,104Z'/%3E%3C/svg%3E");--i-go:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23000'%3E%3Cpath d='M220.24,132.24l-72,72a6,6,0,0,1-8.48-8.48L201.51,134H40a6,6,0,0,1,0-12H201.51L139.76,60.24a6,6,0,0,1,8.48-8.48l72,72A6,6,0,0,1,220.24,132.24Z'/%3E%3C/svg%3E")}
/* ICONS-END */

/* ================================================================== ДОПОЛНЕНИЯ ПЕРЕНОСА */
/* ---------- настоящие видео матчей игрока (когда появятся в базе): превью, плеер - по нажатию ---------- */
.pp .pp-vreal{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:0 0 18px}
.pp .pp-vr{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:var(--r);background:var(--surf);color:var(--surf-fg);box-shadow:var(--sh);min-width:0}
.pp .pp-vr__m{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-s);background:#10131a}
.pp .pp-vr__m img{width:100%;height:100%;object-fit:cover}
.pp .pp-vr__m iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pp .pp-vr__ph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.75);font:800 18px/1.1 var(--f-d)}
.pp .pp-vr__go{position:absolute;inset:0;display:grid;place-items:center;border:0;padding:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5));cursor:pointer}
.pp .pp-vr__go span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--acc);color:var(--acc-fg);font:800 14px/1 var(--f-t);transition:transform .16s var(--ease)}
.pp .pp-vr__go:active span{transform:scale(.97)}
.pp .pp-vr__k{font:800 11.5px/1 var(--f-t);letter-spacing:.04em;text-transform:uppercase;color:var(--acc-t)}
.pp .pp-vr__t{font-weight:800;line-height:1.25}
.pp .pp-vr__s{font-size:13px;color:var(--surf-mut)}
.pp[data-skin=tv] .pp-vr__m img{filter:grayscale(1) contrast(1.05)}
.pp[data-skin=protokol] .pp-vr,.pp[data-skin=press] .pp-vr{border-radius:2px}
.pp[data-skin=era20] .pp-vr{border-radius:22px}
/* ---------- имя: со скриптом длинное слово не переносится по буквам, а уменьшается (player-dossier.js, fitName) ---------- */
.pp .pp-name.is-fit{overflow-wrap:normal}
/* ---------- подписи снимков: мельче и одной строкой текста (лицензии требуют автора и лицензию); источники страницы - одной строкой внизу ---------- */
.pp .pp-photo__cap,.pp[data-skin] .pp-photo__cap{font-size:11px;line-height:1.35}
.pp .pp-datasrc{padding:10px 0 30px;font-size:12px;line-height:1.4;color:var(--mut)}
@media (max-width:767px){
  .pp .pp-photo__cap,.pp[data-skin] .pp-photo__cap{font-size:10.5px}
  .pp .pp-datasrc{padding:8px 0 24px}
}