@layer reset, tokens, base, layout, components, utilities;
@layer components{
/* == c-lc ====== */
.c-lc{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4);min-inline-size:0}
.c-lc>*,.c-lc__duo>*,.c-lc__card>*{min-inline-size:0}
.c-lc__card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3);align-content:start;min-inline-size:0;padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3)}
.c-lc__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-1) var(--sp-3);min-inline-size:0}
.c-lc__title{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3);margin:0}
.c-lc__link{display:inline-flex;align-items:center;min-block-size:var(--tap);font:var(--t-data);font-weight:600;color:var(--link)}
.c-lc__rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:var(--sp-2);list-style:none;padding:0;margin:0}
.c-lc__rate{display:grid;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-radius:var(--r-2);min-inline-size:0}
.c-lc__rlabel{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-lc__rvalue{font:600 var(--fs-20)/1.2 var(--font-score);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums lining-nums}
.c-lc__balls{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:0}
.c-lc__balls .c-ball{inline-size:36px;block-size:36px;font-size:var(--fs-15)}
.c-lc__balls .c-ball--extra{inline-size:auto;min-inline-size:36px}
.c-lc__prev{display:grid;gap:var(--sp-2);list-style:none;padding:0;margin:0}
.c-lc__prow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2);min-inline-size:0}
.c-lc__plabel{min-inline-size:3.5rem;font:var(--t-meta);color:var(--text-3)}
.c-lc__psum{margin-inline-start:auto;font:600 var(--fs-14)/1.25rem var(--font-score);color:var(--text-2)}
.c-lc__lines{display:grid;gap:var(--sp-2);margin:0}
.c-lc__line{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--sp-2);font:var(--t-data);min-inline-size:0}
.c-lc__line dt{color:var(--text-3)}
.c-lc__line dd{margin:0;color:var(--text-1);min-inline-size:0;overflow-wrap:anywhere}
.c-lc__win{display:grid;gap:var(--sp-2)}
.c-lc__wteams{display:flex;justify-content:space-between;gap:var(--sp-3);font:var(--t-data);font-weight:600;color:var(--text-1);min-inline-size:0}
.c-lc__wteams>span{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-lc__wteams b{font:600 var(--fs-18)/1.2 var(--font-score)}
.c-lc__wbar{display:block;inline-size:100%;block-size:10px;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-3)}
.c-lc__wbar rect:first-child{fill:var(--accent)}
.c-lc__wbar rect:last-child{fill:var(--gold)}
.c-lc__feed{display:grid;list-style:none;padding:0;margin:0}
.c-lc__row{display:grid;grid-template-columns:3rem 28px minmax(0,1fr);align-items:center;column-gap:var(--sp-3);min-block-size:var(--tap);padding-block:var(--sp-1);border-block-start:1px solid var(--line-1)}
.c-lc__row:first-child{border-block-start:0}
.c-lc__ball{font:var(--t-data);font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums lining-nums}
.c-lc__text{margin:0;font:var(--t-data);color:var(--text-prose);max-inline-size:none}
.c-lc__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);list-style:none;padding:0;margin:0}
.c-lc__stat{display:grid;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-radius:var(--r-2);min-inline-size:0}
.c-lc__fow{margin:0;font:var(--t-data);color:var(--text-2);max-inline-size:none;overflow-wrap:anywhere}
.c-lc__day{display:grid;gap:var(--sp-2)}
.c-lc__dayline{margin:0;font:var(--t-status);color:var(--text-1);max-inline-size:none}
.c-lc__empty,.c-lc__resume{margin:0;font:var(--t-data);color:var(--text-2);max-inline-size:none}
.c-lc__note{margin:0;font:var(--t-meta);color:var(--text-3);max-inline-size:none}
.c-lc__strike{display:inline-block;margin-inline-start:var(--sp-2);padding-inline:var(--sp-2);border-radius:var(--r-pill);background:var(--live-tint);color:var(--live);font:var(--t-label)}
.c-lc .c-table__wrap{border-radius:var(--r-3)}
:lang(hi) :is(.c-lc__title,.c-lc__rlabel){letter-spacing:0;text-transform:none}
.c-lc__series{gap:var(--sp-2)}
.c-lc__stable{inline-size:100%;table-layout:fixed;font:var(--t-data);color:var(--text-2)}
.c-lc__stable :is(th,td){block-size:var(--tap);padding-inline:var(--sp-1);text-align:end;white-space:nowrap;border-block-end:1px solid var(--line-1);font-variant-numeric:tabular-nums lining-nums}
.c-lc__stable thead th{block-size:28px;font:var(--t-label);color:var(--text-3)}
.c-lc__stable :is(th,td):first-child{inline-size:1.75rem;text-align:start}
.c-lc__stable :is(th,td):nth-child(2){inline-size:auto;text-align:start}
.c-lc__stable :is(th,td):nth-child(n+3){inline-size:2.5rem}
.c-lc__stable :is(th,td):last-child{inline-size:3.75rem}
.c-lc__stable tbody tr:last-child>*{border-block-end:0}
.c-lc__steam{overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--text-1)}
.c-lc__pts{font-weight:600;color:var(--text-1)}
@media (prefers-reduced-motion:no-preference){.c-lc .is-updated{animation:lc-flash var(--dur-flash) var(--ease-out)}.c-lc .c-ball.is-new{animation:m-ball var(--dur-3) var(--ease-out)}}
@keyframes lc-flash{from{background:var(--live-tint);color:var(--live)}}
@media (min-width:37.5em){.c-lc__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:56.25em){.c-lc{gap:var(--sp-5)}.c-lc__duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4)}}
@media (min-width:56.25em){.c-lc__duo>*+*{margin:0}}
@media (max-width:56.24em){.c-lc__duo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}}
.c-table--pform .c-form{display:inline-flex;flex-wrap:nowrap;gap:4px;vertical-align:middle}
.c-table--pform .c-form__dot{flex:none}
.c-table.c-table--pform :is(th,td):first-child{min-inline-size:0}
.c-table.c-table--pform .c-pf__dots{inline-size:6.5rem;min-inline-size:6.5rem;max-inline-size:none;padding-inline:var(--sp-2);text-align:start}
.c-table.c-table--pform .c-pf__rec{inline-size:4rem;min-inline-size:4rem;max-inline-size:none;padding-inline:var(--sp-2) var(--sp-3);text-align:end;white-space:nowrap}
.ml-duo,.ml-xi{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4);min-inline-size:0}
.ml-duo>*,.ml-xi>*{min-inline-size:0}
.ml-card{display:grid;gap:var(--sp-4);align-content:start;min-inline-size:0}
@media (min-width:56.25em){
  .ml-duo,.ml-xi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ml-card{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3)}
  .ml-card .c-table :is(th,td){background:transparent}
}
.ml-list{display:grid;list-style:none;padding:0;margin:0;min-inline-size:0}
.ml-row{border-block-start:1px solid var(--line-1);min-inline-size:0}
.ml-row:first-child{border-block-start:0}
.ml-row__link{display:grid;gap:2px;min-block-size:var(--tap);padding-block:var(--sp-2);color:var(--text-1);min-inline-size:0}
.ml-row__link:hover{text-decoration:none;color:var(--link)}
.ml-row__top{font:var(--t-meta);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-row__main{font:var(--t-data);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-row__main b{font-family:var(--font-score);font-weight:600}
@media (min-width:64em){.c-rail:has(>.c-rail__main>.c-matchhead)>.c-rail__side{position:static}}
.c-rail__main .c-scoreboard:not([data-state="live"]) .c-scoreboard__reserve{display:none}
@media (min-width:64em){
  .c-rail__main .c-scoreboard{gap:var(--sp-3);padding:var(--sp-5) var(--sp-6)}
  .c-rail__main .c-scoreboard .c-scoreboard__teams{grid-template-columns:4px var(--crest) fit-content(20rem) auto;justify-content:start;column-gap:var(--sp-4);row-gap:var(--sp-2)}
  .c-rail__main .c-scoreboard__team,.c-rail__main .c-scoreboard .c-scoreboard__team:last-child{grid-column:1/-1;grid-template-columns:subgrid;grid-template-rows:auto;grid-template-areas:"bar crest name score";row-gap:0;min-block-size:56px;text-align:start}
  .c-rail__main .c-scoreboard .c-scoreboard__scoreblock,.c-rail__main .c-scoreboard .c-scoreboard__team:last-child .c-scoreboard__scoreblock{display:flex;align-items:baseline;gap:var(--sp-2);justify-items:start;min-block-size:0}
  .c-rail__main .c-scoreboard .c-scoreboard__score,.c-rail__main .c-scoreboard .c-scoreboard__team:last-child .c-scoreboard__score{font-size:var(--fs-40);min-inline-size:0;text-align:start}
  .c-rail__main .c-scoreboard[data-len="long"] .c-scoreboard__score{font-size:var(--fs-36)}
  .c-rail__main .c-scoreboard .c-scoreboard__overs,.c-rail__main .c-scoreboard .c-scoreboard__team:last-child .c-scoreboard__overs{display:inline;text-align:start}
  .c-rail__main .c-scoreboard :is(.c-scoreboard__status,.c-scoreboard__kickoff,.c-scoreboard__potm){justify-content:flex-start;text-align:start;min-block-size:0}
  .c-rail__main .c-scoreboard .c-keystats{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);padding-block-start:var(--sp-2)}
  .c-rail__main .c-scoreboard .c-keystats__pair{display:flex;align-items:baseline;gap:var(--sp-2)}
}
/* == c-matchfit ====== */
:where(.c-rail__main,.c-rail__side,.c-matchhead,.c-matchhead__title,.c-scoreboard,.l-split>.l-stack,.l-split>.l-section,.l-split>aside){grid-template-columns:minmax(0,1fr)}
:where(.c-rail,.c-rail__main,.c-rail__side,.c-matchhead,.c-scoreboard,.l-split,.l-split>*,div.c-table)>*{min-inline-size:0}
:where(.c-matchhead,.c-rail,.l-split) .c-table__wrap{contain:inline-size;max-inline-size:100%}
.c-matchhead__meta a,.c-scoreboard__name{overflow-wrap:anywhere}
.c-tabs__list{min-inline-size:0}
.c-rail__main nav>.l-scroll{flex-wrap:wrap;overflow:visible;mask-image:none;padding-inline-end:0}
.c-rail__main nav .c-chip{white-space:normal;block-size:auto;min-block-size:var(--tap);max-inline-size:100%}
}
