/* International Championship — wide, stately two-tier bottom bar with angled gold dividers. */
.theme-championship { --f-num: var(--f-heading); }
.theme-championship .sb { left: 0; right: 0; display: grid; grid-template-columns: auto auto auto 1fr auto auto auto;
  grid-template-areas: "bat score overs batters bowler over badge" "info info info info info info info";
  align-items: stretch; filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .45)); }
.theme-championship .sb-main { display: contents; }
.theme-championship .sb > *, .theme-championship .sb-main > * { min-height: 78px; }
.theme-championship .sb-team { display: flex; align-items: center; gap: 14px; padding: 0 34px 0 22px; color: #fff; font: 700 40px/1 var(--f-heading); letter-spacing: .04em;
  background: var(--c-primary); clip-path: polygon(0 0, 100% 0, calc(100% - 22px) 100%, 0 100%); border-top: 4px solid var(--c-secondary); }
.theme-championship.team-colors .sb-team-bat { background: var(--bat); }
.theme-championship .sb-team-bat { grid-area: bat; border-radius: var(--radius) 0 0 0; }
.theme-championship .sb-team-bowl { display: none; }
.theme-championship .sb-score { grid-area: score; display: flex; align-items: center; padding: 0 24px 0 30px; margin-left: -22px; background: var(--c-panel); color: var(--c-text);
  font: 700 64px/1 var(--f-heading); clip-path: polygon(22px 0, 100% 0, calc(100% - 22px) 100%, 0 100%); border-top: 4px solid var(--c-secondary); }
.theme-championship .sb-sep { color: var(--c-secondary); margin: 0 4px; }
.theme-championship .sb-overs { grid-area: overs; display: flex; align-items: baseline; align-self: stretch; padding: 22px 30px 0 34px; margin-left: -22px; background: var(--c-secondary); color: var(--c-panel);
  font: 700 34px/1 var(--f-heading); clip-path: polygon(22px 0, 100% 0, calc(100% - 22px) 100%, 0 100%); border-top: 4px solid var(--c-secondary); }
.theme-championship .sb-ovmax { font-size: 20px; opacity: .7; }
.theme-championship .sb-batters { grid-area: batters; display: grid; grid-template-columns: 1fr 1fr; background: var(--c-panel); margin-left: -22px; padding-left: 30px; border-top: 4px solid var(--c-secondary); }
.theme-championship .sb-batter { display: flex; align-items: center; gap: 12px; padding: 0 22px; font: 600 30px/1 var(--f-heading); color: var(--c-muted); }
.theme-championship .sb-batter + .sb-batter { border-left: 2px solid rgba(255, 255, 255, .1); }
.theme-championship .sb-batter .nm { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; letter-spacing: .02em; }
.theme-championship .sb-batter .r { color: var(--c-text); font-size: 36px; font-weight: 700; }
.theme-championship .sb-batter .b { font-size: 22px; }
.theme-championship .sb-batter .b::before { content: '('; } .theme-championship .sb-batter .b::after { content: ')'; }
.theme-championship .sb-batter.is-striker { color: var(--c-text); }
.theme-championship .sb-batter.is-striker .nm::after { content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; background: var(--c-secondary); transform: rotate(45deg) translateY(-3px); }
.theme-championship .sb-bowler { grid-area: bowler; display: flex; align-items: center; gap: 12px; padding: 0 24px; background: #08163A; color: var(--c-muted); font: 600 28px/1 var(--f-heading); border-top: 4px solid var(--c-secondary); }
.theme-championship .sb-bowler .nm { text-transform: uppercase; color: var(--c-text); }
.theme-championship .sb-bowler .fig { color: var(--c-secondary); font-size: 34px; font-weight: 700; }
.theme-championship .sb-over { grid-area: over; background: #08163A; padding: 0 22px; border-top: 4px solid var(--c-secondary); }
.theme-championship .ball { background: rgba(255, 255, 255, .08); color: var(--c-text); font-family: var(--f-heading); }
.theme-championship .ball.b-4 { background: var(--c-secondary); color: var(--c-panel); }
.theme-championship .ball.b-6 { background: #fff; color: var(--c-primary); }
.theme-championship .ball.b-w { background: var(--c-accent); color: #fff; }
.theme-championship .ball.b-x { color: var(--c-secondary); font-size: 15px; }
.theme-championship .ball.b-empty { background: transparent; border: 2px solid rgba(255, 255, 255, .14); min-width: 34px; }
.theme-championship .sb-badge { grid-area: badge; display: flex; align-items: center; padding: 0 20px; background: var(--c-secondary); color: var(--c-panel); border-radius: 0 var(--radius) 0 0; border-top: 4px solid var(--c-secondary); }
.theme-championship .sb-badge[hidden] { display: none; }
.theme-championship .sb-org { grid-area: badge; align-self: center; margin: 0 18px; }
.theme-championship .sb-info { grid-area: info; min-height: 42px !important; display: flex; justify-content: center; align-items: center; gap: 46px; background: linear-gradient(90deg, #06102A, var(--c-panel) 30%, var(--c-panel) 70%, #06102A);
  color: var(--c-muted); font: 600 22px/1 var(--f-body); letter-spacing: .06em; text-transform: uppercase; border-radius: 0 0 var(--radius) var(--radius); }
.theme-championship .sb-eq { color: var(--c-secondary); }
.theme-championship .sb-tag { display: none; background: var(--c-accent); color: #fff; padding: 6px 14px; border-radius: 3px; font-weight: 700; }
.theme-championship .sb-tag.is-on { display: inline-block; }
.theme-championship .sb-msg { display: none; }
.theme-championship .sb.has-msg .sb-msg { display: flex; grid-area: batters; align-items: center; justify-content: center; background: var(--c-panel); margin-left: -22px; border-top: 4px solid var(--c-secondary); font: 700 30px/1 var(--f-heading); text-transform: uppercase; letter-spacing: .05em; z-index: 1; }
.theme-championship .sb.no-play .sb-score, .theme-championship .sb.no-play .sb-overs, .theme-championship .sb.no-play .sb-over, .theme-championship .sb.no-play .sb-bowler { display: none; }
.theme-championship .sb.no-play .sb-team-bowl { display: flex; grid-area: bowler; clip-path: none; }
.theme-championship .sb-sponsor { display: none; }
.theme-championship .sb.layout-compact { left: 18%; right: 18%; }
.theme-championship .sb.layout-compact .sb-bowler, .theme-championship .sb.layout-minimal .sb-batters, .theme-championship .sb.layout-minimal .sb-bowler, .theme-championship .sb.layout-minimal .sb-over { display: none; }
.theme-championship .sb.layout-minimal { right: auto; }

/* ticker */
.theme-championship .ticker { display: flex; align-items: stretch; font: 700 30px/1 var(--f-heading); filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .4)); }
.theme-championship .ticker > span { padding: 14px 18px; display: flex; align-items: center; }
.theme-championship .tk-team { background: var(--c-primary); color: #fff; border-left: 6px solid var(--c-secondary); }
.theme-championship .tk-score { background: var(--c-panel); color: #fff; font-size: 38px; }
.theme-championship .tk-ov { background: var(--c-secondary); color: var(--c-panel); }
.theme-championship .tk-extra { background: #08163A; color: var(--c-muted); font: 600 20px/1 var(--f-body); text-transform: uppercase; }
.theme-championship .tk-extra:empty { display: none; }

/* cards */
.theme-championship .ov-card { background: var(--c-panel); color: var(--c-text); border-top: 6px solid var(--c-secondary); border-radius: var(--radius); padding: 26px 30px; filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .45)); }
.theme-championship .card-title { font: 700 40px/1.05 var(--f-heading); text-transform: uppercase; letter-spacing: .02em; }
.theme-championship .card-sub { color: var(--c-secondary); font: 600 20px/1.3 var(--f-body); text-transform: uppercase; letter-spacing: .08em; }
.theme-championship .card-big { font: 700 92px/1 var(--f-heading); margin: 14px 0 10px; }
.theme-championship .card-stats .st { border-left: 2px solid rgba(255, 255, 255, .12); padding: 4px 14px; }
.theme-championship .card-stats .st:first-child { border-left: 0; padding-left: 0; }
.theme-championship .card-stats b { font: 700 38px/1 var(--f-heading); }
.theme-championship .card-stats span { color: var(--c-muted); font-size: 17px; text-transform: uppercase; letter-spacing: .06em; margin-top: 4px; }
.theme-championship .card-foot { color: var(--c-muted); font-size: 20px; margin-top: 10px; }
.theme-championship .card-foot:empty { display: none; }

/* panels */
.theme-championship .ov-panel { background: var(--c-panel); color: var(--c-text); border-radius: var(--radius); overflow: hidden; filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .5)); }
.theme-championship .panel-head { display: flex; justify-content: space-between; align-items: baseline; background: var(--c-primary); padding: 22px 32px; border-bottom: 5px solid var(--c-secondary); }
.theme-championship .panel-title { font: 700 46px/1 var(--f-heading); text-transform: uppercase; letter-spacing: .03em; }
.theme-championship .panel-sub { font: 700 30px/1 var(--f-heading); color: var(--c-secondary); }
.theme-championship .panel-body { padding: 18px 32px 26px; font-size: 22px; }
.theme-championship .ov-panel th { color: var(--c-secondary); font: 600 17px/1 var(--f-body); text-transform: uppercase; letter-spacing: .08em; border-bottom: 2px solid rgba(255, 255, 255, .12); }
.theme-championship .ov-panel td { border-bottom: 1px solid rgba(255, 255, 255, .07); font-size: 22px; }
.theme-championship .ov-panel td.nm, .theme-championship .ov-panel td.tm { font: 700 25px/1 var(--f-heading); text-transform: uppercase; }
.theme-championship .ov-panel td.r, .theme-championship .ov-panel td.pts, .theme-championship .ov-panel td.w { font: 700 27px/1 var(--f-heading); color: var(--c-secondary); }
.theme-championship .ov-panel td.how { color: var(--c-muted); font-size: 18px; }
.theme-championship .ov-panel tr.out { opacity: .78; }
.theme-championship .sc-extras, .theme-championship .sc-fow { color: var(--c-muted); font-size: 18px; padding: 10px 10px; }
.theme-championship .sc-bowl { margin-top: 10px; }
.theme-championship .st-group { font: 700 24px var(--f-heading); color: var(--c-secondary); margin: 12px 0 4px; text-transform: uppercase; }
.theme-championship .panel-target .panel-body, .theme-championship .panel-innings-break .panel-body, .theme-championship .panel-result .panel-body { font: 700 34px/1.2 var(--f-heading); text-align: center; text-transform: uppercase; padding: 26px; }

/* sponsor */
.theme-championship .sponsor-banner { background: #fff; padding: 12px 22px; border-radius: var(--radius); border-bottom: 5px solid var(--c-secondary); color: var(--c-panel); font: 700 28px var(--f-heading); }

/* event graphics: a gold-ruled band sweeping across the screen */
.theme-championship .ov-fx { left: 0; right: 0; width: auto; transform: none; top: 38%; }
.theme-championship .ov-fx .fx-inner { background: linear-gradient(90deg, transparent, var(--c-panel) 18%, var(--c-panel) 82%, transparent); padding: 26px 0 30px; border-top: 4px solid var(--c-secondary); border-bottom: 4px solid var(--c-secondary);
  clip-path: inset(0 50% 0 50%); transition: clip-path calc(.5s / var(--anim-speed)) cubic-bezier(.2, .8, .2, 1); }
.theme-championship .ov-fx.is-on .fx-inner { clip-path: inset(0 0 0 0); }
.theme-championship .fx-word { font: 700 150px/.95 var(--f-heading); letter-spacing: .06em; color: var(--c-secondary); }
.theme-championship .fx-six .fx-word { color: #fff; }
.theme-championship .fx-wicket .fx-word { color: var(--c-accent); }
.theme-championship .fx-sub { font: 700 40px/1.2 var(--f-heading); text-transform: uppercase; margin-top: 8px; }
.theme-championship .fx-meta { color: var(--c-muted); font: 600 26px/1.3 var(--f-body); }
.theme-championship .fx-result .fx-word, .theme-championship .fx-innings_break .fx-word, .theme-championship .fx-target .fx-word { font-size: 96px; }

/* vertical */
.theme-championship.aspect-9-16 .sb { grid-template-columns: auto auto 1fr auto; grid-template-areas: "bat score overs badge" "batters batters batters batters" "bowler bowler over over" "info info info info"; }
.theme-championship.aspect-9-16 .sb-batters { margin-left: 0; padding-left: 0; border-top: 0; }
.theme-championship.aspect-9-16 .sb-bowler, .theme-championship.aspect-9-16 .sb-over { border-top: 0; }
.theme-championship.aspect-9-16 .sb-info { flex-wrap: wrap; gap: 14px 30px; padding: 10px; }
.theme-championship.aspect-9-16 .fx-word { font-size: 120px; }
