:root {
  --mp-bg: #f3f5f9;
  --mp-card: #ffffff;
  --mp-ink: #172033;
  --mp-muted: #697485;
  --mp-line: #e0e3e7;
  --mp-navy: #07091a;
  --mp-navy-2: #0b1025;
  --mp-purple: #7434bf;
  --mp-gold: #ffcc12;
}

.match-live-page,
.match-live-page .match-live {
  background: var(--mp-bg);
  color: var(--mp-ink);
}

.match-live-breadcrumbs {
  width: min(1180px, calc(100% - 42px));
  margin: 0 auto;
  padding: 20px 0 14px;
  color: #657184;
}
.match-live-breadcrumbs a { color: #566174; }
.match-live-breadcrumbs [aria-current="page"] { color: var(--mp-purple); }

.match-live-hero {
  width: min(1180px, calc(100% - 42px));
  min-height: 0;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(255, 204, 18, .23);
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% 40%, rgba(116, 52, 191, .28), transparent 24rem),
    linear-gradient(135deg, var(--mp-navy) 0%, #0c1531 65%, #071d26 100%);
  box-shadow: 0 18px 48px rgba(15, 23, 48, .2);
}
.match-live-topline {
  grid-template-columns: 1fr auto auto;
  min-height: 48px;
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.match-live-topline span { color: var(--mp-gold); }
.match-live-topline span[data-match-state="live"] { color: #b8ff1f; }
.match-live-topline span[data-match-state="complete"] { color: #53d6ff; }
.match-live-topline strong,
.match-live-topline small { color: #b8c2d5; }
.match-live-title {
  width: auto;
  padding: 20px 24px 8px;
  text-align: left;
}
.match-live-title p { color: var(--mp-gold); }
.match-live-title h1 {
  max-width: none;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.12;
}
.match-live-title h1 em { color: #9faac0; font-size: .72em; }
.match-live-hero-venue {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  width: fit-content;
  margin-top: 10px;
  color: #dce5f5;
  font-size: 12px;
  line-height: 1.4;
}
.match-live-hero-venue span {
  color: var(--mp-gold);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.match-live-hero-venue strong { color: #fff; font-size: 12px; }
.match-live-hero-venue small { color: #aeb8cc; font-size: 11px; }
.match-live-hero-venue small::before { content: "· "; }
.match-live-hero-venue:hover strong { color: var(--mp-gold); }

.match-live-versus {
  grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr);
  width: auto;
  margin: 0;
  padding: 8px 24px 18px;
}
.match-live-versus > a,
.match-live-tbd-team {
  grid-template-columns: 64px minmax(0, 1fr);
  min-height: 92px;
  padding: 13px 16px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 9px;
  background: rgba(255, 255, 255, .045);
}
.match-live-versus > a:last-child { grid-template-columns: minmax(0, 1fr) 64px; }
.match-live-tbd-team:last-child { grid-template-columns: minmax(0, 1fr) 64px; }
.match-live-versus img { width: 58px; height: 58px; }
.match-live-tbd-mark {
  width: 58px;
  height: 58px;
  font-size: 12px;
}
.match-live-versus a small,
.match-live-tbd-team small { color: var(--mp-gold); }
.match-live-versus a strong,
.match-live-tbd-team strong { color: #fff; font-size: 17px; }
.match-live-hero-score {
  display: block;
  margin-top: 5px;
  color: var(--mp-gold);
  font-size: 22px;
  line-height: 1;
}
.match-live-hero-overs {
  display: block;
  margin-top: 4px;
  color: #aeb8cc;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}
.match-live-versus > a.is-batting { border-color: rgba(255, 204, 18, .48); background: rgba(255, 204, 18, .07); }
.match-live-vs-node > span,
.match-live-versus > .match-live-vs-node > span {
  width: 44px;
  height: 44px;
  border-color: var(--mp-gold);
  background: var(--mp-purple);
  color: #fff;
  font-size: 11px;
}
.match-live-versus time { color: #aeb8cc; font-size: 9px; }

.match-live-countdown {
  grid-template-columns: 1.4fr repeat(4, minmax(58px, 1fr));
  width: auto;
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
  border-radius: 0;
  background: rgba(3, 5, 18, .38);
}
.match-live-countdown > * { min-height: 58px; padding: 9px 16px; }
.match-live-countdown strong { color: var(--mp-gold); font-size: 20px; }
.match-live-countdown.is-live,
.match-live-countdown.is-complete { grid-template-columns: 1fr; }
.match-live-countdown.is-live > p,
.match-live-countdown.is-complete > p { min-height: 64px; color: var(--mp-gold); text-align: center; }
.match-live-countdown > [hidden] { display: none !important; }

.match-live-hero[data-match-hero-hydration="pending"] {
  position: relative;
  min-height: 302px;
}
.match-live-hero[data-match-hero-hydration="pending"] > * { visibility: hidden; }
.match-live-hero[data-match-hero-hydration="pending"]::after {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 12% 40%, rgba(116, 52, 191, .28), transparent 24rem),
    linear-gradient(135deg, var(--mp-navy) 0%, #0c1531 65%, #071d26 100%);
  color: #b8c2d5;
  content: "Loading match status…";
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.match-page-index {
  top: 76px;
  width: min(1180px, calc(100% - 42px));
  min-height: 54px;
  margin: 16px auto 0;
  padding: 0 10px;
  border: 1px solid var(--mp-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(24, 31, 50, .06);
  backdrop-filter: none;
}
.match-page-index a {
  position: relative;
  flex: 1 0 108px;
  min-height: 52px;
  padding: 18px 12px 13px;
  border-radius: 0;
  color: #5c6677;
  font-size: 11px;
}
.match-page-index a::after {
  position: absolute;
  right: 13px;
  bottom: 0;
  left: 13px;
  height: 3px;
  background: transparent;
  content: "";
}
.match-page-index a:hover,
.match-page-index a:focus-visible,
.match-page-index a[aria-current="page"] {
  background: #fff9df;
  color: var(--mp-ink);
}
.match-page-index a:active { background: #fff2b7; }
.match-page-index a:hover::after,
.match-page-index a[aria-current="page"]::after { background: var(--mp-gold); }

.match-page-primary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 292px;
  gap: 16px;
  align-items: start;
  width: min(1180px, calc(100% - 42px));
  margin: 16px auto 0;
}
.match-page-primary-main { display: grid; gap: 16px; min-width: 0; }

.match-live-centre,
.match-scorecard-panel,
.match-commentary-panel {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--mp-line);
  border-radius: 8px;
  background: var(--mp-card);
  box-shadow: 0 1px 2px rgba(24, 31, 50, .04);
}
[data-match-panel][hidden] { display: none !important; }
.probable-xi-grid[hidden],
.confirmed-xi-grid[hidden] { display: none !important; }
.match-scorecard-panel {
  overflow: hidden;
  border: 1px solid var(--mp-line);
  border-radius: 8px;
  background: #fff;
  color: var(--mp-ink);
}
.match-scorecard-body { display: grid; gap: 16px; padding: 18px; }
.match-scorecard-innings { overflow-x: auto; border: 1px solid var(--mp-line); border-radius: 7px; background: #fff; }
.match-scorecard-innings > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; background: #f8f9fa; }
.match-scorecard-innings > header h3 { color: var(--mp-ink); font-size: 18px; }
.match-scorecard-innings > header strong { color: var(--mp-purple); font-size: 18px; }
.match-scorecard-innings table { width: 100%; min-width: 660px; border-collapse: collapse; }
.match-scorecard-innings th,
.match-scorecard-innings td { padding: 10px 12px; border-bottom: 1px solid var(--mp-line); color: var(--mp-muted); font-size: 11px; text-align: right; }
.match-scorecard-innings th:first-child,
.match-scorecard-innings td:first-child { color: var(--mp-ink); text-align: left; }
.match-scorecard-innings th:nth-child(2),
.match-scorecard-innings td:nth-child(2) { text-align: left; }
.match-scorecard-innings thead th { background: #f1f2f4; color: #687283; font-size: 9px; text-transform: uppercase; }
.match-scorecard-innings h4 { padding: 16px 18px 8px; color: var(--mp-ink); font-size: 15px; }
.match-scorecard-extras,
.match-scorecard-fall { margin: 0; padding: 12px 18px; color: var(--mp-muted); font-size: 11px; }
.match-scorecard-fall { border-top: 1px solid var(--mp-line); }
.match-commentary-load-more { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-top: 1px solid var(--mp-line); }
.match-commentary-load-more > span { min-height: 0; background: transparent; color: var(--mp-muted); font-size: 10px; }
.match-commentary-load-more button { padding: 10px 16px; border: 0; border-radius: 6px; background: var(--mp-gold); color: var(--mp-ink); font: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
.match-stats dl:not([data-current-match-stats]) { display: none; }
.match-live-section-head {
  min-height: 70px;
  margin: 0;
  padding: 15px 18px;
  align-items: center;
  border-bottom: 1px solid var(--mp-line);
}
.match-live-section-head p {
  margin-bottom: 3px;
  color: var(--mp-purple);
  font-size: 8px;
}
.match-live-section-head h2 {
  color: var(--mp-ink);
  font-size: 21px;
}
.match-live-section-head > div:first-child > span { color: var(--mp-muted); font-size: 11px; }
.match-live-refresh { grid-template-columns: auto auto; align-items: center; gap: 9px; }
.match-live-refresh > span { color: var(--mp-purple); font-size: 8px; }
.match-live-refresh button {
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid #d7dbe1;
  border-radius: 5px;
  background: #fff;
  color: var(--mp-ink);
  font-size: 10px;
}
.match-live-refresh button:hover { background: var(--mp-gold); color: #171100; }

.match-live-frame-shell {
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.match-live-frame-status {
  padding: 11px 16px;
  border-bottom: 1px solid var(--mp-line);
  background: #f8f9fa;
  color: var(--mp-muted);
  font-size: 10px;
}
.match-live-frame-status strong { color: var(--mp-purple); }
.match-live-frame-shell[data-feed-mode="live"] .match-live-frame-status strong { color: #16804d; }
.match-live-frame-shell[data-feed-mode="complete"] .match-live-frame-status strong { color: var(--mp-purple); }

.match-live-prestart {
  min-height: 275px;
  padding: 34px 24px;
  background: #fff;
  color: var(--mp-muted);
}
.match-live-prestart > span { color: var(--mp-purple); }
.match-live-prestart > span i { background: var(--mp-gold); box-shadow: 0 0 0 5px rgba(255, 204, 18, .13); }
.match-live-prestart > strong {
  max-width: 620px;
  margin-top: 11px;
  color: var(--mp-ink);
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.16;
}
.match-live-prestart > p { margin-top: 11px; color: var(--mp-muted); font-size: 13px; }
.match-live-prestart dl {
  margin-top: 22px;
  border-color: var(--mp-line);
  border-radius: 7px;
  background: #f8f9fa;
}
.match-live-prestart dl div { padding: 13px; border-color: var(--mp-line); }
.match-live-prestart dt { color: var(--mp-purple); }
.match-live-prestart dd { color: var(--mp-ink); font-size: 11px; }

.match-live-scoreboard {
  padding: 22px;
  background: #fff;
  color: var(--mp-ink);
}
.match-live-score-teams { grid-template-columns: 1fr; gap: 0; }
.match-live-score-teams article,
.match-live-score-teams article:last-of-type {
  flex-direction: row;
  gap: 14px;
  padding: 15px 4px;
  border: 0;
  border-bottom: 1px solid var(--mp-line);
  border-radius: 0;
  background: #fff;
  text-align: left;
}
.match-live-score-teams img { width: 46px; height: 46px; }
.match-live-score-teams small { color: var(--mp-ink); font-size: 14px; }
.match-live-score-teams strong { color: var(--mp-ink); font-size: 27px; }
.match-live-score-teams article span { color: var(--mp-muted); }
.match-live-score-vs { display: none; }
.match-live-score-summary {
  margin-top: 15px;
  padding: 12px 14px;
  border-left-color: var(--mp-gold);
  background: #fff8d8;
}
.match-live-score-summary strong { color: var(--mp-ink); font-size: 14px; }
.match-live-score-summary span { color: var(--mp-muted); }
.match-live-current { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 14px; border: 1px solid var(--mp-line); }
.match-live-current > div {
  min-height: 50px;
  padding: 10px;
  border: 0;
  border-right: 1px solid var(--mp-line);
  border-radius: 0;
  background: #f8f9fa;
}
.match-live-current > div:last-child { border-right: 0; }
.match-live-current span { background: #fff; color: var(--mp-muted); }
.match-live-current span strong { color: var(--mp-ink); }
[data-match-batters] { grid-column: 1; grid-row: 1; }
[data-match-bowler] { grid-column: 1; grid-row: 2; }
[data-match-key-stats] { grid-column: 2; grid-row: 1 / span 2; background: #fff !important; }
[data-match-recent-balls] { grid-column: 1 / -1; grid-row: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.match-live-data-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.match-live-data-table th,
.match-live-data-table td { padding: 5px 6px; text-align: right; }
.match-live-data-table th:first-child,
.match-live-data-table td:first-child { text-align: left; }
.match-live-data-table th { background: #ececec; color: #687282; font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.match-live-data-table td { color: var(--mp-ink); }
.match-live-data-table td:first-child { color: var(--mp-purple); }
.match-live-key-list { display: grid; gap: 10px; margin: 0; }
.match-live-key-list div { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 8px; }
.match-live-key-list dt { color: var(--mp-ink); font-size: 10px; font-weight: 850; }
.match-live-key-list dd { margin: 0; color: var(--mp-muted); font-size: 10px; line-height: 1.4; }
[data-match-recent-balls] span { min-width: 34px; padding: 7px 9px; border: 1px solid #edf0f4; border-radius: 7px; text-align: center; }
.match-live-block-title {
  margin: -10px -10px 10px;
  padding: 7px 8px;
  background: #ececec;
  color: #687282;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
[data-match-key-stats] .match-live-block-title { flex: 0 0 calc(100% + 20px); }
[data-match-recent-balls] .match-live-block-title { flex: 0 0 calc(100% + 20px); }
.match-live-stream { display: grid; gap: 14px; margin-top: 16px; }
.match-live-award,
.match-live-recap { border: 1px solid var(--mp-line); border-radius: 7px; background: #fff; }
.match-live-award { display: flex; align-items: center; gap: 12px; padding: 13px 14px; }
.match-live-award img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.match-live-award div { display: grid; gap: 2px; }
.match-live-award small { color: var(--mp-muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.match-live-award strong { color: var(--mp-ink); font-size: 15px; }
.match-live-award span { color: var(--mp-muted); font-size: 11px; }
.match-live-recap { padding: 14px; }
.match-live-recap > strong { color: var(--mp-ink); font-size: 14px; }
.match-live-recap p { margin-top: 5px; color: var(--mp-muted); font-size: 11px; }
.match-live-over { overflow: hidden; border: 1px solid var(--mp-line); border-radius: 8px; background: #fff; }
.match-live-over > header { display: flex; justify-content: space-between; gap: 12px; padding: 12px 14px; border-top: 1px solid var(--mp-line); background: #f8f9fa; }
.match-live-over > header strong { color: var(--mp-ink); font-size: 13px; }
.match-live-over > header b { color: var(--mp-ink); font-size: 12px; }
.match-live-over > header span { color: var(--mp-muted); font-size: 11px; }
.match-live-over article { display: grid; grid-template-columns: 48px minmax(0, 1fr) 36px; gap: 10px; align-items: start; padding: 12px 14px; border-top: 1px solid var(--mp-line); }
.match-live-over article > strong { color: var(--mp-purple); font-size: 11px; }
.match-live-over article p { color: var(--mp-ink); font-size: 12px; line-height: 1.55; }
.match-live-over article > span { display: grid; place-items: center; min-height: 28px; border-radius: 50%; background: #fff8d8; color: #51430a; font-size: 10px; font-weight: 900; }
.match-live-innings-summary { overflow: hidden; border: 1px solid rgba(116, 52, 191, .24); border-left: 4px solid var(--mp-gold); border-radius: 8px; background: #fffdf3; }
.match-live-innings-summary header { display: grid; gap: 3px; padding: 14px 16px; }
.match-live-innings-summary header small { color: var(--mp-purple); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.match-live-innings-summary header strong { color: var(--mp-ink); font-size: 16px; }
.match-live-innings-summary > div { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 11px 16px; border-top: 1px solid var(--mp-line); color: var(--mp-muted); font-size: 11px; font-weight: 700; }
.match-live-stream-empty { padding: 20px; border: 1px solid var(--mp-line); border-radius: 7px; color: var(--mp-muted); text-align: center; }
.match-live-verified { color: #7a8493; }
.match-live-data-note { margin: 12px 16px 16px; color: var(--mp-muted); }

.match-commentary-state { color: var(--mp-purple); font-size: 9px; }
.match-commentary-state i { background: var(--mp-gold); box-shadow: 0 0 0 5px rgba(255, 204, 18, .13); }
.match-commentary-innings-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 18px; border-bottom: 1px solid var(--mp-line); background: #fff; }
.match-commentary-innings-tabs button { min-height: 34px; padding: 7px 14px; border: 0; border-radius: 18px; background: #e7eeec; color: var(--mp-ink); font: 800 11px/1 inherit; cursor: pointer; }
.match-commentary-innings-tabs button.is-active { background: #087d68; color: #fff; }
.match-commentary-body { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 24px; padding: 18px; }
.match-commentary-info { align-self: start; border: 1px solid var(--mp-line); background: #fff; }
.match-commentary-info h3 { padding: 11px 13px; background: #e5f1ed; color: #58646b; font-size: 14px; text-transform: uppercase; }
.match-commentary-info dl { margin: 0; }
.match-commentary-info dl div { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--mp-line); }
.match-commentary-info dl div:last-child { border-bottom: 0; }
.match-commentary-info dt { color: var(--mp-ink); font-size: 10px; font-weight: 850; }
.match-commentary-info dd { margin: 0; color: #4f5969; font-size: 11px; line-height: 1.45; }
.match-commentary-main { min-width: 0; }
.match-commentary-latest,
.match-commentary-preview,
.match-commentary-balls {
  padding: 18px;
  border: 0;
  border-bottom: 1px solid var(--mp-line);
  border-radius: 0;
  background: #fff;
}
.match-commentary-preview { background: #fff; }
.match-commentary-preview small { color: var(--mp-purple); }
.match-commentary-preview > strong { display: block; margin: 6px 0; color: var(--mp-ink); font-size: 17px; }
.match-commentary-preview > p,
.match-commentary-preview [data-commentary-preview-narrative] p,
.match-commentary-preview [data-commentary-preview-teams] p { margin: 0 0 14px; color: #26313d; font-size: 13px; line-height: 1.7; }
.match-commentary-preview [data-commentary-preview-narrative] { margin-top: 18px; }
.match-commentary-preview [data-commentary-preview-narrative] strong { color: var(--mp-ink); }
.match-commentary-preview-link { display: inline-flex; margin-top: 2px; color: #087d68; font-weight: 850; text-decoration: none; }
.match-commentary-preview [data-commentary-preview-teams] { display: grid; gap: 12px; margin-top: 18px; }
.match-commentary-preview [data-commentary-preview-teams] h3 { padding: 10px 12px; background: #e5f1ed; color: #58646b; font-size: 14px; text-transform: uppercase; }
.match-commentary-preview [data-commentary-preview-teams] strong { color: var(--mp-ink); }
.match-commentary-balls { gap: 0; max-height: none; padding: 0; }
.match-commentary-balls > span {
  min-width: 0;
  min-height: 110px;
  border-radius: 0;
  background: #fff;
  color: var(--mp-muted);
}
.match-commentary-balls article {
  grid-template-columns: 50px minmax(0, 1fr) 38px;
  padding: 14px 18px;
  border: 0;
  border-bottom: 1px solid var(--mp-line);
  border-radius: 0;
  background: #fff;
}
.match-commentary-balls article:hover { background: #fafbfc; }
.match-commentary-balls article strong { color: var(--mp-purple); }
.match-commentary-balls article p { color: var(--mp-ink); }
.match-commentary-balls article span {
  min-width: 34px;
  min-height: 34px;
  background: #fff8d8;
  color: #51430a;
}
.match-commentary-over-summary {
  margin: 14px 16px 4px;
  overflow: hidden;
  border: 1px solid #dce2ea;
  border-radius: 10px;
  background: #fafbfd;
}
.match-commentary-over-summary header {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px dashed #d6dde7;
  color: var(--mp-ink);
}
.match-commentary-over-summary header strong { padding-right: 12px; border-right: 1px solid #d6dde7; }
.match-commentary-over-summary header b { font-size: 15px; }
.match-commentary-over-summary header span { color: #596477; text-align: right; }
.match-commentary-over-details { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 12px 14px; color: #4f5969; font-size: 12px; }
.match-commentary-over-batters { display: grid; gap: 7px; }
.match-commentary-over-batters span,
.match-commentary-over-details > span { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.match-commentary-over-details > span { align-content: center; padding-left: 18px; border-left: 1px dashed #d6dde7; }
.match-commentary-over-details strong { color: var(--mp-ink); font-size: 12px; }
.match-commentary-over-details small { color: #657083; font-size: 10px; text-align: right; }
.match-commentary-over-summary nav { display: flex; align-items: center; gap: 18px; padding: 10px 14px; border-top: 1px dashed #d6dde7; }
.match-commentary-over-summary nav button { appearance: none; padding: 0; border: 0; background: transparent; color: #1769d2; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.match-commentary-over-summary nav button:hover,
.match-commentary-over-summary nav button:focus-visible { color: var(--mp-purple); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) {
  .match-commentary-over-summary { margin-inline: 10px; }
  .match-commentary-over-summary header { grid-template-columns: auto auto minmax(120px, 1fr); gap: 8px; padding-inline: 11px; }
  .match-commentary-over-summary header strong { padding-right: 8px; }
  .match-commentary-over-details { grid-template-columns: 1fr; gap: 10px; padding-inline: 11px; }
  .match-commentary-over-details > span { padding-top: 10px; padding-left: 0; border-top: 1px dashed #d6dde7; border-left: 0; }
  .match-commentary-over-summary nav { gap: 14px; padding-inline: 11px; }
}
.match-commentary-note { margin: 0 !important; padding: 12px 18px; border-bottom: 1px solid var(--mp-line); color: var(--mp-ink) !important; font-size: 12px; font-weight: 850; }

.match-page-rail {
  position: sticky;
  top: 146px;
  display: grid;
  gap: 12px;
}
.match-page-rail-card {
  overflow: hidden;
  border: 1px solid var(--mp-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(24, 31, 50, .04);
}
.match-page-rail-card > header { padding: 16px; border-bottom: 1px solid var(--mp-line); }
.match-page-rail-card > header span {
  color: var(--mp-purple);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.match-page-rail-card h2 { margin-top: 3px; color: var(--mp-ink); font-size: 19px; }
.match-page-rail .match-live-facts {
  display: block;
  position: static;
  z-index: auto;
  width: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.match-page-rail .match-live-facts div {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 9px;
  min-height: 0;
  padding: 11px 16px;
  border: 0;
  border-bottom: 1px solid var(--mp-line);
}
.match-page-rail .match-live-facts div:last-child { border-bottom: 0; }
.match-page-rail .match-live-facts dt { color: #7b8494; font-size: 9px; }
.match-page-rail .match-live-facts dd { margin: 0; color: var(--mp-ink); font-size: 11px; }
.match-page-rail .match-live-facts a { color: var(--mp-purple); }
.match-page-rail-links > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  border-bottom: 1px solid var(--mp-line);
  color: var(--mp-ink);
  font-size: 11px;
  font-weight: 850;
}
.match-page-rail-links > a:last-child { border-bottom: 0; }
.match-page-rail-links > a:hover { background: #fff8d8; }
.match-page-rail-links > a span { color: var(--mp-purple); }

.match-live-preview,
.match-research-section,
.match-live-squads,
.match-live-venue {
  width: min(1180px, calc(100% - 42px));
  margin: 16px auto 0;
  padding: 24px;
  border: 1px solid var(--mp-line);
  border-radius: 8px;
  background: #fff;
  color: var(--mp-ink);
  box-shadow: 0 1px 2px rgba(24, 31, 50, .04);
}
.match-live-preview {
  grid-template-columns: .7fr 1.3fr .7fr;
  gap: 26px;
}
.match-live-preview > header h2 { color: var(--mp-ink); font-size: clamp(24px, 3vw, 34px); }
.match-live-preview > header p,
.match-live-venue > div > p:first-child { color: var(--mp-purple); }
.match-live-preview > div p { color: #4f5969; font-size: 14px; line-height: 1.7; }
.match-live-preview-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  min-height: 46px;
  margin-top: 8px;
  padding: 11px 17px;
  border: 1px solid #e1b900;
  border-radius: 6px;
  background: var(--mp-gold);
  color: var(--mp-ink);
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}
.match-live-preview-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(98, 73, 0, .16);
}
.match-live-preview-link span { color: var(--mp-purple); font-size: 17px; }
.match-live-preview aside {
  padding: 18px;
  border-color: #eadff7;
  border-radius: 7px;
  background: #faf7ff;
}
.match-live-preview aside > span { color: var(--mp-purple); }
.match-live-preview aside dl div { border-color: #e5dcef; }
.match-live-preview aside dt { color: #7b8494; }
.match-live-preview aside dd { color: var(--mp-ink); }

.match-live-preview-article {
  display: block;
  padding: 0;
  overflow: hidden;
}
.match-live-preview-article > header {
  padding: 30px 34px 24px;
  border-bottom: 1px solid var(--mp-line);
  background: linear-gradient(115deg, #fff 0 68%, #faf7ff 68% 100%);
}
.match-live-preview-article > header h2 {
  max-width: 960px;
  margin-top: 5px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.06;
}
.match-preview-feature {
  margin: 0;
  border-bottom: 1px solid var(--mp-line);
  background: #05091f;
}
.match-preview-feature img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.match-preview-story {
  width: min(860px, calc(100% - 48px));
  margin: 0 auto;
  padding: 38px 0 48px;
}
.match-preview-story p {
  color: #3f4858;
  font-size: 16px;
  line-height: 1.78;
}
.match-preview-story a {
  color: var(--mp-purple);
  font-weight: 850;
  text-decoration: underline;
  text-decoration-color: rgba(74, 27, 128, .28);
  text-underline-offset: 3px;
}
.match-preview-story a:hover { text-decoration-color: var(--mp-purple); }
.match-preview-intro {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--mp-line);
}
.match-preview-intro p:first-child {
  color: var(--mp-ink);
  font-size: 19px;
  font-weight: 750;
  line-height: 1.62;
}
.match-preview-details {
  margin-top: 30px;
  padding: 24px;
  border: 1px solid #e2e5ea;
  border-top: 4px solid var(--mp-gold);
  border-radius: 7px;
  background: #f8f9fa;
}
.match-preview-details h3,
.match-preview-copy-section > h3 {
  color: var(--mp-ink);
  font-size: clamp(24px, 3vw, 32px);
}
.match-preview-details dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 24px;
  margin: 18px 0 0;
}
.match-preview-details dl div {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid #dde1e7;
}
.match-preview-details dt {
  color: #727b8a;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.match-preview-details dd {
  margin: 0;
  color: var(--mp-ink);
  font-size: 13px;
  font-weight: 800;
}
.match-preview-copy-section {
  margin-top: 38px;
  padding-top: 34px;
  border-top: 1px solid var(--mp-line);
}
.match-preview-copy-section > h3 { margin-bottom: 18px; }
.match-preview-contests,
.match-preview-players {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.match-preview-contests { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.match-preview-players { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.match-preview-contests article,
.match-preview-players article {
  padding: 20px;
  border: 1px solid #e0e4ea;
  border-radius: 7px;
  background: #f8f9fa;
}
.match-preview-contests h4,
.match-preview-players h4,
.match-preview-contests h3,
.match-preview-players h3 {
  margin-bottom: 9px;
  color: var(--mp-ink);
  font-size: 17px;
  line-height: 1.3;
}
.match-preview-contests p,
.match-preview-players p { margin: 0; font-size: 14px; line-height: 1.65; }
.match-preview-call {
  margin-top: 24px;
  padding: 18px 20px;
  border-left: 5px solid var(--mp-gold);
  background: #fff8d8;
  color: var(--mp-ink) !important;
  font-weight: 900;
}
.match-preview-standalone { margin-top: 0; margin-bottom: 48px; }
.match-preview-standalone > header h1 {
  max-width: 1000px;
  margin-top: 7px;
  color: var(--mp-ink);
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.02;
}
.match-preview-byline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 18px;
  color: #6f7887;
  font-size: 13px;
  font-weight: 750;
}
.match-preview-byline a { color: var(--mp-purple); }
.match-preview-standalone .match-preview-details h2,
.match-preview-standalone .match-preview-copy-section > h2 {
  color: var(--mp-ink);
  font-size: clamp(24px, 3vw, 32px);
}
.match-preview-standalone .match-preview-details h2 { margin-bottom: 18px; }
.match-preview-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 38px;
  padding-top: 28px;
  border-top: 1px solid var(--mp-line);
}
.match-preview-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding: 14px 16px;
  border: 1px solid #dddfe5;
  border-radius: 7px;
  background: #f8f9fa;
  text-decoration: none;
}
.match-preview-actions a:hover { border-color: var(--mp-purple); }

.match-research-section .match-live-section-head,
.match-live-squads .match-live-section-head {
  padding: 0 0 16px;
  border-bottom: 1px solid var(--mp-line);
}
.match-h2h-score { margin-top: 18px; border-color: var(--mp-line); border-radius: 7px; }
.match-h2h-score article,
.match-h2h-score > div { min-height: 140px; background: #fff; }
.match-h2h-score > div { background: var(--mp-purple); color: #fff; }
.match-h2h-score article strong,
.match-h2h-score > div strong { color: var(--mp-ink); font-size: 42px; }
.match-h2h-score > div strong { color: #fff; }
.match-h2h-score small,
.match-h2h-score span { color: var(--mp-muted); }
.match-h2h-score > div small,
.match-h2h-score > div span { color: #e3d5f4; }
.match-research-copy { color: #4f5969; font-size: 14px; }
.match-recent-results article { border-color: var(--mp-line); background: #f8f9fa; }
.match-recent-results time,
.match-recent-results span { color: var(--mp-muted); }
.match-recent-results strong { color: var(--mp-ink); }
.match-recent-results small { color: var(--mp-purple); }

.probable-xi-grid,
.confirmed-xi-grid { margin-top: 18px; }
.probable-xi-grid article,
.confirmed-xi-grid article { border-color: var(--mp-line); border-radius: 7px; background: #fff; }
.probable-xi-grid article > header,
.confirmed-xi-grid article > header { border-color: var(--mp-line); background: #f8f9fa; }
.probable-xi-grid h3,
.confirmed-xi-grid h3 { color: var(--mp-ink); }
.probable-xi-grid li,
.confirmed-xi-grid li { border-color: var(--mp-line); }
.probable-xi-grid li > span,
.confirmed-xi-grid li > span { color: var(--mp-purple); }
.probable-xi-grid li a,
.confirmed-xi-grid li strong { color: var(--mp-ink); }
.probable-xi-grid li small,
.confirmed-xi-grid li small { color: var(--mp-muted); }

.match-prediction-grid > p { color: #4f5969; font-size: 15px; }
.match-prediction-grid aside { border-color: #eadff7; border-radius: 7px; background: #faf7ff; }
.match-prediction-grid aside small { color: var(--mp-purple); }
.match-prediction-grid li { border-left-color: var(--mp-gold); background: #fff; color: var(--mp-ink); }
.match-stats dl { border-color: var(--mp-line); border-radius: 7px; }
.match-stats dl div { border-color: var(--mp-line); }
.match-stats dt { color: var(--mp-purple); }
.match-stats dd { color: var(--mp-ink); font-size: 18px; }
.match-data-pending { border-color: #ccd2da; border-radius: 7px; background: #f8f9fa; }
.match-data-pending strong { color: var(--mp-ink); }
.match-data-pending p { color: var(--mp-muted); }

.match-live-squad-grid { margin-top: 18px; gap: 14px; }
.match-live-squad-grid > article {
  border-color: var(--mp-line);
  border-radius: 7px;
  background: #fff;
}
.match-live-squad-grid article > header { border-color: var(--mp-line); background: #f8f9fa; }
.match-live-squad-grid header small { color: var(--mp-purple); }
.match-live-squad-grid header h3 { color: var(--mp-ink); font-size: 21px; }
.match-live-squad-grid li { border-color: var(--mp-line); }
.match-live-squad-grid li > span { color: var(--mp-purple); }
.match-live-squad-grid li a { color: var(--mp-ink); }
.match-live-squad-grid li a:hover { color: var(--mp-purple); }
.match-live-squad-grid li small { color: var(--mp-muted); }

.match-live-venue {
  grid-template-columns: .82fr 1.18fr;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.match-live-venue > img { min-height: 340px; max-height: 380px; }
.match-live-venue > div { max-width: none; padding: 34px; }
.match-live-venue h2 { color: var(--mp-ink); font-size: 32px; }
.match-live-venue > div > p:not(:first-child) { color: #4f5969; }
.match-live-venue dl div { border-color: var(--mp-line); }
.match-live-venue dt { color: var(--mp-muted); }
.match-live-venue dd { color: var(--mp-ink); }
.match-live-venue a { border-color: var(--mp-gold); color: var(--mp-purple); }

@media (max-width: 980px) {
  .match-page-primary { grid-template-columns: 1fr; }
  .match-page-rail { position: static; grid-template-columns: 1fr 1fr; }
  .match-live-preview { grid-template-columns: 1fr 1fr; }
  .match-live-preview aside { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .match-live-breadcrumbs,
  .match-live-hero,
  .match-page-index,
  .match-page-primary,
  .match-live-preview,
  .match-research-section,
  .match-live-squads,
  .match-live-venue { width: calc(100% - 24px); }
  .match-live-hero { border-radius: 11px; }
  .match-live-topline { padding-inline: 14px; }
  .match-live-title { padding: 18px 14px 7px; }
  .match-live-title h1 { font-size: 25px; }
  .match-live-hero-venue { margin-top: 8px; font-size: 11px; }
  .match-live-versus { grid-template-columns: 1fr 46px 1fr; gap: 7px; padding: 7px 12px 14px; }
  .match-live-versus > a,
  .match-live-versus > a:last-child,
  .match-live-tbd-team,
  .match-live-tbd-team:last-child {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 135px;
    padding: 12px 7px;
    text-align: center;
  }
  .match-live-versus > a:last-child img { order: 0; }
  .match-live-versus img { width: 58px; height: 58px; }
  .match-live-versus a strong { font-size: 12px; }
  .match-live-countdown { grid-template-columns: repeat(4, 1fr); }
  .match-live-countdown p { grid-column: 1 / -1; min-height: 42px; }
  .match-page-index { top: 72px; }
  .match-page-primary { margin-top: 12px; }
  .match-page-rail { grid-template-columns: 1fr; }
  .match-live-section-head { display: grid; gap: 10px; padding: 14px; }
  .match-live-refresh { justify-items: start; }
  .match-live-frame-status { display: grid; }
  .match-live-prestart { min-height: 250px; padding: 28px 16px; }
  .match-live-prestart dl { grid-template-columns: 1fr; }
  .match-live-scoreboard { padding: 15px; }
  .match-live-current { grid-template-columns: 1fr; }
  [data-match-batters],
  [data-match-bowler],
  [data-match-key-stats],
  [data-match-recent-balls] { grid-column: 1; grid-row: auto; }
  .match-live-current > div { border-right: 0; border-bottom: 1px solid var(--mp-line); }
  .match-live-current > div:last-child { border-bottom: 0; }
  .match-commentary-balls article { grid-template-columns: 44px minmax(0, 1fr); }
  .match-commentary-balls article span { grid-column: 1; grid-row: 2; }
  .match-commentary-body { grid-template-columns: 1fr; gap: 14px; padding: 12px; }
  .match-commentary-info { position: static; }
  .match-live-preview,
  .match-research-section,
  .match-live-squads { padding: 18px 15px; }
  .match-live-preview-article { padding: 0; }
  .match-live-preview-article > header { padding: 24px 18px 20px; }
  .match-preview-story { width: calc(100% - 30px); padding: 28px 0 36px; }
  .match-preview-details { padding: 18px; }
  .match-preview-details dl,
  .match-preview-contests,
  .match-preview-players,
  .match-preview-actions { grid-template-columns: 1fr; }
  .match-preview-details dl div { grid-template-columns: 90px minmax(0, 1fr); }
  .match-live-preview { grid-template-columns: 1fr; }
  .match-live-preview aside { grid-column: auto; }
  .probable-xi-grid,
  .confirmed-xi-grid,
  .match-live-squad-grid,
  .match-live-pending-teams { grid-template-columns: 1fr; }
  .match-stats dl { grid-template-columns: 1fr 1fr; }
  .match-live-venue { grid-template-columns: 1fr; }
  .match-live-venue > img { min-height: 240px; max-height: 300px; }
  .match-live-venue > div { padding: 24px 18px; }
}

@media (max-width: 430px) {
  .match-page-index a { flex-basis: 96px; }
  .match-live-title h1 { font-size: 22px; }
  .match-live-versus a strong { font-size: 11px; }
  .match-live-countdown > * { padding-inline: 5px; }
  .match-live-countdown strong { font-size: 18px; }
}
.match-live-frame-shell[data-hydration-state="pending"] { position: relative; min-height: 280px; }
.match-live-frame-shell[data-hydration-state="pending"] > * { visibility: hidden; }
.match-live-frame-shell[data-hydration-state="pending"]::after {
  content: "Loading current match data…";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border: 1px solid var(--mp-line);
  border-radius: 8px;
  background: #f6f7f9;
  color: var(--mp-muted);
  font-size: 13px;
}
@media (max-width: 700px) {
}