@layer reset, tokens, base, layout, components, utilities;
@layer components{
/* == c-ms ====== */
.c-ms{display:grid;gap:var(--sp-4);min-inline-size:0}
.c-ms__banner{display:grid;gap:var(--sp-1);padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--line-1);border-inline-start:4px solid var(--gold);border-radius:var(--r-3);min-inline-size:0}
.c-ms__banner--off{border-inline-start-color:var(--warn)}
.c-ms__meta{margin:0;font:var(--t-data);font-weight:600;color:var(--text-2);max-inline-size:none;font-variant-numeric:tabular-nums lining-nums}
.c-rail__main .c-scoreboard[data-state="abandoned"] .c-scoreboard__status{display:none}
.c-ms__eyebrow,.c-ms__title,.c-ms__sub,.c-ms__time{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3);margin:0;max-inline-size:none}
.c-ms__result{font:var(--t-status);color:var(--text-1);margin:0;overflow-wrap:anywhere}
.c-ms__series,.c-ms__reason{margin:0;font:var(--t-data);font-weight:600;color:var(--text-2);max-inline-size:none}
.c-ms__card{display:grid;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-ms__duo{display:grid;gap:var(--sp-4);min-inline-size:0}
.c-ms__list{display:grid;list-style:none;padding:0;margin:0;min-inline-size:0}
.c-ms__row,.c-ms__inn{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);min-block-size:var(--tap);padding-block:var(--sp-1);border-block-start:1px solid var(--line-1)}
.c-ms__row:first-child,.c-ms__inn:first-child,.c-ms__moment:first-child,.c-ms__next:first-child{border-block-start:0}
.c-ms__who{display:grid;font:var(--t-data);font-weight:600;color:var(--text-1);min-inline-size:0;overflow-wrap:anywhere}
.c-ms__team{font:var(--t-meta);font-weight:400;color:var(--text-3)}
.c-ms__line{font:600 var(--fs-18)/1.2 var(--font-score);color:var(--text-1);white-space:nowrap;text-align:end;font-variant-numeric:tabular-nums lining-nums}
.c-ms__moment{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:var(--sp-3);align-items:baseline;padding-block:var(--sp-2);border-block-start:1px solid var(--line-1);font:var(--t-data);color:var(--text-prose)}
.c-ms__moment[data-kind="wicket"] .c-ms__time{color:var(--wicket)}
.c-ms__moment[data-kind="milestone"] .c-ms__time{color:var(--gold)}
.c-ms__next{display:grid;gap:2px;padding-block:var(--sp-2);border-block-start:1px solid var(--line-1)}
.c-ms__link{display:inline-flex;align-items:center;min-block-size:var(--tap);font:var(--t-data);font-weight:600;color:var(--link)}
.c-ms__report{margin:0;font:var(--t-body);color:var(--text-prose)}
:lang(hi) :is(.c-ms__eyebrow,.c-ms__title,.c-ms__sub,.c-ms__time){letter-spacing:0;text-transform:none}
/* == w-sc ====== */
.w-sc__pills{display:flex;gap:var(--s2);list-style:none;margin:0;padding:var(--s1) 0;overflow-x:auto;scrollbar-width:none;min-inline-size:0}
.w-sc__pills>li{flex:none}
.w-sc__inn{scroll-margin-block-start:calc(var(--header-h) + var(--nav-h) + var(--s4))}
.w-sc__sub{margin-block-start:var(--s2)}
.w-sc__h3{margin:0;font:600 var(--fs-16)/1.4 var(--font-sans);color:var(--text)}
.w-sc .w-tbl table{border-collapse:separate;border-spacing:0}
.w-tbl--bat{max-inline-size:40rem}
.w-tbl--bowl{max-inline-size:44rem}
.w-tbl--parts{max-inline-size:28rem}
.w-sc .w-tbl :is(td,th):not(:first-child){inline-size:3.25rem;font-variant-numeric:tabular-nums lining-nums}
.w-sc .w-tbl tbody th{font-weight:400}
.w-sc .w-tbl tbody tr:last-child>*{border-block-end:0}
.w-sc .w-tbl td{color:var(--text-2)}
.w-sc .w-tbl td.w-sc__key{font:600 var(--fs-16)/1 var(--font-score);color:var(--text)}
.w-sc__who{display:flex;align-items:center;gap:var(--s3);min-inline-size:0;padding-block:var(--s2)}
.w-sc__who .w-face{inline-size:32px;block-size:32px;font-size:var(--fs-12)}
.w-sc__nm{display:grid;min-inline-size:0;font-weight:600;color:var(--text)}
.w-sc__nm a{color:inherit}
.w-sc__out{font:var(--t-meta);font-weight:400;color:var(--text-2)}
.w-sc__notout{font:var(--t-meta);font-weight:600;color:var(--green)}
.w-sc__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin:0;max-inline-size:40rem}
.w-sc__tile{display:grid;gap:2px;align-content:start;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--tile)}
.w-sc__tile dt{font:var(--t-label);color:var(--text-2)}
.w-sc__tile dd{margin:0}
.w-sc__val{font:600 var(--fs-24)/1.1 var(--font-score);color:var(--text)}
.w-sc__tile--total .w-sc__val{color:var(--gold)}
.w-sc__note{font:var(--t-meta);color:var(--text-2)}
.w-sc__dnb{font:var(--t-meta);color:var(--text-2);max-inline-size:40rem}
.w-sc__dnb strong{color:var(--text)}
.w-sc__fowl{margin:0;font:var(--t-label);color:var(--text-2)}
.w-sc__fow{display:flex;gap:var(--s2);list-style:none;margin:0;padding:0 0 var(--s1);overflow-x:auto;scrollbar-width:none;min-inline-size:0}
.w-sc__fowi{display:grid;flex:none;gap:2px;min-inline-size:96px;padding:var(--s2) var(--s3);border-radius:var(--r-md);background:var(--card)}
.w-sc__fowi .c-fow__score{font:600 var(--fs-15)/1.2 var(--font-score);color:var(--text)}
.w-sc__fowi .c-fow__who{font:var(--t-meta);color:var(--text-2)}
/* == w-cy ====== */
.w-cy__f{display:block;block-size:0;scroll-margin-block-start:calc(var(--header-h) + var(--nav-h) + 64px)}
.w-cy__box{display:grid;gap:var(--s3);min-inline-size:0}
.w-cy__overs,.w-cy__balls,.w-cy__keys{display:grid;list-style:none;margin:0;padding:0;min-inline-size:0}
.w-cy__overs{gap:var(--s3)}
.w-cy__over,.w-cy__keys{border-radius:var(--r-lg);background:var(--card);overflow:hidden;min-inline-size:0}
.w-cy__head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--s2) var(--s3);padding:var(--s3) var(--s4);background:var(--tile)}
.w-cy__on{margin:0;font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text)}
.w-cy__line{margin:0;font:var(--t-meta);color:var(--text-2);text-align:end;max-inline-size:none}
.w-cy__chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--s1);list-style:none;margin:0;padding:0}
.w-cy__ball,.w-cy__key{display:grid;grid-template-columns:3.5ch 28px minmax(0,1fr);align-items:start;gap:var(--s3);padding:var(--s3) var(--s4);border-block-start:1px solid var(--line)}
.w-cy__key{grid-template-columns:28px 3.5ch minmax(0,1fr)}
.w-cy__ball:first-child,.w-cy__key:first-child{border-block-start:0}
.w-cy__bn{font:var(--t-data);font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums lining-nums;padding-block-start:4px}
.w-cy__bt{margin:0;font:var(--t-data);color:var(--text-prose);max-inline-size:68ch}
.w-cy__bt strong{color:var(--text)}
.w-cy__ball[data-k="w"]{background:var(--live-bg)}
.w-moment__art{display:inline-block;inline-size:28px;block-size:28px;vertical-align:middle;margin-inline-end:var(--s2)}
.w-cy__key .w-moment__art{margin:0}
.w-cy__box:has(#f-wk:target) .w-cy__ball:not([data-k="w"]),.w-cy__box:has(#f-4:target) .w-cy__ball:not([data-k="4"]),.w-cy__box:has(#f-6:target) .w-cy__ball:not([data-k="6"]),.w-cy__box:has(#f-ms:target) .w-cy__ball:not([data-m]){display:none}
.w-cy__box:has(#f-wk:target) .w-cy__over:not(:has([data-k="w"])),.w-cy__box:has(#f-4:target) .w-cy__over:not(:has([data-k="4"])),.w-cy__box:has(#f-6:target) .w-cy__over:not(:has([data-k="6"])),.w-cy__box:has(#f-ms:target) .w-cy__over:not(:has([data-m])){display:none}
.w-cy__box:not(:has(.w-cy__f:target)) [href="#f-all"],.w-cy__box:has(#f-all:target) [href="#f-all"],.w-cy__box:has(#f-wk:target) [href="#f-wk"],.w-cy__box:has(#f-4:target) [href="#f-4"],.w-cy__box:has(#f-6:target) [href="#f-6"],.w-cy__box:has(#f-ms:target) [href="#f-ms"]{background:var(--btn);color:var(--btn-ink)}
:lang(hi) .w-cy__on{letter-spacing:0;text-transform:none}
/* == w-sq ====== */
.w-sq{display:grid;gap:var(--s5);min-inline-size:0}
.w-sq__col{display:grid;gap:var(--s5);align-content:start;min-inline-size:0}
.w-sq__list{display:grid;list-style:none;margin:0;padding:0;border-radius:var(--r-lg);background:var(--card);overflow:hidden;min-inline-size:0}
.w-sq__row{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:var(--s3);min-block-size:56px;padding:var(--s2) var(--s4);border-block-start:1px solid var(--line)}
.w-sq__row:first-child{border-block-start:0}
.w-sq__who{display:grid;min-inline-size:0}
.w-sq__nm{font:var(--t-data);font-weight:600;color:var(--text);overflow-wrap:break-word}
.w-sq__nm a{display:inline-flex;align-items:center;min-block-size:28px;color:inherit}
.w-sq__sub{font:var(--t-meta);color:var(--text-2)}
.w-sq__tag{display:inline-grid;place-items:center;block-size:20px;padding-inline:6px;border-radius:var(--r-pill);background:var(--tile);font:var(--t-label);color:var(--gold);vertical-align:1px}
.w-sq__role .w-sec__icon{inline-size:24px;block-size:24px}
@media (min-width:37.5em){.w-sq{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* == w-st ====== */
.w-st__tiles{grid-template-columns:repeat(3,minmax(0,1fr));max-inline-size:44rem}
.w-st__tiles dt{letter-spacing:var(--tr-label);text-transform:uppercase}
:lang(hi) .w-st__tiles dt{letter-spacing:0;text-transform:none}
.w-st__card{padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--card);max-inline-size:56rem;min-inline-size:0;overflow-x:auto}
.w-st__card figure{margin:0}
.w-st__card svg text{font-size:11px}
.w-st__facts{margin:0;padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--card);font:var(--t-data);color:var(--text-prose);max-inline-size:56rem}
@media (max-width:37.49em){.w-sc .w-tbl :is(th,td):not(:first-child){inline-size:2.5rem;padding-inline:var(--s1)}.w-tbl--bowl :is(th,td):is(:nth-child(6),:nth-child(7)){display:none}}
@media (min-width:56.25em){.c-ms{gap:var(--sp-5)}.c-ms__duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5)}.c-ms__banner{padding:var(--sp-5) var(--sp-6)}}
}
