/* ═══════════════════════════════════════════════════════
   CricBun — Match Scorecard
   Extracted from html/cricbun-match-scorecard.html
   Body-content styles only. Chrome owned by global-shell.css.
   ═══════════════════════════════════════════════════════ */

.nums{font-variant-numeric:tabular-nums}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.6s infinite}
.scorehead{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 3px 10px oklch(24% .02 235/.05)}
.titleline{display:flex;justify-content:space-between;align-items:center;padding:12px 0 9px}
.titleline h1{font-size:.8rem}
.titleline p{font-size:.56rem;color:var(--muted);margin-top:3px}
.live{color:var(--red);font-size:.6rem;font-weight:800;display:flex;gap:6px;align-items:center}
.scoreline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-bottom:13px}
.team{display:flex;align-items:center;gap:10px}
.team.right{justify-content:flex-end;text-align:right}
.flag{width:37px;height:29px;border-radius:6px;background:var(--cyan-p);color:var(--cyan-d);display:grid;place-items:center;font-size:.55rem;font-weight:800}
.name{font-size:.65rem;font-weight:700}
.big{display:block;font-size:1.25rem;font-weight:800;letter-spacing:-.04em}
.sub{font-size:.53rem;color:var(--muted)}
.vs{font-size:.54rem;color:var(--soft)}
.status{text-align:center;padding:8px;background:oklch(97.5% .008 230);border-radius:8px;color:var(--red);font-size:.61rem;font-weight:700}
.tabs{display:flex;overflow:auto;scrollbar-width:none;margin-top:9px}
.tab{flex:none;border:0;border-bottom:3px solid transparent;background:transparent;padding:10px 16px;color:var(--muted);font-size:.65rem;font-weight:700}
.tab.active{color:var(--cyan-d);border-color:var(--cyan)}
main{padding:18px 0 78px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:17px}
.stack{display:grid;gap:17px}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}
.head{min-height:47px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.head h2{font-size:.8rem}
.head a,.head span{font-size:.57rem;color:var(--cyan-d)}
.innings-tabs{display:flex;gap:5px;padding:11px 14px;border-bottom:1px solid var(--line);overflow:auto}
.innings-tabs button{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:8px 11px;white-space:nowrap;font-size:.61rem;color:var(--muted)}
.innings-tabs .active{background:var(--cyan-d);border-color:var(--cyan-d);color:var(--paper)}
.summary{display:flex;justify-content:space-between;align-items:end;padding:16px}
.summary h2{font-size:1rem}
.summary strong{font-size:1.85rem;letter-spacing:-.055em}
.summary p{font-size:.58rem;color:var(--muted);margin-top:4px}
.tablewrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:690px;font-size:.62rem}
th{position:sticky;top:0;background:oklch(97.5% .008 230);text-align:right;color:var(--muted);font-size:.53rem;text-transform:uppercase;letter-spacing:.05em;padding:9px 8px}
th:first-child,td:first-child{text-align:left;position:sticky;left:0;background:var(--paper);z-index:2;min-width:205px}
td{padding:11px 8px;border-top:1px solid var(--line);text-align:right}
.batter{font-weight:700}
.dismissal{display:block;color:var(--muted);font-size:.53rem;font-weight:500;margin-top:3px}
.notout{color:var(--cyan-d)}
.extras{display:flex;justify-content:space-between;padding:11px 14px;border-top:1px solid var(--line);font-size:.61rem}
.total{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:var(--cyan-p)}
.total b{font-size:.72rem}
.total strong{font-size:1rem}
.footnote{padding:10px 14px;border-top:1px solid var(--line);font-size:.55rem;color:var(--muted)}
.fow{display:flex;gap:9px;padding:14px;overflow:auto}
.wicket{flex:0 0 112px;border:1px solid var(--line);border-radius:9px;padding:10px}
.wicket b{font-size:.75rem}
.wicket span{display:block;font-size:.53rem;color:var(--muted);margin-top:4px}
.partners{padding:0 14px}
.partner{display:grid;grid-template-columns:105px 1fr 55px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:.59rem}
.partner:last-child{border:0}
.pbar{height:7px;background:var(--line);border-radius:9px;overflow:hidden}
.pbar span{display:block;height:100%;background:var(--cyan)}
.sidebody{padding:14px}
.facts{display:grid;gap:10px}
.fact{display:flex;justify-content:space-between;font-size:.59rem}
.fact span{color:var(--muted)}
.impact{padding:0 14px}
.impactrow{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.impactrow:last-child{border:0}
.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--cyan-p);color:var(--cyan-d);font-size:.52rem;font-weight:800}
.impactrow h3{font-size:.61rem}
.impactrow p{font-size:.52rem;color:var(--muted)}
.impactrow b{font-size:.65rem}
.overs{display:flex;gap:5px;flex-wrap:wrap}
.sover{border:1px solid var(--line);border-radius:7px;padding:7px 8px;font-size:.57rem}
.sover b{color:var(--cyan-d)}
@keyframes pulse{70%{box-shadow:0 0 0 7px oklch(60% .2 27/0)}}
@media(max-width:940px){.layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.scoreline{gap:5px}.team{display:grid;gap:4px}.team.right{justify-items:end}.flag{width:32px;height:25px}.big{font-size:1rem}.titleline h1{font-size:.67rem}.tabs .tab{padding:9px 12px}.layout,.stack{gap:9px}.panel{border-radius:10px}.summary strong{font-size:1.45rem}.sidebar{grid-template-columns:1fr}.partner{grid-template-columns:90px 1fr 45px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}