/* Таблицы чемпионата: один шаблон колонок для заголовка и строк. */
.champ-table { width:100%; max-width:100%; min-width:0; overflow:hidden; border:1px solid var(--border-gold); border-radius:12px; background:var(--bg-elevated); color:var(--fg-1); font-variant-numeric:tabular-nums; }
.champ-table-controls { display:none; gap:8px; padding:8px 12px; border-bottom:1px solid var(--border-1); }
.champ-table-head,.champ-table-row { display:grid; grid-template-columns:var(--champ-columns); align-items:center; gap:clamp(2px,.45vw,8px); padding:10px 12px; }
.champ-table-head { border-bottom:1px solid var(--border-gold); background:var(--bg-sunken); }
.champ-table-row { border-bottom:1px solid var(--border-1); min-height:66px; }
.champ-table-heading,.champ-table-cell { min-width:0; overflow-wrap:anywhere; }
.champ-table-heading { color:var(--fg-2); font:700 10px/1.3 var(--font-sans); letter-spacing:.02em; text-transform:uppercase; }
.champ-table-heading > span,.champ-table-heading button { display:flex; align-items:center; gap:3px; min-width:0; white-space:nowrap; overflow:hidden; }
.champ-table-heading button { width:100%; border:0; padding:4px 0; background:transparent; color:inherit; font:inherit; text-transform:inherit; cursor:pointer; }
.champ-table-heading button { min-width:44px; min-height:44px; padding:8px 2px; }
.champ-table-heading button > span:first-of-type,.champ-table-heading > span > span { overflow:hidden; text-overflow:ellipsis; }
.champ-table-heading .champ-icon { width:15px; height:15px; flex:none; }
.champ-table-heading.is-active { color:var(--accent); }
.champ-table-cell { font-size:13px; line-height:1.4; }
.champ-table-cell--place { color:var(--accent); font-weight:700; }
.champ-table-cell .champ-clan-badge { min-width:0; max-width:100%; white-space:normal; }
.champ-table-cell .champ-clan-badge > span:last-child { white-space:normal; overflow-wrap:anywhere; }
.champ-table-cell--name sup { color:var(--accent); margin-left:3px; }
.champ-table .champ-strength-cell { display:flex; flex-wrap:wrap; align-items:center; gap:2px 5px; }
.champ-table .champ-strength-cell strong { font-size:16px; }
.champ-table .champ-strength-cell small { font-size:10px; color:var(--fg-2); }
.champ-table .champ-strength-cell > span { font-size:11px; white-space:nowrap; }
.champ-table .champ-form { display:flex; flex-wrap:wrap; gap:2px; }
.champ-table .champ-form .champ-icon { width:15px; height:15px; }
.champ-table-why { min-height:36px; border:0; background:transparent; color:var(--fg-2); cursor:pointer; font-size:12px; }
.champ-table-detail { padding:12px 18px; border-bottom:1px solid var(--border-gold); background:var(--bg-sunken); }
.champ-table-detail p { margin:0; }
.champ-table-empty { margin:0; padding:24px; color:var(--fg-2); }
.champ-table-mobile-top,.champ-table-mobile-metrics { display:none; }
@media (max-width:700px) {
  .champ-table .champ-table-head,.champ-table .champ-table-cell { display:none; }
  .champ-table-row { display:block; min-width:0; padding:16px; }
  .champ-table-mobile-top { display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; align-items:start; }
  .champ-table-mobile-top > b { color:var(--accent); font-size:18px; }
  .champ-table-mobile-top > div { min-width:0; overflow-wrap:anywhere; }
  .champ-table-mobile-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
  .champ-table-mobile-metrics > div { display:flex; flex-direction:column; min-width:0; gap:4px; }
  .champ-table-mobile-metrics > div > span { display:flex; align-items:center; gap:5px; color:var(--fg-2); font-size:12px; }
  .champ-table-mobile-metrics > div > span .champ-icon { width:16px; height:16px; }
  .champ-table-mobile-metrics strong { min-width:0; overflow-wrap:anywhere; font-size:14px; }
  .champ-table-why { margin-top:8px; }
}
.champ-table-fighter { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; min-width:0; }
.champ-table-fighter .champ-fighter-name { min-width:0; }
.champ-table-cell small,.champ-table-mobile-top small { display:block; }
.champ-table-mobile-sort { display:none; }
@media (max-width:700px) {
  .champ-table-controls { display:flex; align-items:center; }
  .champ-table-mobile-sort { display:flex; align-items:center; gap:8px; flex:1; min-width:0; font-size:12px; }
  .champ-table-mobile-sort select { min-width:0; flex:1; min-height:44px; border:1px solid var(--border-gold); border-radius:8px; background:var(--bg-elevated); color:var(--fg-1); }
  .champ-table-fighter { align-items:flex-start; }
}
.champ-table .champ-strength-cell strong { color:var(--accent); }
.champ-table .champ-strength-cell .is-up { color:#57bb83; }
.champ-table .champ-strength-cell .is-down { color:#df7777; }
.champ-table .champ-table-why { display:block; padding:2px 0; min-height:26px; }
.champ-table .champ-table-why { min-width:44px; min-height:44px; }
.champ-table .champ-table-why--mobile { display:none; }
@media (max-width:700px) {
  .champ-table .champ-table-why--mobile { display:block; min-height:44px; }
}

/* Рейтинг одинаков в обеих темах: тёмная подложка и светлое золото. */
.champ-power.portrait-rating,
.theme-day .champ-power.portrait-rating { background:#0b1428; border:1px solid #b98435; color:#ffd77a; }
.champ-power .portrait-rating-icon,
.champ-power .portrait-rating-val,
.theme-day .champ-power .portrait-rating-icon,
.theme-day .champ-power .portrait-rating-val,
.theme-day .champ-content .champ-power .portrait-rating-icon { color:#ffd77a; }

.theme-day .champ-table .champ-strength-cell .is-up { color:#17603f; }
.theme-day .champ-table .champ-strength-cell .is-down { color:#8b2f30; }
.theme-day .champ-content { --fg-muted:#4c5c83; }
.champ-content .champ-league-tabs button[aria-selected=true],
.champ-content .champ-table-tools button[aria-pressed=true],
.champ-content .champ-switch button[aria-pressed=true],
.champ-content .champ-analysis-sort button[aria-pressed=true],
.champ-content .champ-clans-sort button[aria-pressed=true],
.theme-switch button.active { background:#ffe79a; color:var(--fg-on-gold); }
.champ-content .champ-league-tabs button,.champ-content .champ-table-tools button,
.champ-content .champ-table-tools input,.theme-switch button { min-height:44px; }
.champ-content .champ-table-tools input { min-width:44px; }
.site-profile button,.site-profile summary,
.site-profile details > div a,.site-profile details > div button { min-height:44px; }
.champ-fire-grid .champ-tempo-bars span { position:relative; isolation:isolate; overflow:hidden; background:#1e3145; }
.champ-fire-grid .champ-tempo-bars span::before { content:''; position:absolute; z-index:-1; inset:0 auto 0 0; width:var(--heat-width); background:#893f2f; }
.champ-games-podium-place,.theme-day .champ-games-podium-place { background:#141d33; border-color:#b98435; }
.champ-games-podium-place.place-1,.theme-day .champ-games-podium-place.place-1 { background:#302819; }
.champ-games-podium-place :is(small,h3),.theme-day .champ-games-podium-place :is(small,h3) { color:#fff3d8; }
.champ-games-podium-place :is(.champ-games-podium-medal,strong),.theme-day .champ-games-podium-place :is(.champ-games-podium-medal,strong) { color:#ffd77a; text-shadow:none; }
.champ-games-podium-place h3 { display:flex; align-items:center; justify-content:center; gap:6px; }
.champ-games-podium-logo { width:20px; height:20px; flex:none; object-fit:contain; }
.theme-day .site-footer .bottom { color:#425078; }
.theme-day .champ-league-hero--first-a .page-hero-subtitle { color:#fff4dc; text-shadow:0 1px 4px #07111f; }
.theme-day .champ-content .champ-chronicle-round h3 small,
.theme-day .champ-content .champ-chronicle-time small,
.theme-day .champ-content .champ-chronicle-event > div > small,
.theme-day .champ-content .champ-team-detail article > small,
.theme-day .champ-content .champ-analysis-values small { color:#344265; }
.champ-oracle-pending-open { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; border:1px solid var(--border-gold); border-radius:8px; text-decoration:none; }
.theme-day .champ-oracle-pending-open { color:#33240d; background:#ffe79a; border-color:#8d6629; }
@media (max-width:700px) { .mobile-theme button { min-height:44px; } }

@media (max-width:700px) {
  .champ-games-podium { grid-template-columns:1fr; }
  .champ-games-podium-place,.champ-games-podium-place.place-1 { min-height:110px; padding:14px; }
  .champ-games-podium-place.place-1 { order:-1; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter { grid-template-columns:28px minmax(0,1fr) max-content; gap:8px; align-items:start; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter > .champ-fighter-name { grid-column:2; grid-row:1/3; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter > .champ-analysis-clan { grid-column:2; grid-row:3; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter > .champ-analysis-cell[data-key="rating"] { grid-column:3; grid-row:1; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter > .champ-analysis-cell[data-key="damage"] { grid-column:3; grid-row:2; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter > .champ-analysis-cell[data-key="kills"] { grid-column:2; grid-row:4; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter > .champ-analysis-cell[data-key="revives_done"] { grid-column:3; grid-row:4; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter > .champ-analysis-more { grid-column:2/4; grid-row:5; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter .council-stats { display:block; overflow:visible; text-overflow:clip; white-space:normal; }
  .champ-content .champ-analysis-ledger .champ-analysis-fighter .champ-name-unit,
  .champ-content .champ-analysis-ledger .champ-analysis-fighter .council-name { overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; }
  .champ-record-card { padding:10px; }
  .champ-table-row.has-fighter { display:grid; grid-template-columns:24px minmax(0,1fr) 112px; column-gap:4px; row-gap:8px; align-items:start; padding:12px 7px; }
  .champ-table-row.has-fighter .champ-table-mobile-top,
  .champ-table-row.has-fighter .champ-table-mobile-top > div,
  .champ-table-row.has-fighter .champ-table-fighter { display:contents; }
  .champ-table-row.has-fighter .champ-table-mobile-top > b { grid-column:1; grid-row:1; font-size:15px; line-height:1.4; }
  .champ-table-row.has-fighter .champ-fighter-name { grid-column:2; grid-row:1/3; min-width:0; width:100%; justify-content:start; }
  .champ-table-row.has-fighter .champ-table-fighter > .champ-power,
  .champ-table-row.has-fighter .champ-table-fighter > .champ-power-empty { grid-column:3; grid-row:1; justify-self:end; margin:0; }
  .champ-content .champ-table-row.has-fighter .champ-table-fighter > .champ-power { grid-column:3; grid-row:1; justify-self:end; width:112px; min-height:28px; margin:0; padding:3px 6px; font-size:13px; text-align:right; }
  .champ-table-row.has-fighter .champ-table-mobile-metrics { display:contents; }
  .champ-table-row.has-fighter .champ-table-mobile-metrics > div { grid-column:1/-1; display:flex; flex-direction:column; gap:4px; min-width:0; }
  .champ-table-row.has-fighter .champ-table-mobile-metrics > .champ-table-mobile-metric--primary { grid-column:3; grid-row:2; align-items:flex-end; text-align:right; margin:0; gap:2px; }
  .champ-table-row.has-fighter.no-power .champ-table-mobile-metrics > .champ-table-mobile-metric--primary { grid-row:1/3; align-self:center; }
  .champ-table-row.has-fighter .champ-table-mobile-metric--primary > span { justify-content:flex-end; font-size:11px; }
  .champ-table-row.has-fighter .champ-table-mobile-metric--primary strong { white-space:nowrap; font-size:13px; }
  .champ-table-row.has-fighter .champ-table-mobile-metric--primary strong > .champ-power { margin:0; }
  .champ-table-row.has-fighter .champ-table-mobile-metrics > .champ-table-mobile-metric--rating,
  .champ-table-row.has-fighter .champ-table-mobile-metrics > .champ-table-mobile-metric--level,
  .champ-table-row.has-fighter .champ-table-mobile-metrics > .champ-table-mobile-metric--path { display:none; }
  .champ-table-row.has-fighter .champ-table-why--mobile { grid-column:1/-1; }
  .champ-content .champ-table-row.has-fighter .champ-fighter-name .council-name-row { flex-wrap:nowrap; align-items:baseline; gap:2px; }
  .champ-content .champ-table-row.has-fighter .champ-fighter-name .champ-name-unit { display:flex; flex:1 1 auto; min-width:0; align-items:baseline; gap:2px; white-space:normal; }
  .champ-content .champ-table-row.has-fighter .champ-fighter-name .champ-name-unit .council-name { display:inline; flex:0 1 auto; min-width:0; max-width:100%; overflow-wrap:break-word; word-break:normal; hyphens:none; font-size:16px; line-height:1.3; }
  .champ-content .champ-table-row.has-fighter .champ-fighter-name .council-stats { display:flex; align-items:center; gap:3px; min-width:0; max-width:100%; margin:5px 0 0; overflow:visible; text-overflow:clip; white-space:nowrap; font-size:11px; }
  .champ-content .champ-table-row.has-fighter .champ-fighter-name .council-stats .champ-path { white-space:nowrap; font-size:11px; }
}

/* Keep the complete fighter identity in every table, card and comment. */
.champ-fighter-name .council-name-row,
.champ-content .champ-fighter-name .council-name-row { display:flex; flex-wrap:nowrap; align-items:baseline; gap:6px; width:100%; min-width:0; }
.champ-fighter-name .council-name-row > .council-clan-logo,
.champ-content .champ-fighter-name .council-name-row > .council-clan-logo { align-self:baseline; vertical-align:baseline; }
.champ-fighter-name .champ-name-unit,
.champ-content .champ-fighter-name .council-name-row > .champ-name-unit { display:block; flex:1 1 auto; min-width:0; max-width:100%; white-space:normal; line-height:1.3; }
.champ-fighter-name .champ-name-unit .nick-race-tag,
.champ-content .champ-fighter-name .champ-name-unit .nick-race-tag { display:inline; margin:0 4px 0 0; vertical-align:baseline; }
.champ-fighter-name .champ-name-unit .council-name,
.champ-content .champ-fighter-name .champ-name-unit .council-name { display:inline; max-width:none; overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:break-word; word-break:normal; font-size:18px; line-height:1.3; vertical-align:baseline; }
.champ-fighter-name--long .champ-name-unit .council-name,
.champ-content .champ-fighter-name--long .champ-name-unit .council-name { font-size:16px; letter-spacing:.04em; }
.champ-fighter-name--xlong .champ-name-unit .council-name,
.champ-content .champ-fighter-name--xlong .champ-name-unit .council-name { font-size:14px; letter-spacing:.02em; }
.champ-fighter-name--compact .champ-name-unit .council-name,
.champ-content .champ-fighter-name--compact .champ-name-unit .council-name { font-size:14px; }
.champ-fighter-name .champ-name-unit .council-info-link,
.champ-content .champ-fighter-name .champ-name-unit .council-info-link { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-left:4px; vertical-align:baseline; }
.champ-mini-table .champ-name-unit { min-width:0; }

.champ-content .champ-scouting .champ-scout-grid { align-items:stretch; }
.champ-content .champ-scouting .champ-scout-card { height:100%; }
.champ-scout-card-main { grid-template-columns:minmax(0,1fr) max-content; align-items:start; }
.champ-scout-card-main > .champ-power { justify-self:end; align-self:start; }
.champ-content .champ-scout-card .council-name-row { flex-wrap:nowrap; }
.champ-content .champ-scout-card .champ-name-unit { display:block; white-space:normal; }
.champ-scout-reason { align-self:flex-start; margin-top:auto; border-color:#b98435; }
.champ-games-option-list .champ-games-button small,
.theme-day .champ-games-option-list .champ-games-button small { opacity:1; color:inherit; font-size:12px; }
.champ-games-comment-reactions button { min-width:44px; min-height:44px; justify-content:center; }

@media (max-width:700px) {
  .champ-content .champ-table-row.has-fighter .champ-fighter-name .champ-name-unit { display:block; flex:1 1 auto; white-space:normal; }
  .champ-content .champ-table-row.has-fighter .champ-fighter-name .champ-name-unit .council-name { display:inline; max-width:none; overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:break-word; font-size:18px; }
  .champ-content .champ-table-row.has-fighter .champ-fighter-name--long .champ-name-unit .council-name { font-size:16px; }
  .champ-content .champ-table-row.has-fighter .champ-fighter-name--xlong .champ-name-unit .council-name { font-size:14px; }
}

/* Card actions use available card width at every route that renders ChampMatchCard. */
.champ-content .champ-pair-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr)); align-items:stretch; gap:8px; min-width:0; width:100%; }
.champ-content .champ-pair-actions .champ-action { display:flex; min-width:0; width:100%; min-height:44px; white-space:normal; overflow-wrap:anywhere; }
.champ-journey-section .champ-tour-actions,.champ-content .champ-tour-actions { align-items:stretch; }
.champ-journey-section .champ-tour-actions .champ-action,.champ-content .champ-tour-actions .champ-action { min-height:44px; }
@media (max-width:700px) {
  .champ-content .champ-pair-actions,.champ-content .champ-tour-actions,.champ-journey-section .champ-tour-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; }
  .champ-content .champ-pair-actions .champ-action:last-child:nth-child(odd),
  .champ-content .champ-tour-actions .champ-action:last-child:nth-child(odd),
  .champ-journey-section .champ-tour-actions .champ-action:last-child:nth-child(odd) { grid-column:1/-1; }
  .champ-content .champ-tour-actions .champ-action,.champ-journey-section .champ-tour-actions .champ-action { width:100%; white-space:normal; }
}

/* One ink and one solid gold surface for selected controls, chips and steps. */
:is(.btn-primary,.badge.gold,.champ-action--primary,.champ-action.is-primary,.champ-games-button.is-primary,.champ-games-button[aria-pressed="true"],.champ-games-tabs button[aria-selected="true"],.champ-games-steps li.is-current,.champ-scout-reason,.champ-games-next .is-current,.champ-games-comment-reactions button[aria-pressed="true"],.champ-games-comment-tools button[aria-expanded="true"],.champ-games-bet-confirm,.champ-games-confirmed,.champ-games-beta-note,.champ-games-guide-icon,.champ-games-guide-benefits,.champ-tour.is-current .champ-tour-number,.champ-countdown-inline,.champ-replay-controls > span,.champ-show-more:hover) { background:var(--accent-soft); color:var(--fg-on-gold); }
.theme-day :is(.champ-games-button.is-primary,.champ-games-button[aria-pressed="true"],.champ-games-tabs button[aria-selected="true"]) { background:var(--accent-soft); color:var(--fg-on-gold); }
.champ-content :is(.champ-games-button.is-primary,.champ-games-button[aria-pressed="true"]) { background:var(--accent-soft); color:var(--fg-on-gold); }
.champ-content .champ-action--primary,.champ-content .champ-action.is-primary { background:var(--accent-soft); color:var(--fg-on-gold); }
.champ-games-guide .champ-games-guide-benefits p,.champ-games-option-list .champ-games-button[aria-pressed="true"] small { color:inherit; }
.champ-games-button[aria-pressed="true"]:disabled,.theme-day .champ-games-button[aria-pressed="true"]:disabled { background:var(--accent-soft); color:var(--fg-on-gold); }
.champ-portal-overview button,.champ-journey-section button,.champ-next-section button { min-width:44px; min-height:44px; }
.champ-replay-attendance-note { margin:0; }
.champ-games-ledger > div > span { min-width:0; overflow-wrap:anywhere; }

/* Длинный ник набран мельче (14–16 px), его первая строка ниже, чем у обычного:
   значок клана опускаем на 3 px, иначе он стоит на 4–5 px выше середины ника.
   Замер 11.10.2026: смещение 0 на матче, рекордах, прогнозе и рейтинге, 375 и 1280. */
.champ-content .champ-fighter-name--xlong .council-name-row > .council-clan-logo,
.champ-content .champ-fighter-name--long .council-name-row > .council-clan-logo { transform:translateY(3px); }

/* Приглашение войти ради уведомлений бота: карточка раздела, текст слева, кнопка справа; на телефоне — столбцом. */
.champ-notify-invite { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px 24px; margin:0 0 32px; padding:22px 26px; border:1px solid var(--border-gold); border-radius:18px; background:var(--bg-elevated); }
.champ-notify-invite h3 { margin:6px 0 10px; font-family:var(--font-serif); font-weight:600; font-size:28px; line-height:1.15; color:var(--fg-1); }
.champ-notify-invite ul { margin:0; padding:0; list-style:none; display:grid; gap:6px; color:var(--fg-2); font-size:15px; line-height:1.4; }
.champ-notify-invite .champ-games-button { min-height:44px; white-space:nowrap; }
@media (max-width:700px) {
  .champ-notify-invite { grid-template-columns:1fr; }
  .champ-notify-invite .champ-games-button { width:100%; justify-content:center; }
}

/* Карточка следующего боя на телефоне: значок над именем клана, имя на всю ширину своей колонки
   и переносится только по словам — иначе «Царство Небесно-е» и «BLACK DEATH» рвались посреди слова. */
@media (max-width:700px) {
  .champ-next-card .champ-matchup .champ-clan-badge--md { flex-direction:column; align-items:center; text-align:center; gap:8px; min-width:0; }
  .champ-next-card .champ-matchup { align-items:start; }
  .champ-next-card .champ-matchup .champ-clan-badge--md > span:not(.champ-clan-mark) { width:100%; overflow-wrap:normal; word-break:normal; hyphens:manual; font-size:clamp(14px,4vw,22px); line-height:1.15; }
}

/* Every framed clan icon stays inside its own frame, including small table frames. */
.champ-clan-mark > img { display:block; width:calc(100% - 6px); height:calc(100% - 6px); max-width:none; max-height:none; object-fit:contain; image-rendering:pixelated; transform:none; }
.champ-games-pick-logo { box-sizing:border-box; padding:4px; object-fit:contain; image-rendering:pixelated; }

/* Forecast comparison: fixed number columns leave the center track its remaining width. */
.champ-content .champ-compare-values { display:grid; grid-template-columns:76px minmax(0,1fr) 76px; gap:8px; align-items:center; min-width:0; }
.champ-content .champ-compare-values > b { display:block; min-width:0; font:700 12px/1.3 var(--font-sans); font-variant-numeric:tabular-nums; white-space:nowrap; }
.champ-content .champ-compare-values > b:last-child { text-align:right; }
.champ-content .champ-compare-track { min-width:0; }
.champ-content .champ-compare-track.is-empty { visibility:hidden; }
.champ-content .champ-path-summary--empty { display:flex; align-items:center; min-height:130px; }
.champ-content .champ-path-summary--empty p { margin:0; color:var(--fg-1); line-height:1.5; }
.champ-content .champ-forecast-why p { margin:0 0 12px; }
.champ-content .champ-forecast-why ul { margin:0; padding-left:20px; }
.champ-content .champ-forecast-why li + li { margin-top:8px; }
@media (max-width:700px) {
  .champ-content .champ-scout-card-main { grid-template-columns:minmax(0,1fr); }
  .champ-content .champ-scout-card-main > .champ-power { justify-self:start; }
  .champ-content .champ-games-poll .champ-games-pick > span { width:100%; min-width:0; font-size:clamp(12px,3.2vw,14px); overflow-wrap:normal; word-break:normal; hyphens:none; white-space:normal; }
}

/* Принятая ставка лежит на золоте: весь текст тёмный. Вторая строка («500 очков · результат
   появится после боя») наследовала светлый цвет абзаца раздела и на золоте не читалась (скрин 11.10). */
.champ-games-confirmed, .champ-games-confirmed strong, .champ-games-confirmed p, .champ-games-confirmed small { color:var(--fg-on-gold); }
.champ-games-confirmed p { opacity:.82; font-weight:500; }

/* iPhone/iPad: Safari сам приближает страницу, когда фокус попадает в поле со шрифтом мельче
   16 px (у нас было 13 px у сумм ставок и списков), — после этого страница «ездит» влево-вправо
   (жалоба владельца 11.10.2026). Правило только для iOS: @supports(-webkit-touch-callout). */
@supports (-webkit-touch-callout: none) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { font-size:max(16px, 1em) !important; }
}

/* Ник в тексте статьи: как слово, а не плашка. Цвет — раса, пунктир — «можно нажать». */
.nick-inline { position:relative; display:inline; }
.nick-inline-btn { all:unset; cursor:pointer; display:inline; color:var(--race-color, #FFE79A); font-weight:600;
  border-bottom:1px dotted currentColor; line-height:inherit; }
.theme-day .nick-inline-btn { color:var(--race-color-day, #6B4410); }
.nick-inline-btn:focus-visible { outline:2px solid var(--accent); outline-offset:2px; border-radius:2px; }
.nick-inline-logo { display:inline-block; width:14px; height:14px; margin:0 3px 0 0; vertical-align:-2px; image-rendering:pixelated; object-fit:contain; }
.nick-pop { position:absolute; left:0; top:calc(100% + 6px); z-index:40; display:grid; gap:6px; width:max-content;
  min-width:220px; max-width:min(300px, calc(100vw - 32px)); padding:12px 14px; border:1px solid var(--border-gold);
  border-radius:12px; background:var(--bg-elevated); box-shadow:0 10px 28px rgba(0,0,0,.45); color:var(--fg-1);
  font:400 14px/1.4 var(--font-sans); white-space:normal; text-align:left; }
.nick-pop-head { display:flex; align-items:center; gap:6px; font-size:16px; }
.nick-pop-head b { font-family:var(--font-serif); font-size:18px; color:var(--fg-1); }
.nick-pop-meta { color:var(--fg-2); }
.nick-pop-links { display:flex; flex-wrap:wrap; gap:6px 14px; }
.nick-pop-links a { color:var(--accent); text-decoration:underline; min-height:32px; display:inline-flex; align-items:center; }
@media (max-width:700px) {
  .nick-pop { position:fixed; left:16px; right:16px; bottom:16px; top:auto; max-width:none; width:auto; }
}

/* Карточка боя «VS»: значки кланов — крупные квадраты (владелец 11.10: «зачем иконки сплющило»).
   Прежнее width:auto на телефоне сжимало рамку в узкую капсулу, а значок внутри становился мелким. */
.champ-matchup .champ-clan-badge--md > .champ-clan-mark { width:64px; height:64px; border-radius:12px; flex:none; align-self:center; }
@media (max-width:700px) { .champ-matchup .champ-clan-badge--md > .champ-clan-mark { width:56px; height:56px; } }