/* История участника и независимые от HTML-кэша прогнозы. */
.history { --win:#16845b; --draw:#7b8593; --loss:#c94952; padding:22px; }
.history__head { display:flex; align-items:center; gap:14px; }
.history__logo { width:56px; height:56px; flex:none; }
.history__logo img { width:40px; height:40px; }
.history__intro { min-width:0; flex:1; }
.history .panel-title { margin:0 0 5px; }
.history__scope { color:var(--t2); font-size:12px; line-height:1.5; }
.history__games { display:grid; flex:none; text-align:right; }
.history__games b { font-size:30px; line-height:1; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.history__games span { color:var(--t2); font-size:12px; margin-top:4px; }
.history__track { display:flex; gap:4px; height:14px; margin:24px 0 20px; border-radius:7px; overflow:hidden; background:var(--s2); }
.history__segment { min-width:0; flex-basis:0; transition:flex-grow .25s ease-out; }
.history__segment[hidden] { display:none; }
.history__segment--w { background:var(--win); }
.history__segment--d { background:var(--draw); }
.history__segment--l { background:var(--loss); }
.history__legend { display:grid; grid-template-columns:repeat(var(--outcomes),minmax(0,1fr)); gap:12px; }
.history__outcome { display:grid; gap:5px; }
.history__label { display:flex; gap:7px; align-items:center; color:var(--t2); font-size:13px; }
.history__label::before { content:''; width:7px; height:7px; border-radius:50%; flex:none; background:var(--draw); }
.history__outcome--w .history__label::before { background:var(--win); }
.history__outcome--l .history__label::before { background:var(--loss); }
.history__outcome strong { font-size:32px; line-height:1.15; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.history__count { font-size:12px; color:var(--t2); }
.history__count b { font-weight:400; }
.history__foot { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; border-top:1px solid var(--line); margin-top:20px; padding-top:16px; }
.history .tp-form { color:var(--t2); }
.history .mp-res--w { background:var(--win); }
.history .mp-res--l { background:var(--loss); }
.history__score { display:flex; gap:10px; align-items:center; font-size:12px; color:var(--t2); }
.history__score b { font-size:17px; font-variant-numeric:tabular-nums; color:var(--t1); }
.history__empty { margin:16px 0 0; font-size:14px; color:var(--t2); }
.prediction[hidden] { display:none; }
.prediction { padding:22px; }
.prediction--compact { border-top:1px solid var(--line); padding:18px 20px; }
.prediction__heading { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; }
.prediction .panel-title { margin:0; }
.prediction__eyebrow { font-size:11px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:var(--t2); margin-left:auto; }
.prediction__rule { margin:6px 0 16px; font-size:12px; color:var(--t2); }
.prediction__options { display:grid; gap:8px; }
.prediction__option { position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; gap:10px; min-height:50px; width:100%; padding:12px 14px; text-align:left; border:1px solid var(--line-2); border-radius:12px; background:var(--s1); color:var(--t1); font:inherit; font-size:14px; cursor:pointer; transition:border-color .18s ease-out,background-color .18s ease-out; }
.prediction__option::before { content:''; position:absolute; inset:0 auto 0 0; width:var(--share,0%); background:var(--s2); z-index:-1; transition:width .24s ease-out; }
.prediction__option[aria-pressed="true"] { border-color:var(--acc); }
.prediction__option[aria-pressed="true"]::before { background:var(--acc-soft); }
.prediction__label { flex:1; min-width:0; overflow-wrap:anywhere; font-weight:500; }
.prediction__mark { flex:none; display:grid; place-items:center; width:18px; height:18px; border:1px solid var(--line-2); border-radius:50%; font-size:12px; }
.prediction__option[aria-pressed="true"] .prediction__mark { background:var(--acc); border-color:var(--acc); color:var(--s1); }
.prediction__percent { font-weight:700; font-variant-numeric:tabular-nums; }
.prediction__option:disabled { cursor:default; opacity:1; }
.prediction__option:focus-visible,.prediction__retry:focus-visible { outline:2px solid var(--acc); outline-offset:3px; }
.prediction__footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; margin-top:12px; color:var(--t2); font-size:12px; line-height:1.5; }
.prediction__status { margin:0; }
.prediction__total { white-space:nowrap; font-variant-numeric:tabular-nums; }
.prediction__error { margin:10px 0 0; color:var(--acc); font-size:13px; }
.prediction__retry { color:var(--t1); border:1px solid var(--line-2); border-radius:10px; background:var(--s2); padding:12px; font:inherit; cursor:pointer; }
:root[data-theme="dark"] .history { --win:#48b88a; --draw:#929dad; --loss:#ed7780; }
:root[data-theme="dark"] .history .mp-res { color:#10151b; }
@media (hover:hover) { .prediction__option:not(:disabled):hover { border-color:var(--acc); } }
@media (max-width:560px) {
 .history,.prediction { padding:18px 16px; }
 .history__logo { width:44px; height:44px; }
 .history__logo img { width:32px; height:32px; }
 .history__head { gap:10px; }
 .history__outcome strong { font-size:28px; }
 .history__legend { gap:8px; }
 .history__label { font-size:12px; gap:5px; }
 .history__track { margin:20px 0 18px; height:12px; }
 .history__games b { font-size:26px; }
 .prediction__eyebrow { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { .history__segment,.prediction__option,.prediction__option::before { transition:none; } }
/* Компактная история внутри существующих карточек формы соперников. */
.history--match { padding:10px 16px 16px; }
.history__sample { font-size:14px; color:var(--t1); }
.history__sample b { font-variant-numeric:tabular-nums; }
.history--match .history__scope { margin:4px 0 0; }
.history--match .history__track { height:10px; margin:16px 0; gap:3px; }
.history--match .history__outcome strong { font-size:25px; }
.history--match .history__label { font-size:12px; gap:5px; }
.history--match .history__count { font-size:12px; }
.history__sample-note { margin:14px 0 0; color:var(--t2); font-size:11px; }
.mp-score__outcome { font-size:22px; }
.mp-combat-winner { margin:10px 0 0; text-align:center; color:var(--t2); font-size:14px; }
@media (max-width:359px) {
 .history--match .history__outcome strong { font-size:23px; }
 .history--match .history__legend { gap:6px; }
}

@media (max-width:560px) {
 .mp-hero--individual .mp-hero__main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .mp-hero--individual .mp-score { grid-row:2; grid-column:1 / -1; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; }
 .mp-hero--individual .mp-team { align-self:start; }
}