:root {
  --bg:#0c0a09; --panel:#161011; --panel2:#1c1414; --border:#2c1d1c; --border-hot:#57231e;
  --red:#a92a20; --red-hot:#e0483a; --gold:#d9a441; --gold-dim:#9c7830;
  --text:#e9e2d6; --muted:#95877d; --dim:#6d6159;
}
* { box-sizing:border-box; margin:0; }
body {
  background:var(--bg) radial-gradient(ellipse 900px 420px at 50% -140px, rgba(169,42,32,.28), transparent 70%) no-repeat;
  color:var(--text); font:15px/1.6 Inter,system-ui,sans-serif;
}
.display, h1, h2, .brand, .verdict-p, .card-prob b { font-family:'Russo One',Inter,sans-serif; font-weight:400; }
header {
  display:flex; justify-content:space-between; align-items:center; padding:16px 24px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg, rgba(20,12,11,.6), rgba(12,10,9,.9));
}
.brand { color:var(--text); text-decoration:none; font-size:19px; letter-spacing:.04em; text-transform:uppercase; }
.brand::first-letter { color:var(--red-hot); }
nav { white-space:nowrap; }
nav a {
  color:var(--gold); text-decoration:none; font-size:14px; text-transform:uppercase;
  letter-spacing:.14em; font-weight:700; white-space:nowrap;
  border:1px solid var(--gold-dim); padding:8px 16px;
  clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
  transition:color .15s, border-color .15s, background .15s;
}
nav a:hover { color:#f0bd5e; border-color:var(--gold); background:rgba(217,164,65,.08); }
main { max-width:780px; margin:0 auto; padding:34px 16px 60px; }
h1 { font-size:26px; margin-bottom:10px; letter-spacing:.02em; line-height:1.25; }
h2 {
  font-size:13px; color:var(--muted); text-transform:uppercase; letter-spacing:.18em; margin:30px 0 12px;
  display:flex; align-items:center; gap:10px;
}
h2::before { content:""; width:22px; height:2px; background:var(--red-hot); flex:none; }
h2::after { content:""; height:1px; background:var(--border); flex:1; }
.sub { color:var(--muted); margin-bottom:20px; max-width:60ch; }
.tg-ico { vertical-align:-3px; margin-right:4px; }
a { color:var(--gold); text-decoration-color:var(--gold-dim); }
a:hover { color:#f0bd5e; }

.card {
  display:block; position:relative; background:linear-gradient(180deg,var(--panel2),var(--panel));
  border:1px solid var(--border); border-left:3px solid var(--red);
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
  padding:12px 18px 12px 16px; margin-bottom:12px; text-decoration:none; color:var(--text);
  transition:border-color .15s, transform .15s;
}
.card:hover { border-color:var(--border-hot); border-left-color:var(--red-hot); transform:translateX(2px); }
.card-time { color:var(--dim); font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
.card-teams { display:grid; grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); align-items:center; font-size:18px; margin:3px 0 1px; font-weight:600; }
.card-teams .fav { color:var(--gold); }
.ct-left { display:flex; justify-content:flex-end; align-items:center; gap:8px; min-width:0; text-align:right; }
.ct-right { display:flex; justify-content:flex-start; align-items:center; gap:8px; min-width:0; }
.ct-left .logo, .ct-right .logo { margin-right:0; }
.card-teams .vs { text-align:center; padding:0; }
.vs { color:var(--red-hot); font-size:11px; padding:0 8px; text-transform:uppercase; font-family:'Russo One',sans-serif; }
.card-prob { color:var(--text); font-size:14px; }
.card-prob b { color:var(--red-hot); font-size:16px; letter-spacing:.02em; }
.card-tournament { color:var(--dim); font-size:12.5px; margin-top:5px; }
.live-h2 { display:flex; align-items:center; gap:9px; color:var(--red-hot); }
.card-live { border-left-color:var(--red-hot); background:linear-gradient(180deg,#241312,var(--panel)); }
.card-live:hover { border-color:var(--red-hot); }
.live-badge { display:inline-flex; align-items:center; gap:6px; color:#fff; background:var(--red-hot); font-weight:700; font-size:11px; letter-spacing:.12em; padding:1px 7px; border-radius:3px; }
.live-badge .live-dot { background:#fff; box-shadow:0 0 8px #fff; }
.live-vs { text-align:center; font-family:'Russo One',sans-serif; font-size:20px; color:var(--gold); white-space:nowrap; }
.live-vs b { color:var(--gold); }
/* live score/status in the middle needs more room than the "vs" separator */
.card-live .card-teams { grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr); column-gap:12px; }
.live-meta { color:var(--muted); font-size:13px; margin:2px 0 1px; }
.live-meta b { color:var(--text); }
/* on a live card the pre-match pick is secondary context, not a live claim */
.card-prob.prematch { color:var(--dim); font-size:12.5px; }
.card-prob.prematch b { color:var(--muted); }
.live-wait { text-align:center; font-size:11px; color:var(--muted); line-height:1.25; white-space:normal; }
.live-series { font-family:'Russo One',sans-serif; font-size:16px; margin:4px 0; }
.live-series b { color:var(--gold); font-size:20px; }
.live-buildings { text-align:right; color:var(--muted); font-size:12.5px; margin-top:10px; }
.live-buildings b { color:var(--text); }
.pred-failed { opacity:.5; }
.pred-failed .verdict-side, .pred-failed .verdict-p { text-decoration:line-through; text-decoration-thickness:2px; }
.lowconf { color:var(--gold); border:1px solid var(--gold-dim); border-radius:3px; font-size:10px; padding:1px 5px; vertical-align:2px; letter-spacing:.08em; }
.draw-note { color:var(--muted); font-size:12.5px; }
.markets { display:flex; gap:14px; flex-wrap:wrap; }
.market { flex:1; min-width:260px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--border); clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); padding:12px 16px; }
.market-title { font-weight:700; margin-bottom:10px; }
.market-median { color:var(--gold); font-family:'Russo One',sans-serif; margin-left:6px; }
.market-row { display:grid; grid-template-columns:1fr 90px 44px; gap:10px; align-items:center; font-size:13.5px; padding:3px 0; }
.market-row .bar { margin:0; }
.market-p { color:var(--gold); font-weight:600; text-align:right; }

.bar { height:5px; background:#241716; overflow:hidden; margin:8px 0 2px; clip-path:polygon(0 0, calc(100% - 5px) 0, 100% 100%, 0 100%); }
.bar-fill { height:100%; background:linear-gradient(90deg, #6f1d15, var(--red-hot)); box-shadow:0 0 10px rgba(224,72,58,.5); }

.verdict { display:flex; gap:14px; margin:22px 0 8px; }
.verdict-side {
  flex:1; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--border);
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
  padding:18px 14px; text-align:center; color:var(--muted); font-weight:600;
}
.verdict-side.fav { color:var(--text); border-color:var(--border-hot); box-shadow:inset 0 0 40px rgba(169,42,32,.12); }
.verdict-p { font-size:38px; letter-spacing:.02em; color:var(--dim); }
.verdict-side.fav .verdict-p { color:var(--gold); text-shadow:0 0 24px rgba(217,164,65,.35); }

.note { color:var(--muted); font-size:13.5px; margin:12px 0; }
.warn { background:#221410; border:1px solid #57351e; border-left:3px solid var(--gold); color:#e2b565; padding:10px 14px; margin:14px 0; font-size:14px; }

table.stats, table.frozen { width:100%; border-collapse:collapse; margin:18px 0; }
table.stats td, table.stats th { padding:9px 10px; text-align:center; border-bottom:1px solid var(--border); }
table.stats th { color:var(--dim); font-weight:500; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
table.stats .side { font-weight:700; font-size:15px; }
table.frozen td, table.frozen th { padding:8px 8px; text-align:left; border-bottom:1px solid var(--border); font-size:13.5px; }
table.frozen th { color:var(--dim); font-weight:500; font-size:11.5px; text-transform:uppercase; letter-spacing:.1em; }
.thb { display:none; } /* короткие заголовки — только для мобильной таблицы трек-рекорда */
/* числовые колонки (вероятность/результат/после драфта) — по центру, данные ровно под заголовком */
table.frozen.track th:nth-child(n+4), table.frozen.track td:nth-child(n+4) { text-align:center; }
/* разделитель дней в трек-рекорде — ссылка на страницу «Статистика дня» */
table.frozen tr.day-sep td { padding:10px 8px 7px; border-top:2px solid var(--border-hot); background:linear-gradient(180deg,#1e1412,#161011); font-size:11.5px; text-transform:uppercase; letter-spacing:.12em; }
tr.day-sep a { color:var(--gold); text-decoration:none; font-weight:600; }
tr.day-sep a:hover { color:#f0bd5e; }
tr.day-sep .day-sep-note { color:var(--dim); font-weight:600; }
/* страница дня: герои игрока с исходом карты */
.hero.hw { border-color:#63c96a; }
.hero.hl { border-color:var(--red-hot); opacity:.78; }
.php { display:flex; flex-wrap:wrap; gap:3px; max-width:300px; }
.day-recs { list-style:none; padding:0; }
.day-recs li { padding:8px 12px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--border); margin-bottom:6px; font-size:13.5px; clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }

.flag { vertical-align:-2px; margin-right:7px; border:1px solid rgba(0,0,0,.4); }
.flag-unk { display:inline-block; width:20px; height:15px; background:linear-gradient(135deg,#241a1a,#171112); color:var(--dim); font-size:10px; line-height:15px; text-align:center; border:1px solid var(--border); font-weight:700; }
/* светлая плашка делает видимыми тёмные логотипы на тёмном фоне */
.logo, .logo-sm { background:linear-gradient(180deg,#efe9dd,#d4cec2); border-radius:4px; box-sizing:content-box; }
.logo { width:24px; height:24px; padding:2px; object-fit:contain; vertical-align:-8px; margin-right:8px; }
.logo-sm { width:18px; height:18px; padding:2px; object-fit:contain; vertical-align:-5px; }
.logo-d2 { background:none; padding:0; width:26px; height:26px; }
.logo-sm.logo-d2 { width:20px; height:20px; }
.logo-d2 { opacity:.55; }

.card-nopred { opacity:.65; border-left-color:#3a2c2a; }
.card-prob.nopred { color:var(--dim); font-size:13px; }
.rosters { display:flex; gap:14px; }
.rosters > div { flex:1; }
.roster { list-style:none; padding:0; }
.roster li { display:flex; justify-content:space-between; padding:7px 12px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--border); margin-bottom:6px; font-size:14px; font-weight:600; clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
.roster-elo { color:var(--gold); font-family:'Russo One',sans-serif; font-size:13px; font-weight:400; }
.hit { color:#63c96a; font-weight:600; }
.miss { color:var(--red-hot); font-weight:600; }
.live { background:linear-gradient(180deg,#231312,#1a0f0e); border:1px solid var(--border-hot); clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); padding:12px 16px; margin:16px 0; }
.live-head { color:var(--red-hot); font-size:12px; text-transform:uppercase; letter-spacing:.14em; font-weight:700; display:flex; align-items:center; gap:8px; }
.live-dot { width:8px; height:8px; border-radius:50%; background:var(--red-hot); box-shadow:0 0 8px var(--red-hot); animation:pulse 1.6s infinite; }
@keyframes pulse { 50% { opacity:.35; } }
.live-score { font-family:'Russo One',sans-serif; font-size:20px; margin:6px 0 2px; }
.live-score b { color:var(--gold); font-size:24px; }
.side-tag { color:var(--dim); font-size:10.5px; text-transform:uppercase; letter-spacing:.1em; font-family:Inter,sans-serif; font-weight:600; }
.note-inline { color:var(--dim); font-weight:400; font-size:12.5px; }
.draft-verdict { border-top:1px solid var(--border); margin-top:10px; padding-top:8px; }
/* сигнатурный герой в лайве: золотая рамка портрета + строка под пиками */
.hero-cell .hero-lg.hero-sig { border:2px solid var(--gold); box-shadow:0 0 10px rgba(217,164,65,.45); }
.sig-note { margin:1px 0 5px; font-size:12.5px; }
.sig-note b { color:var(--gold); }
/* сортируемые заголовки таблицы героев турнира */
th.sortable { cursor:pointer; user-select:none; white-space:nowrap; }
th.sortable:hover { color:var(--gold); }
th.sortable.sort-desc::after { content:" ▼"; color:var(--gold); }
th.sortable.sort-asc::after { content:" ▲"; color:var(--gold); }
/* кнопка «Герои турнира» на страницах матчей */
.tour-btn-row { margin:2px 0 14px; }
.tour-btn { display:inline-block; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--gold-dim); clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); padding:8px 16px; color:var(--gold); text-decoration:none; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; }
.tour-btn:hover { border-color:var(--gold); color:#f0bd5e; }
/* нейтральный ориентир по килам в лайв-карточке — справка, не кол */
.kills-ref b { color:var(--gold); font-family:'Russo One',Inter,sans-serif; font-weight:400; }
.kills-call { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px; padding:7px 11px; border-radius:4px; font-size:13.5px; }
.kills-call .kc-label { color:var(--muted); }
.kills-call .kc-pick { font-weight:700; }
.kills-call .kc-tag { font-size:10px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; padding:2px 7px; border-radius:3px; }
.kills-call .note-inline { margin-left:auto; }
/* уверенный кол — яркая золотая подсветка */
.kills-call.confident { background:linear-gradient(180deg,#2b1f0d,#1f1608); border:1px solid var(--gold-dim); box-shadow:inset 0 0 12px rgba(217,164,65,.12); }
.kills-call.confident .kc-pick { color:var(--gold); }
.kills-call.confident .kc-tag { background:var(--gold); color:#1a0f0e; }
/* обычный кол — приглушённая подсветка, но заметная */
.kills-call.weak { background:var(--panel2); border:1px solid var(--border); }
.kills-call.weak .kc-pick { color:var(--text); }
.kills-call.weak .kc-tag { border:1px solid var(--border-hot); color:var(--muted); }
/* компактный тег уверенности в строке тотала карты (трек-рекорд/архив) */
.kc-tag-note { font-size:10px; text-transform:uppercase; letter-spacing:.06em; font-weight:700; color:var(--gold); vertical-align:1px; }
.kc-tag-note.weak { color:var(--dim); }
.map-card { background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--border); clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); padding:10px 14px; margin:10px 0; }
.map-head { display:flex; justify-content:space-between; gap:10px; font-size:14px; font-weight:600; }
.map-dur { color:var(--dim); font-weight:400; }
.map-picks { margin-top:8px; }
.picks-row { display:flex; align-items:center; gap:4px; margin:4px 0; }
/* лайв-карточка: крупные портреты + стата героя на турнире */
.picks-row.picks-live { align-items:flex-start; flex-wrap:wrap; gap:6px; margin:8px 0; }
.picks-row.picks-live .picks-team { align-self:center; }
.hero-cell { display:inline-flex; flex-direction:column; align-items:center; gap:3px; width:84px; }
.hero-cell .hero-lg { width:82px; height:46px; object-fit:cover; border-radius:3px; border:1px solid #000; }
.hero-cell .hero-stat { font-size:9.5px; color:var(--muted); white-space:nowrap; font-family:Inter,sans-serif; }
.hero-cell .hero-stat-new { color:var(--dim); font-style:italic; }
.hero { width:34px; height:19px; object-fit:cover; border-radius:2px; border:1px solid #000; }
.picks-team { color:var(--dim); font-size:12px; margin-left:8px; }
.h2h input { display:none; }
.h2h-tabs { display:flex; gap:8px; margin-bottom:12px; }
.h2h-tabs label { flex:1; text-align:center; padding:8px 10px; background:var(--panel); border:1px solid var(--border); color:var(--muted); cursor:pointer; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
.h2h #ht0:checked ~ .h2h-tabs label[for="ht0"], .h2h #ht1:checked ~ .h2h-tabs label[for="ht1"], .h2h #ht2:checked ~ .h2h-tabs label[for="ht2"] { color:var(--gold); border-color:var(--gold-dim); background:linear-gradient(180deg,var(--panel2),var(--panel)); }
.h2h-list { display:none; }
.h2h #ht0:checked ~ .h2h-0 { display:block; }
.h2h #ht1:checked ~ .h2h-1 { display:block; }
.h2h #ht2:checked ~ .h2h-2 { display:block; }
.h2h-row { display:grid; grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr) 128px; gap:10px; align-items:center; padding:9px 14px; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--border); margin-bottom:6px; font-size:14px; clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
.vr-score { text-align:center; }
.vr-left { text-align:right; display:flex; justify-content:flex-end; align-items:center; gap:8px; min-width:0; }
.vr-right { text-align:left; display:flex; justify-content:flex-start; align-items:center; gap:8px; min-width:0; }
.vr-name { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vr-score { font-family:'Russo One',sans-serif; font-size:15px; padding:0 4px; }
.h2h-date { color:var(--dim); font-size:11.5px; white-space:nowrap; text-align:right; line-height:1.3; font-family:Consolas,'Roboto Mono',ui-monospace,monospace; font-variant-numeric:tabular-nums; }
@media (max-width:560px) { .h2h-row { grid-template-columns:1fr auto 1fr; } .h2h-date { grid-column:1 / -1; text-align:center; } }
.live-stats { display:flex; gap:14px; margin:18px 0; }
.live-stats > div { flex:1; background:linear-gradient(180deg,var(--panel2),var(--panel)); border:1px solid var(--border); clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); padding:14px; text-align:center; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
.ls-num { font-family:'Russo One',sans-serif; font-size:26px; color:var(--gold); margin-bottom:2px; }
.breadcrumbs { margin-bottom:16px; font-size:13px; }
.match-kicker { color:var(--gold); font-size:13px; text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px; }
.breadcrumbs a { color:var(--muted); text-decoration:none; }
.breadcrumbs a:hover { color:var(--gold); }
footer { max-width:780px; margin:0 auto; padding:22px 16px 44px; color:var(--dim); font-size:12.5px; border-top:1px solid var(--border); }
footer p { margin-bottom:8px; }
footer a { color:var(--muted); }
footer .build { font:11px/1.25 ui-monospace,Menlo,Consolas,monospace; color:var(--dim); }
footer .build b { color:var(--muted); font-weight:600; }
@media (max-width:600px) {
  main { padding:20px 12px 48px; }
  h1 { font-size:20px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  h1 .logo { width:22px; height:22px; vertical-align:-5px; }
  /* матч: каждая команда на своей строке (лого + имя не разрываются) */
  .match-h1 { flex-direction:column; align-items:flex-start; gap:6px; }
  .match-h1 .h1-team { display:flex; align-items:center; gap:8px; min-width:0; }
  header { padding:12px 14px; }
  .brand { font-size:15px; }
  nav a { font-size:12px; letter-spacing:.08em; padding:6px 10px; }
  /* карточки: компактнее шрифт, чтобы имена не резались */
  .card { padding:10px 12px; }
  .card-teams { font-size:14.5px; grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr); }
  .card-live .card-teams { grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr); column-gap:8px; }
  .card-teams .logo { width:18px; height:18px; vertical-align:-5px; }
  .ct-left, .ct-right { gap:6px; }
  .vs { font-size:10px; padding:0; }
  .card-prob { font-size:13px; }
  .card-prob b { font-size:15px; }
  /* вердикт: три блока в ряд, но компактные */
  .verdict { gap:6px; }
  .verdict-side { padding:12px 6px; font-size:12px; }
  .verdict-p { font-size:22px; }
  .verdict-side .logo { width:18px; height:18px; }
  /* составы: в столбик — две колонки на 375px нечитаемы */
  .rosters { flex-direction:column; gap:6px; }
  .roster li { font-size:13.5px; }
  /* лайв и рынки */
  .live-score { font-size:16px; }
  .live-score b { font-size:19px; }
  /* пять героев со статой должны влезать в 375px (полезная ширина ~320px) */
  .picks-row.picks-live { gap:3px; }
  .hero-cell { width:58px; }
  .hero-cell .hero-lg { width:57px; height:32px; }
  .hero-cell .hero-stat { font-size:8px; white-space:normal; text-align:center; line-height:1.3; }
  .market { min-width:100%; }
  .market-row { grid-template-columns:1fr 70px 40px; font-size:12.5px; }
  /* таблицы */
  table.stats td, table.stats th { padding:7px 6px; font-size:13px; }
  table.stats .side { font-size:13px; }
  .tscroll { overflow-x:auto; }
  table.frozen { min-width:520px; }
  table.frozen td, table.frozen th { font-size:12px; padding:6px 6px; }
  /* трек-рекорд: вся таблица влезает в экран без горизонтального скролла —
     компактный шрифт, дата/«МСК» скрыты (.dd), заголовки — короткие (.thb) */
  table.frozen.track { min-width:0; }
  table.frozen.track td, table.frozen.track th { font-size:11px; padding:5px 4px; }
  table.frozen.track .dd, table.frozen.track .thf { display:none; }
  table.frozen.track .thb { display:inline; }
  table.frozen.track td:nth-child(3) { max-width:64px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  table.frozen.track tr.day-sep td { font-size:10.5px; letter-spacing:.06em; }
  /* карточки статистики: сетка 2×2, все одного размера */
  .live-stats { display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:1fr; gap:8px; }
  .live-stats > div { min-width:0; padding:10px 6px; display:flex; flex-direction:column; justify-content:center; }
  .ls-num { font-size:20px; }
  /* таблица трек-рекорда — во всю ширину экрана (гасим боковые отступы main) */
  .tscroll-full { margin-left:-12px; margin-right:-12px; }
  table.frozen.track td:first-child, table.frozen.track th:first-child, table.frozen.track tr.day-sep td { padding-left:12px; }
  table.frozen.track td:last-child, table.frozen.track th:last-child { padding-right:10px; }
  .hero { width:28px; height:16px; }
  .map-head { font-size:12.5px; flex-wrap:wrap; }
  .h2h-row { grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr); font-size:12.5px; padding:7px 10px; gap:6px; }
  .h2h-date { grid-column:1 / -1; text-align:center; }
  .h2h-tabs label { font-size:11px; padding:7px 4px; letter-spacing:.02em; }
  .logo-sm { width:15px; height:15px; }
  footer { padding:16px 12px 32px; font-size:11.5px; }
}