.comparison-panel{margin-top:24px}.matchup-comparison{max-width:920px;margin:auto}.matchup-actions{flex-wrap:wrap;align-self:end;gap:8px;display:flex}.matchup-actions button{color:#fff;cursor:pointer;background:#111;border:1px solid #ff6b00;border-radius:8px;min-height:44px;padding:9px 14px;font-weight:700}.matchup-notice{min-height:1em;font-size:.85rem}.matchup-identities{grid-template-columns:1fr 1fr;gap:20px;display:grid}.matchup-identities article{text-align:center;color:#fff;background:#171717;border-top:4px solid #159447;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;display:flex}.matchup-identities article:last-child{border-color:#ff6b00}.matchup-identities article>a{font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(1.3rem,3vw,2rem);font-weight:800;text-decoration:none}.matchup-identities article>span,.matchup-identities small{color:#d3dcd5;font-size:.8rem}.matchup-portrait{background:#253329;border:3px solid #159447;border-radius:50%;width:100px;height:100px;display:block;overflow:hidden}.matchup-portrait img{object-fit:cover;width:100%;height:100%}.matchup-form{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.matchup-form span{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.7rem;font-weight:800;display:grid}.matchup-form .win{background:#159447}.matchup-form .loss{background:#bc2436}.matchup-form .draw{color:#111;background:#e4e6e3}.matchup-h2h{color:#fff;text-align:center;background:#111;border-radius:14px;margin:24px 0;padding:20px}.matchup-h2h h2{font-size:1.4rem}.matchup-h2h>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.matchup-h2h p{flex-direction:column;gap:7px;margin:14px 0;display:flex}.matchup-h2h strong{font-family:var(--font-display);color:#ff8a37;font-size:2.3rem}.matchup-h2h span,.matchup-h2h small{font-size:.8rem}.matchup-stats{border:1px solid #444;border-radius:12px;margin-top:16px;overflow:hidden}.matchup-stats table{border-collapse:collapse;table-layout:fixed;width:100%}.matchup-stats th,.matchup-stats td{overflow-wrap:anywhere;border-bottom:1px solid #ffffff20;padding:12px 14px;font-size:.9rem}.matchup-stats thead{color:#fff;background:#111}.matchup-stats th:first-child{text-align:left;width:48%}.matchup-stats td,.matchup-stats th:not(:first-child){text-align:center;font-variant-numeric:tabular-nums}.matchup-stats td{font-weight:800}.matchup-stats tbody tr:nth-child(2n){background:#ffffff08}.matchup-recorded-start{border-top:3px solid #159447}.matchup-comparison .compare-caption{font-size:.82rem;line-height:1.6}.matchup-comparison>h2{margin-top:24px;font-size:1.5rem}.matchup-comparison .compare-meetings article>a{color:#f95;margin-top:10px;font-size:.85rem;font-weight:700;display:block}:is(.matchup-comparison button:focus-visible,.matchup-identities a:focus-visible){outline-offset:3px;outline:3px solid #ff6b00}@media (max-width:600px){.matchup-identities{gap:10px}.matchup-identities article{padding:18px 8px}.matchup-portrait{width:74px;height:74px}.matchup-stats th,.matchup-stats td{padding:10px 8px;font-size:.78rem}.matchup-form span{width:23px;height:23px}.matchup-actions{grid-column:1/-1}.matchup-h2h{padding:16px 10px}}.matchup-comparison .matchup-actions{grid-column:1/-1}.matchup-comparison .compare-meetings article{flex-wrap:wrap;align-items:center}.matchup-comparison .compare-meetings article p{flex:220px}.matchup-comparison .compare-meetings article>a{margin-top:0}@media (max-width:760px){.matchup-comparison .compare-caption{color:#c8d1cb}}
