:root{
  --notte:#0B1530; --notte2:#0E1A3C; --pannello:#121F45; --pannello2:#16254F;
  --linea:rgba(157,176,220,.16); --linea2:rgba(157,176,220,.30);
  --gesso:#EAF0FF; --gesso-dim:#9DB0DC; --gesso-mut:#6F82B5;
  --bkt:#8FD43F; --bkt-dark:#5E9A1F; --oro:#F4C84B; --azzurro:#5BB8F5;
  --ambra:#F2A33C; --rosso:#E8504F;
  --r:14px; --r-sm:9px;
  --shadow:0 10px 30px rgba(2,6,20,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--notte); color:var(--gesso);
  font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body::before{ /* лёгкое поле-свечение сверху */
  content:""; position:fixed; inset:0 0 auto 0; height:420px; pointer-events:none; z-index:0;
  background:radial-gradient(900px 380px at 18% -60px, rgba(143,212,63,.10), transparent 60%),
             radial-gradient(800px 360px at 85% -80px, rgba(91,184,245,.08), transparent 60%);
}
a{color:var(--azzurro); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
:focus-visible{outline:2px solid var(--bkt); outline-offset:2px; border-radius:4px}
@media (prefers-reduced-motion: reduce){ *{animation:none!important; transition:none!important} }

/* ─── Шапка и навигация ─── */
.tricolor{height:4px; background:linear-gradient(90deg,#1E8A4C 33.3%,#F2F4F8 33.3% 66.6%,#D7182A 66.6%); position:relative; z-index:5}
header.top{
  position:sticky; top:0; z-index:50; backdrop-filter:blur(8px);
  background:rgba(11,21,48,.88); border-bottom:1px solid var(--linea);
}
.top-in{max-width:1180px; margin:0 auto; padding:10px 20px; display:flex; align-items:center; gap:16px; flex-wrap:wrap}
.brand{display:flex; align-items:center; gap:11px; color:var(--gesso); font-weight:800}
.brand:hover{text-decoration:none}
.brand .logo{
  width:38px; height:38px; border-radius:9px; flex:none;
  background:linear-gradient(160deg,#15234E,#0C1738); border:1px solid var(--linea2);
  display:grid; place-items:center; font-style:italic; font-size:21px; color:var(--bkt);
  transform:skewX(-4deg);
}
.brand b{font-size:17px; letter-spacing:.2px}
.brand small{display:block; font-weight:600; color:var(--gesso-dim); font-size:11px; letter-spacing:.06em; text-transform:uppercase}
nav.main{display:flex; gap:2px; flex-wrap:wrap; margin-left:auto}
nav.main a{
  color:var(--gesso-dim); font-weight:650; font-size:13.5px; padding:7px 11px; border-radius:8px;
  white-space:nowrap;
}
nav.main a:hover{color:var(--gesso); background:rgba(157,176,220,.10); text-decoration:none}
nav.main a.active{color:#0B1530; background:var(--bkt)}
/* ─── Каркас страниц ─── */
main{max-width:1180px; margin:0 auto; padding:26px 20px 60px; position:relative; z-index:1}
main > *{min-width:0}
main{animation:fadein .3s ease}
@keyframes fadein{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}
.eyebrow{
  font-size:11.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase;
  color:var(--bkt); display:flex; align-items:center; gap:9px; margin-bottom:10px;
}
.eyebrow::before{content:""; width:16px; height:10px; background:var(--bkt); transform:skewX(-18deg); border-radius:2px}
h1{font-size:clamp(26px,4.4vw,40px); line-height:1.12; margin:0 0 12px; font-weight:800; letter-spacing:-.4px}
h1 .oro{color:var(--oro)} h1 .bkt{color:var(--bkt)}
h2.pt{ /* заголовок страницы со скошенным слэшем */
  font-size:clamp(21px,3vw,28px); margin:0 0 6px; font-weight:800; letter-spacing:-.3px;
  display:flex; align-items:center; gap:12px;
}
h2.pt::before{content:""; width:9px; height:26px; background:var(--bkt); transform:skewX(-14deg); border-radius:2px; flex:none}
h3{font-size:16.5px; margin:26px 0 10px; color:var(--gesso)}
.sub{color:var(--gesso-dim); margin:0 0 20px; max-width:860px}
.lead{font-size:16.5px; color:var(--gesso-dim); max-width:780px}
.muted{color:var(--gesso-dim)} .tiny{font-size:12px; color:var(--gesso-mut)}
.card{background:var(--pannello); border:1px solid var(--linea); border-radius:var(--r); padding:18px}
.callout{
  margin-top:16px; background:linear-gradient(135deg, rgba(143,212,63,.10), rgba(91,184,245,.07));
  border:1px solid var(--linea2); border-radius:var(--r-sm); padding:13px 16px; color:var(--gesso-dim); font-size:14px;
}
.callout b{color:var(--gesso)}
.grid2{display:grid; grid-template-columns:1fr 1fr; gap:18px}
@media(max-width:860px){.grid2{grid-template-columns:1fr}}
.empty-note{padding:18px; border:1px dashed var(--linea2); border-radius:var(--r-sm); color:var(--gesso-dim); font-size:14px}
.pill{display:inline-block; font-size:11px; font-weight:800; padding:3px 9px; border-radius:99px; color:#0B1530; letter-spacing:.02em; white-space:nowrap}
.crumbs{font-size:13px; color:var(--gesso-mut); margin-bottom:14px}
.crumbs a{color:var(--gesso-dim)}

/* ─── Главная ─── */
.hero{padding:8px 0 6px}
.hero-stats{display:flex; gap:26px; flex-wrap:wrap; margin:20px 0 22px}
.hstat b{display:block; font-size:25px; font-weight:800; font-variant-numeric:tabular-nums}
.hstat span{font-size:12px; color:var(--gesso-dim); text-transform:uppercase; letter-spacing:.08em}
.tape-wrap{margin:6px 0 4px}
.tape-label{font-size:11.5px; color:var(--gesso-mut); text-transform:uppercase; letter-spacing:.12em; margin-bottom:7px}
.tape{display:flex; gap:3px}
.seg{
  position:relative; flex:1; height:36px; border-radius:5px; cursor:default;
  display:grid; place-items:center; font-size:11.5px; font-weight:800; color:rgba(11,21,48,.85);
  transform:skewX(-8deg); transition:transform .12s ease;
}
.seg:hover,.seg:focus{transform:skewX(-8deg) translateY(-3px); z-index:3}
.z-champ{background:var(--oro)} .z-up{background:var(--bkt)} .z-po{background:var(--azzurro)}
.z-mid{background:#3A4C86; color:var(--gesso)} .z-out{background:var(--ambra)} .z-rel{background:var(--rosso)}
.seg .tip{
  position:absolute; bottom:calc(100% + 9px); left:50%; transform:translateX(-50%) skewX(8deg);
  background:#070F26; border:1px solid var(--linea2); border-radius:8px; padding:8px 11px;
  font-size:12px; font-weight:650; color:var(--gesso); white-space:nowrap; display:none; z-index:9;
  box-shadow:var(--shadow);
}
.seg .tip small{display:block; color:var(--gesso-dim); font-weight:500}
.seg:hover .tip,.seg:focus .tip{display:block}
.legend{display:flex; gap:14px; flex-wrap:wrap; margin-top:10px; font-size:12px; color:var(--gesso-dim)}
.legend i{display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:5px; transform:skewX(-8deg)}
.homegrid{display:grid; grid-template-columns:1.25fr .9fr; gap:18px; margin-top:26px}
@media(max-width:900px){.homegrid{grid-template-columns:1fr}}
.navcards{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; margin-top:26px}
.navcard{display:flex; gap:13px; align-items:flex-start; background:var(--pannello); border:1px solid var(--linea); border-radius:var(--r); padding:15px 16px; color:var(--gesso); transition:transform .12s ease, border-color .12s ease}
.navcard:hover{border-color:var(--bkt); text-decoration:none; transform:translateY(-2px)}
.navcard .ic{width:40px; height:40px; flex:none; border-radius:11px; display:grid; place-items:center; font-size:19px; border:1px solid var(--linea2); background:linear-gradient(150deg,rgba(143,212,63,.16),rgba(91,184,245,.10))}
.navcard b{display:block; font-size:14.5px}
.navcard span{display:block; font-size:12.5px; color:var(--gesso-dim); margin-top:3px}

/* ─── Таблица ─── */
.season-row{display:flex; align-items:center; gap:12px; margin:0 0 16px; flex-wrap:wrap}
select{
  background:var(--pannello); color:var(--gesso); border:1px solid var(--linea2);
  border-radius:8px; padding:7px 10px; font:650 13.5px/1 inherit;
}
.table-wrap{overflow-x:auto; border:1px solid var(--linea); border-radius:var(--r); background:var(--pannello)}
table.standings{width:100%; border-collapse:collapse; min-width:760px; font-variant-numeric:tabular-nums}
.standings th{
  text-align:center; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--gesso-mut);
  padding:11px 8px; border-bottom:1px solid var(--linea2); white-space:nowrap;
}
.standings td{padding:9px 8px; text-align:center; border-bottom:1px solid var(--linea); font-size:14px}
.standings tr:last-child td{border-bottom:none}
.standings tr:hover td{background:rgba(157,176,220,.05)}
.standings .tl{text-align:left}
.standings td.pos{font-weight:800; position:relative; width:46px}
.standings td.pos::before{content:""; position:absolute; left:0; top:6px; bottom:6px; width:4px; border-radius:0 3px 3px 0; background:var(--zone,transparent)}
.teamcell{display:flex; align-items:center; gap:10px}
.teamcell .teamname b{display:block; line-height:1.15}
.teamcell .teamname small{color:var(--gesso-mut); font-size:11.5px}
a.teamlink{color:var(--gesso)} a.teamlink:hover{color:var(--bkt); text-decoration:none}
.crest{
  position:relative; width:30px; height:30px; border-radius:50%; flex:none; display:grid; place-items:center;
  font-size:9.5px; font-weight:800; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.55);
  overflow:hidden; background:#3A4C86;
  box-shadow:0 1px 3px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.14);
}
.crest img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain;
  background:#EEF2FA; padding:2.5px; border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(15,26,56,.12)}
.crest.sm{box-shadow:0 1px 2px rgba(0,0,0,.35)}
.crest.sm img{padding:1.5px}
.crest.lg{width:74px; height:74px; font-size:19px; box-shadow:0 2px 8px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.14)}
.crest.lg img{padding:5px; box-shadow:inset 0 0 0 1.5px rgba(15,26,56,.10)}
.pts{font-weight:800}
.gd-pos{color:var(--bkt)} .gd-neg{color:var(--rosso)}
.verdict-pill{font-size:10.5px; font-weight:800; padding:3px 8px; border-radius:99px; color:#0B1530; white-space:nowrap}
.form i{
  display:inline-grid; place-items:center; width:19px; height:19px; border-radius:4px; margin-right:3px;
  font-style:normal; font-size:10.5px; font-weight:800; color:#0B1530;
}
.form i.W{background:var(--bkt)} .form i.D{background:#8FA2D6} .form i.L{background:var(--rosso); color:#fff}

/* ─── Клубы ─── */
.clubs-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(252px,1fr)); gap:14px}
.club-card{background:var(--pannello); border:1px solid var(--linea); border-radius:var(--r); padding:15px; display:block; color:var(--gesso)}
.club-card:hover{border-color:var(--bkt); text-decoration:none; transform:translateY(-2px)}
.club-head{display:flex; align-items:center; gap:12px; margin-bottom:11px}
.club-head b{font-size:15.5px; display:block; line-height:1.15}
.club-head small{color:var(--gesso-dim); font-size:12px}
.club-meta .row{display:flex; justify-content:space-between; gap:12px; font-size:12.5px; padding:4px 0; border-top:1px dashed var(--linea)}
.club-meta .row span{color:var(--gesso-mut)} .club-meta .row b{font-weight:650; text-align:right}
.club-tagline{font-size:12px; color:var(--gesso-mut); margin-top:9px; min-height:30px}

/* ─── Страница клуба ─── */
.club-hero{position:relative; overflow:hidden; border-radius:var(--r); border:1px solid var(--linea2); background:var(--pannello); padding:24px; margin-bottom:18px}
.club-hero .sash{ /* диагональная шарфовая лента клубных цветов */
  position:absolute; top:-40%; right:-90px; width:230px; height:190%;
  transform:rotate(18deg); opacity:.85; pointer-events:none;
  background:repeating-linear-gradient(90deg, var(--c1) 0 26px, var(--c2) 26px 52px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);
          mask-image:linear-gradient(90deg,transparent,#000 30%);
}
.club-hero-in{position:relative; display:flex; gap:20px; align-items:center; flex-wrap:wrap}
.club-hero .cityline{color:var(--gesso-dim); margin-top:3px}
.club-facts{display:flex; gap:24px; flex-wrap:wrap; margin-top:14px}
.cfact b{display:block; font-size:15.5px} .cfact span{font-size:11px; color:var(--gesso-mut); text-transform:uppercase; letter-spacing:.07em}
.squad-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(216px,1fr)); gap:10px}
.pcard{display:flex; gap:11px; align-items:center; background:var(--pannello); border:1px solid var(--linea); border-radius:var(--r-sm); padding:10px 12px; color:var(--gesso)}
.pcard:hover{border-color:var(--azzurro); text-decoration:none}
.pava{position:relative; width:44px; height:44px; border-radius:50%; flex:none; overflow:hidden; background:#28396B; display:grid; place-items:center; font-weight:800; font-size:13px; color:var(--gesso-dim)}
.pava img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top}
.pcard b{display:block; font-size:13.5px; line-height:1.2}
.pcard small{color:var(--gesso-dim); font-size:11.5px}
.pcard .num{margin-left:auto; font-weight:800; color:var(--gesso-mut); font-size:15px; font-variant-numeric:tabular-nums}

/* ─── Игроки ─── */
.scorers{display:flex; flex-direction:column; gap:8px; max-width:820px}
.scorer{display:flex; align-items:center; gap:14px; background:var(--pannello); border:1px solid var(--linea); border-radius:var(--r-sm); padding:10px 15px; color:var(--gesso)}
a.scorer:hover{border-color:var(--azzurro); text-decoration:none}
.scorer .rank{width:26px; font-weight:800; color:var(--gesso-mut); text-align:center; font-variant-numeric:tabular-nums}
.scorer .who{flex:1; min-width:0}
.scorer .who b{display:block} .scorer .who small{color:var(--gesso-dim)}
.scorer .bar{height:4px; border-radius:3px; background:linear-gradient(90deg,var(--bkt),var(--azzurro)); margin-top:6px}
.scorer .goals{font-size:21px; font-weight:800; font-variant-numeric:tabular-nums}
.scorer .goals span{display:block; font-size:10.5px; font-weight:600; color:var(--gesso-mut); text-transform:uppercase; letter-spacing:.06em}
.search-row{display:flex; gap:9px; margin:14px 0 18px; max-width:560px}
.search-row input{
  flex:1; background:var(--pannello); border:1px solid var(--linea2); border-radius:8px;
  color:var(--gesso); padding:9px 13px; font:600 14px/1 inherit;
}
.search-row input::placeholder{color:var(--gesso-mut)}
.btn{cursor:pointer; background:var(--bkt); color:#0B1530; border:none; border-radius:8px; padding:9px 16px; font:800 13.5px/1 inherit}
.btn:hover{filter:brightness(1.07)} .btn:disabled{opacity:.55; cursor:wait}
.btn.ghost{background:var(--pannello); color:var(--gesso); border:1px solid var(--linea2)}
.btn.ghost:hover{border-color:var(--bkt); color:var(--bkt); filter:none}

/* ─── Карточка игрока ─── */
.player-hero{display:flex; gap:22px; align-items:center; flex-wrap:wrap; background:var(--pannello); border:1px solid var(--linea2); border-radius:var(--r); padding:22px; margin-bottom:18px}
.player-photo{position:relative; width:128px; height:128px; border-radius:14px; overflow:hidden; background:#28396B; flex:none; display:grid; place-items:center; font-size:34px; font-weight:800; color:var(--gesso-dim)}
.player-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top}
.pfacts{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin-top:8px}
.pfact b{display:block; font-size:14.5px} .pfact span{font-size:11px; color:var(--gesso-mut); text-transform:uppercase; letter-spacing:.06em}
details.bio{margin-top:14px; background:var(--pannello); border:1px solid var(--linea); border-radius:var(--r-sm); padding:12px 16px}
details.bio summary{cursor:pointer; font-weight:700; color:var(--gesso-dim)}
details.bio p{white-space:pre-line; color:var(--gesso-dim); font-size:13.5px}

/* ─── Матчи ─── */
.match{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2px 12px; padding:11px 14px; border:1px solid var(--linea); border-radius:var(--r-sm); background:var(--pannello); margin-bottom:8px}
.match .side{display:flex; min-width:0}
.match .side.h{justify-content:flex-end}
.side-link{display:flex; align-items:center; gap:9px; min-width:0; color:var(--gesso); font-weight:650}
.match .side.h .side-link{flex-direction:row-reverse; text-align:right}
a.side-link:hover{color:var(--bkt); text-decoration:none}
.side-link .nm{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.side-link .nm.win{color:var(--bkt)}
.match .score{justify-self:center; min-width:58px; text-align:center; background:var(--notte2); border:1px solid var(--linea2); border-radius:9px; padding:5px 10px; font-weight:800; font-size:15.5px; font-variant-numeric:tabular-nums}
.match .note{grid-column:1/-1; text-align:center; font-size:12px; color:var(--gesso-mut); margin-top:2px}
.match.final{border-color:rgba(244,200,75,.55)}
.match.final .score{border-color:var(--oro); color:var(--oro)}
.subtabs{display:flex; gap:6px; margin:0 0 16px; flex-wrap:wrap}
.subtabs button{
  cursor:pointer; background:var(--pannello); color:var(--gesso-dim); border:1px solid var(--linea2);
  border-radius:99px; padding:7px 15px; font:700 13px/1 inherit;
}
.subtabs button[aria-selected="true"]{background:var(--bkt); color:#0B1530; border-color:var(--bkt)}
.round-nav{display:flex; align-items:center; gap:10px; margin:0 0 14px}

/* ─── Трансферы ─── */
.tr-item{display:flex; gap:13px; padding:12px 14px; border:1px solid var(--linea); border-radius:var(--r-sm); background:var(--pannello); margin-bottom:9px; align-items:flex-start}
.tr-item .date{flex:none; width:52px; font-weight:800; color:var(--gesso-mut); font-size:12.5px; font-variant-numeric:tabular-nums; padding-top:2px}
.tr-item .txt b{color:var(--gesso)}
.tr-item .txt{font-size:14px; color:var(--gesso-dim)}
.tr-item .src{font-size:11px; color:var(--gesso-mut); margin-top:3px}
.st{font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; border-radius:5px; padding:2px 7px; margin-right:7px; vertical-align:1px}
.st.official{background:var(--bkt); color:#0B1530}
.st.close{background:var(--azzurro); color:#0B1530}
.st.rumor{background:#3A4C86; color:var(--gesso)}
.coach-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(252px,1fr)); gap:10px}
.coach-card{background:var(--pannello); border:1px solid var(--linea); border-radius:var(--r-sm); padding:11px 13px; font-size:13px}
.coach-card b{display:block; font-size:13.5px}
.coach-card .cname{color:var(--gesso); font-weight:700}
.coach-card small{color:var(--gesso-dim); display:block; margin-top:2px}

/* ─── Плей-офф / история ─── */
.po-stage{margin-bottom:22px}
.po-stage h3{margin:0 0 10px; font-size:14px; text-transform:uppercase; letter-spacing:.1em; color:var(--gesso-dim)}
.champ-list{display:flex; flex-direction:column}
.champ-row{display:flex; gap:16px; padding:9px 4px; border-bottom:1px dashed var(--linea); font-size:14px}
.champ-row:last-child{border-bottom:none}
.champ-row .yr{flex:none; width:64px; color:var(--gesso-mut); font-weight:700; font-variant-numeric:tabular-nums}
.champ-row b{color:var(--oro)}
.champ-row small{display:block; color:var(--gesso-mut); font-size:12px}
.next-list{display:flex; flex-wrap:wrap; gap:7px}
.chip{font-size:12.5px; font-weight:650; border:1px solid var(--linea2); border-radius:99px; padding:5px 12px; color:var(--gesso-dim); background:var(--pannello)}
a.chip:hover{border-color:var(--bkt); color:var(--bkt); text-decoration:none}
.chip.fromA{border-color:rgba(232,80,79,.6); color:#F2A6A5}
.chip.fromC{border-color:rgba(143,212,63,.55); color:#BCE38B}
.about p{color:var(--gesso-dim); font-size:14px}
.about b{color:var(--gesso)}

footer{border-top:1px solid var(--linea); margin-top:44px; position:relative; z-index:1; background:linear-gradient(180deg, rgba(14,26,60,0), rgba(7,13,32,.65))}
.foot-in{max-width:1180px; margin:0 auto; padding:30px 20px 36px}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:24px; align-items:start}
.foot-brand{display:flex; gap:11px}
.foot-brand .logo{width:36px; height:36px; border-radius:9px; flex:none; background:linear-gradient(160deg,#15234E,#0C1738); border:1px solid var(--linea2); display:grid; place-items:center; font-style:italic; font-weight:800; font-size:19px; color:var(--bkt); transform:skewX(-4deg)}
.foot-brand b{color:var(--gesso)}
.foot-brand p{margin:4px 0 0; font-size:12.5px; color:var(--gesso-mut); max-width:360px}
.foot-col b{display:block; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--gesso-mut); margin-bottom:9px}
.foot-col a{display:block; color:var(--gesso-dim); font-size:13.5px; padding:3px 0}
.foot-col a:hover{color:var(--bkt); text-decoration:none}
.foot-legal{margin:24px 0 0; padding-top:16px; border-top:1px solid var(--linea); font-size:12px; color:var(--gesso-mut)}
@media(max-width:680px){
  .top-in{padding:10px 14px}
  nav.main{order:3; width:100%; overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px}
  main{padding:20px 14px 50px}
  .seg{height:30px; font-size:10px}
  .hero-stats{gap:18px}
}

/* ─── Мобильная адаптация v2 ─── */
nav.main{scrollbar-width:none; -webkit-overflow-scrolling:touch}
nav.main::-webkit-scrollbar{display:none}
a.seg{text-decoration:none; cursor:pointer}
a.seg:hover{text-decoration:none}
.standings tr:hover td{background:#172650}
@media(hover:none){ .seg .tip{display:none!important} }
@media(max-width:680px){
  .top-in{padding:8px 12px; gap:8px 10px}
  .brand small{display:none}
  .brand .logo{width:34px; height:34px; font-size:18px}
  .brand b{font-size:16px}
  nav.main a{padding:10px 12px; font-size:14px}
  main{padding:18px 12px 84px}
  h1{font-size:25px}
  .hstat b{font-size:21px}
  /* лента вердиктов — горизонтальный скролл с фиксированными сегментами */
  .tape{overflow-x:auto; padding:2px 2px 8px; scrollbar-width:none}
  .tape::-webkit-scrollbar{display:none}
  .seg{flex:0 0 34px; height:36px; font-size:11.5px}
  /* таблица: №+клуб закреплены слева, ГЗ/ГП скрыты */
  .standings{min-width:540px}
  .standings th.hm,.standings td.hm{display:none}
  .standings th:nth-child(1),.standings td.pos{position:sticky; left:0; background:var(--pannello); z-index:3}
  .standings th:nth-child(2),.standings td:nth-child(2){position:sticky; left:42px; background:var(--pannello); z-index:3; box-shadow:10px 0 14px -12px rgba(0,0,0,.7)}
  .standings td.pos{width:42px; min-width:42px}
  .standings tr:hover td{background:var(--pannello)}
  .teamcell{gap:8px}
  .crest{width:26px; height:26px; font-size:8.5px}
  /* клуб и игрок */
  .club-hero{padding:18px 14px}
  .club-hero .sash{right:-130px; width:160px; opacity:.45}
  .crest.lg{width:58px; height:58px; font-size:15px}
  .club-facts{gap:12px 18px}
  .cfact b{font-size:14px}
  .player-hero{padding:16px; gap:16px}
  .player-photo{width:96px; height:96px; font-size:26px}
  .search-row{max-width:none}
  .search-row input{font-size:16px} /* отключает автозум iOS при фокусе */
  .subtabs button{padding:9px 14px}
  .round-nav select{flex:1; min-width:0}
  .scorer{padding:9px 12px; gap:11px}
  .scorer .goals{font-size:18px}
  .homegrid{gap:14px}
  .grid2{gap:14px}
  .navcards{grid-template-columns:1fr 1fr; gap:10px}
  .match .score{font-size:15px}
  .tr-item{padding:10px 12px}
  .coach-grid,.clubs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
}
@media(max-width:400px){
  .navcards{grid-template-columns:1fr}
  nav.main a{padding:10px 10px; font-size:13.5px}
  .seg{flex-basis:31px}
}
@supports(padding:max(0px)){
  .top-in{padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right))}
  .foot-in{padding-left:max(20px,env(safe-area-inset-left)); padding-right:max(20px,env(safe-area-inset-right)); padding-bottom:max(34px,env(safe-area-inset-bottom))}
}

/* ─── Презентабельность v3 ─── */
::selection{background:var(--bkt); color:#0B1530}
header.top{box-shadow:0 8px 26px -20px rgba(0,0,0,.9)}
.crest.sm{width:18px; height:18px; font-size:7px}
.stamp{color:var(--gesso-mut); font-size:12px; white-space:nowrap}
.h3{font-size:16.5px; margin:0 0 10px; color:var(--gesso); font-weight:700}
.gap{margin-bottom:18px}
.gap-b{margin:0 0 7px}
.m0{margin:0}
.club-name{margin:0; font-size:clamp(24px,3.4vw,34px); font-weight:800; letter-spacing:-.4px}
.player-name{margin:0; font-size:clamp(22px,3vw,30px); font-weight:800}
.scorer .who small{display:flex; align-items:center; gap:6px}
.scorer.slim{padding:8px 12px}
.scorer.slim .who b{font-size:14px}
.scorer.slim .goals{font-size:17px}
.tr-item.slim{padding:9px 12px}
.tr-item.slim .txt{font-size:13px}
.coach-top{display:flex; align-items:center; gap:9px; margin-bottom:7px}
.coach-top b{font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.coach-top .teamlink{color:var(--gesso)}
.cstat{margin-left:auto; flex:none; font-size:9.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; border-radius:5px; padding:3px 7px; color:#0B1530}
@media(max-width:680px){
  .foot-grid{grid-template-columns:1fr; gap:18px}
  .match{grid-template-columns:1fr 54px 1fr; gap:2px 8px; padding:10px 10px}
  .match .score{min-width:0; padding:4px 7px; font-size:14px}
  .side-link{gap:7px}
}
.bio-card{margin-top:16px; background:var(--pannello); border:1px solid var(--linea); border-radius:var(--r-sm); padding:14px 16px}
.bio-card p{color:var(--gesso-dim); font-size:14px; line-height:1.65}