#matchHistoryRoot .match-history{--mh-line:#526c59;--mh-muted:#c4d1c5;--mh-text:#f0f5e9;display:grid;gap:24px;color:var(--mh-text);margin-block:24px;min-width:0}
#matchHistoryRoot .match-history *{box-sizing:border-box}
#matchHistoryRoot .match-history :is(h3,h4,p,dl){margin:0;overflow-wrap:anywhere}
#matchHistoryRoot .match-history :is(h3,h4){color:var(--mh-text);line-height:1.25}
#matchHistoryRoot .match-history h3{font-size:1.25rem}
#matchHistoryRoot .match-history h4{font-size:1.1rem}
#matchHistoryRoot .match-history p{line-height:1.5}
#matchHistoryRoot .mh-heading{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:16px}
#matchHistoryRoot .mh-heading>div,#matchHistoryRoot .mh-round header{display:grid;gap:8px;min-width:0}
#matchHistoryRoot .mh-heading p{max-width:65ch;color:var(--mh-muted)}
#matchHistoryRoot .mh-eyebrow{color:#b4ff43;font-size:.75rem;letter-spacing:.08em;font-weight:750;text-transform:uppercase}
#matchHistoryRoot .match-history button{font:inherit;font-size:.94rem;font-weight:700;line-height:1.4;color:var(--mh-text);background:#273d30;border:1px solid #829d85;border-radius:8px;min-height:48px;padding:11px 15px;cursor:pointer;max-width:100%;transition:background .16s ease,transform .16s ease;overflow-wrap:anywhere}
#matchHistoryRoot .match-history button:hover{background:#34523e}
#matchHistoryRoot .match-history button:active{transform:translateY(1px)}
#matchHistoryRoot .match-history button:focus-visible{outline:3px solid #b4ff43;outline-offset:3px}
#matchHistoryRoot .match-history button:disabled{color:#c6d0c1;background:#304334;cursor:wait}
#matchHistoryRoot .mh-totals,#matchHistoryRoot .mh-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
#matchHistoryRoot :is(.mh-totals,.mh-metrics)>div{display:grid;gap:8px;padding:16px;border:1px solid var(--mh-line);border-radius:8px;background:#14251d;align-content:start;min-width:0}
#matchHistoryRoot :is(.mh-totals,.mh-metrics) dt{color:var(--mh-muted);font-size:.83rem;font-weight:600;line-height:1.4}
#matchHistoryRoot :is(.mh-totals,.mh-metrics) dd{font-size:1.8rem;font-weight:750;font-variant-numeric:tabular-nums;margin:0;color:var(--mh-text);line-height:1}
#matchHistoryRoot .mh-note{font-size:.88rem;color:var(--mh-muted)}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-facts{display:block;min-width:0;max-width:100%;border:0;border-top:1px solid var(--mh-line);border-radius:0;padding:8px 0 0;background:transparent}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-facts>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-facts summary{min-height:48px;padding:12px 2px;font-size:.94rem;font-weight:700;line-height:1.45;color:var(--mh-text);cursor:pointer;overflow-wrap:anywhere}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-facts summary::marker{color:#b4ff43}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-facts summary:focus-visible{outline:3px solid #b4ff43;outline-offset:3px}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-facts>.mh-note{margin-bottom:12px}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-facts>.mh-facts{margin-top:14px}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-breakdown{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;border:1px solid var(--mh-line);border-radius:8px;overflow:hidden}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-breakdown>[role=row]{display:grid;grid-template-columns:minmax(90px,1.8fr) repeat(3,minmax(0,1fr));min-width:0;border-bottom:1px solid var(--mh-line)}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-breakdown>[role=row]:last-child{border-bottom:0}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-breakdown :is([role=cell],[role=rowheader],[role=columnheader]){padding:10px 6px;min-width:0;overflow-wrap:anywhere;font-size:.8rem;line-height:1.45;font-variant-numeric:tabular-nums}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-breakdown [role=cell]{text-align:center}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-breakdown-heading{font-weight:750;background:#23382b}
:is(#matchHistoryRoot,#profileMatchFacts) .mh-warning{padding:10px 12px;border-left:3px solid #ffbc82;color:#fff0df;background:#302e20;font-size:.88rem;line-height:1.5}
#matchHistoryRoot .mh-period{display:flex;align-items:end;flex-wrap:wrap;gap:16px;border-block:1px solid var(--mh-line);padding-block:16px;min-width:0}
#matchHistoryRoot .mh-period>label{display:grid;gap:8px;flex:0 1 210px;min-width:0;font-size:.88rem;font-weight:700}
#matchHistoryRoot .mh-period>div{flex:1 1 220px;min-width:0;display:grid;gap:8px}
#matchHistoryRoot .mh-period .mh-period-actions{display:flex;flex:0 1 auto;gap:10px;flex-wrap:wrap}
#matchHistoryRoot .mh-period select{appearance:none;width:100%;min-width:0;min-height:48px;border:1px solid #8b9e88;border-radius:8px;padding:11px 42px 11px 12px;background:#f3f6ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%232c432d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center/16px no-repeat;color:#172519;font:inherit;font-size:1rem;color-scheme:light}
#matchHistoryRoot .mh-period select:focus-visible{outline:3px solid #b4ff43;outline-offset:3px}
#matchHistoryRoot .mh-legacy{border-left:3px solid #d4ba86;background:#263225;padding:16px;display:grid;gap:8px;font-size:.9rem}
#matchHistoryRoot .mh-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.85fr);gap:20px;align-items:start}
#matchHistoryRoot :is(.mh-panel,.mh-round,.mh-empty){padding:22px;border:1px solid var(--mh-line);border-radius:12px;background:#14231e;display:grid;gap:16px;min-width:0}
#matchHistoryRoot .mh-person header{display:flex;gap:12px;align-items:start;justify-content:space-between;flex-wrap:wrap}
#matchHistoryRoot .mh-players{display:grid;gap:8px}
#matchHistoryRoot .mh-players :is(button,.mh-player-row){display:grid;gap:5px;text-align:left;padding:13px 15px}
#matchHistoryRoot .mh-player-row{border:1px solid var(--mh-line);border-radius:8px;background:#1c3025}
#matchHistoryRoot .mh-players button[aria-pressed=true]{border-color:#b4ff43;background:#283f29}
#matchHistoryRoot .mh-players :is(button,.mh-player-row) span{font-weight:750}
#matchHistoryRoot .mh-players :is(button,.mh-player-row) small{color:var(--mh-muted);font-size:.8rem;line-height:1.45}
#matchHistoryRoot .mh-rounds{display:grid;gap:18px}
#matchHistoryRoot .mh-round-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
#matchHistoryRoot .mh-round>button{justify-self:start}
#profileMatchFacts:not([hidden]){--mh-line:#526c59;--mh-muted:#c4d1c5;--mh-text:#f0f5e9;margin-block:20px;padding:20px;border:1px solid #526c59;border-radius:12px;background:#14231e;color:#f0f5e9;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#view-perfil:has(#profileEditSurface[open]) #profileMatchFacts{display:none}
#profileMatchFacts p{margin:0;color:#c4d1c5;line-height:1.5}
#profileMatchFacts strong{color:#f0f5e9;font-size:1.15rem}
#profileMatchFacts .mh-profile-label{color:#b4ff43;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
#profileMatchFacts .mh-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0;padding:0;min-width:0}
#profileMatchFacts .mh-metrics>div{display:grid;gap:8px;padding:13px;border:1px solid var(--mh-line);border-radius:8px;background:#14251d;min-width:0}
#profileMatchFacts .mh-metrics dt{font-size:.82rem;line-height:1.4;font-weight:600;color:var(--mh-muted);overflow-wrap:anywhere}
#profileMatchFacts .mh-metrics dd{font-size:1.5rem;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.1;margin:0;color:var(--mh-text)}
@media(max-width:650px){#matchHistoryRoot .mh-layout{grid-template-columns:1fr}#matchHistoryRoot :is(.mh-panel,.mh-round,.mh-empty){padding:18px}#matchHistoryRoot .mh-totals,#matchHistoryRoot .mh-metrics{grid-template-columns:1fr 1fr}#matchHistoryRoot .mh-totals>div,#matchHistoryRoot .mh-metrics>div{padding:13px}#matchHistoryRoot .mh-totals dt,#matchHistoryRoot .mh-metrics dt{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){#matchHistoryRoot .match-history button{transition:none;transform:none}}

/* v263 — first the period and factual results, then context and athlete detail. */
#matchHistoryRoot .match-history{gap:16px;margin-block:16px}
#matchHistoryRoot .mh-heading{align-items:center;gap:12px}
#matchHistoryRoot .mh-period{gap:12px;padding-block:12px}
#matchHistoryRoot .mh-period>label{gap:4px;flex-basis:180px}
#matchHistoryRoot .mh-period>div{gap:4px}
#matchHistoryRoot .mh-reading-guide{margin-top:0}
#matchHistoryRoot .mh-reading-guide>.mh-note{margin-block:8px 12px}
#matchHistoryRoot .mh-reading-guide>.mh-legacy{margin-top:12px}
@media(max-width:650px){
 #matchHistoryRoot .mh-heading h3{font-size:18px}
 #matchHistoryRoot .mh-heading>button{min-height:44px;padding:9px 10px;font-size:12px}
 #matchHistoryRoot .mh-period{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 12px}
 #matchHistoryRoot .mh-period>label{grid-column:1;min-width:0;font-size:12px}
 #matchHistoryRoot .mh-period>div:not(.mh-period-actions){grid-column:1/-1;grid-row:2;gap:4px}
 #matchHistoryRoot .mh-period .mh-period-actions{grid-column:2;grid-row:1;flex-wrap:nowrap;gap:6px}
 #matchHistoryRoot .mh-period-actions>button{min-width:44px;padding-inline:8px;font-size:12px}
 #matchHistoryRoot .mh-period select{min-height:44px}
 #matchHistoryRoot .mh-totals{gap:8px}
 #matchHistoryRoot .mh-totals>div{gap:4px;padding:10px 12px;border:0;border-radius:0;background:transparent;border-left:2px solid var(--mh-line)}
 #matchHistoryRoot .mh-totals dt{font-size:12px}
 #matchHistoryRoot .mh-totals dd{font-size:24px}
 #matchHistoryRoot .mh-rounds{gap:12px}
}
#matchHistoryRoot .mh-player-filter{padding-top:0}
#matchHistoryRoot .mh-player-filter>.mh-panel{margin-top:8px}
#matchHistoryRoot .mh-person-detail{min-width:0}
#matchHistoryRoot .mh-period>.mh-period-range.is-career{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}