@layer reset, tokens, base, layout, components, utilities;
@layer components{
/* == c-player ====== */
.c-player .c-pagehero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-4);align-items:center;padding:var(--panel-pad);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-4);box-shadow:var(--e2-inset);min-inline-size:0}
.c-player .c-pagehero__media .c-avatar--l{inline-size:112px}
.c-player .c-pagehero__body{display:grid;gap:var(--sp-2);min-inline-size:0}
.c-player .c-pagehero h1{margin:0;overflow-wrap:anywhere}
.c-player .c-pagehero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);font:var(--t-meta);color:var(--text-2);max-inline-size:none}
.c-player .c-pagehero__facts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:0}
.c-player .c-pagehero__facts .c-btn{min-block-size:var(--tap)}
.c-player__cols,.c-player__main,.c-player__side{display:contents}
.c-player__o1{order:1}.c-player__o2{order:2}.c-player__o3{order:3}.c-player__o4{order:4}.c-player__o5{order:5}.c-player__o6{order:6}
.c-player__o7{order:7}.c-player__o8{order:8}.c-player__o9{order:9}.c-player__o10{order:10}.c-player__o11{order:11}.c-player__o12{order:12}
.c-player__news{display:grid;min-inline-size:0}
.c-player__news:empty{display:none}
.c-player .c-statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:var(--sp-2);margin:0;min-inline-size:0}
.c-player .c-statgrid__item{display:grid;gap:var(--sp-1);padding:var(--sp-3);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);min-inline-size:0}
.c-player .c-statgrid dt{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-player .c-statgrid dd{margin:0;font:600 var(--fs-28)/1.1 var(--font-score);color:var(--text-1);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.c-player .c-pillnav{display:flex;flex-wrap:wrap;gap:var(--sp-2);min-inline-size:0;overflow:visible;padding:0}
.c-player .c-pillnav__in{position:absolute;opacity:0;inline-size:1px;block-size:1px}
.c-player .c-pillnav__pill{display:inline-flex;align-items:center;min-block-size:var(--tap);padding-inline:var(--sp-4);border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface-1);font:var(--t-data);font-weight:600;color:var(--text-2);cursor:pointer;white-space:nowrap}
.c-player .c-pillnav__pill:hover{border-color:var(--line-hover);color:var(--text-1)}
.c-player .c-pillnav__in:checked+.c-pillnav__pill{background:var(--surface-3);border-color:var(--gold);color:var(--text-1)}
.c-player .c-pillnav__in:focus-visible+.c-pillnav__pill{outline:2px solid var(--focus);outline-offset:2px}
.c-player .c-pillnav__panel{display:none;order:1;flex:1 0 100%;gap:var(--sp-3);min-inline-size:0}
.c-player .c-pillnav__in:checked+.c-pillnav__pill+.c-pillnav__panel{display:grid}
.c-player .c-pillnav__panel h3{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-player .c-pillnav__field{font:var(--t-data);color:var(--text-2);max-inline-size:none}
.c-player abbr[title]{text-decoration:none;cursor:help}
.c-player .c-table--fmtbat,.c-player .c-table--fmtbowl,.c-player .c-table--years{table-layout:fixed}
.c-player :is(.c-table--fmtbat,.c-table--fmtbowl,.c-table--years) :is(th,td){position:static;inline-size:auto;min-inline-size:0;max-inline-size:none;block-size:40px;padding:0 var(--sp-2);text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none;font-variant-numeric:tabular-nums lining-nums}
.c-player :is(.c-table--fmtbat,.c-table--fmtbowl) :is(th,td):first-child{inline-size:auto;font:var(--t-data);color:var(--text-2);background:transparent}
.c-player .c-table--years :is(th,td):first-child{inline-size:5.5rem;text-align:start;background:transparent}
.c-player :is(.c-table--fmtbat,.c-table--fmtbowl) thead :is(th,td):first-child{font:var(--t-label);letter-spacing:var(--tr-label);color:var(--text-3);background:var(--surface-2)}
.c-player :is(.c-table--fmtbat,.c-table--fmtbowl) tbody td.c-table__key{color:var(--text-1);font-weight:600}
@media (max-width:37.49em){.c-player .c-table--fmtbat{min-inline-size:34rem}.c-player .c-table--fmtbowl{min-inline-size:28rem}}
.c-player .c-table--splits :is(th,td){inline-size:1%;max-inline-size:none;text-align:end;font-variant-numeric:tabular-nums lining-nums}
.c-player .c-table--splits :is(th,td):first-child{inline-size:auto;min-inline-size:0;text-align:start}
.c-player__nm{display:block;max-inline-size:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-player .c-table--comps :is(th,td):first-child{min-inline-size:8rem}
.c-player .c-formbars{display:flex;align-items:flex-end;gap:var(--sp-1);block-size:120px;list-style:none;padding:24px var(--sp-2) var(--sp-2);margin:0;background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3)}
.c-player .c-formbars__bar{position:relative;flex:1 1 0;min-inline-size:0;display:flex;align-items:flex-start;justify-content:center;block-size:var(--h,6%);min-block-size:4px;border-radius:var(--r-1) var(--r-1) 0 0;background:linear-gradient(var(--gold),rgb(232 184 74/.35))}
.c-player .c-formbars__bar--h10{--h:10%}.c-player .c-formbars__bar--h20{--h:20%}.c-player .c-formbars__bar--h30{--h:30%}.c-player .c-formbars__bar--h40{--h:40%}.c-player .c-formbars__bar--h50{--h:50%}
.c-player .c-formbars__bar--h60{--h:60%}.c-player .c-formbars__bar--h70{--h:70%}.c-player .c-formbars__bar--h80{--h:80%}.c-player .c-formbars__bar--h90{--h:90%}.c-player .c-formbars__bar--h100{--h:100%}
.c-player .c-formbars__bar--h{--h:6%}
.c-player__chart{min-inline-size:0}
.c-player .c-player__fit{min-inline-size:0}
.c-player .c-formbars__score{position:absolute;inset-block-end:100%;font:600 var(--fs-12)/1.4 var(--font-score);color:var(--text-1);white-space:nowrap}
.c-precent__head,.c-precent__row{display:grid;grid-template-columns:minmax(0,1fr) 3rem 3.25rem 5.5rem 2.25rem;align-items:center;column-gap:6px}
.c-precent__head{padding-inline:var(--sp-3);font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-precent__head>:not(:first-child){text-align:end}
.c-precent{display:grid;list-style:none;padding:0 var(--sp-3);margin:0;background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3)}
.c-precent__row{min-block-size:48px;padding-block:var(--sp-1);border-block-end:1px solid var(--line-1)}
.c-precent__row:last-child{border-block-end:0}
.c-precent__who{display:grid;min-inline-size:0;font:var(--t-data);color:var(--text-1);overflow-wrap:break-word}
.c-precent__meta{font:var(--fs-12)/1.3 var(--font-sans);color:var(--text-3)}
.c-precent__runs{text-align:end;font:600 var(--fs-20)/1 var(--font-score);color:var(--text-1);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.c-precent__sr,.c-precent__bowl{text-align:end;font:var(--t-meta);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.c-precent__chip{justify-self:end;display:inline-grid;place-items:center;min-inline-size:24px;block-size:24px;padding-inline:4px;border-radius:var(--r-1);background:var(--surface-3);color:var(--text-2);font:600 var(--fs-12)/1 var(--font-sans);white-space:nowrap}
.c-precent__chip--w{background:var(--live-tint);color:var(--live)}
.c-precent__chip--l{background:var(--wicket-tint);color:var(--wicket)}
.c-precent__chip--d,.c-precent__chip--t{background:var(--warn-tint);color:var(--warn)}
.c-player .c-chart{display:grid;gap:var(--sp-2);margin:0;padding:var(--sp-3);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);min-inline-size:0}
.c-player .c-chart__sum{font:var(--t-data);color:var(--text-prose);max-inline-size:none}
.c-pchart__legend{display:flex;align-items:center;gap:6px;font:400 12px/1.3 var(--font-sans);color:var(--text-2);max-inline-size:none}
.c-pchart__sw{inline-size:12px;block-size:12px;border-radius:2px;background:var(--gold)}
.c-pchart__sw--wkts{background:var(--wicket)}
.c-pchart__plot{position:relative;block-size:140px;padding-block-start:14px;border-block-end:1px solid var(--line-2)}
.c-pchart__ax{position:absolute;inset-block-start:0;inset-inline-start:0;font:400 11px/1 var(--font-sans);color:var(--text-3)}
.c-pchart__bars{display:flex;align-items:flex-end;gap:2px;block-size:100%;list-style:none;padding:0;margin:0}
.c-pchart__bars .c-chart__bar{flex:1 1 0;min-inline-size:0;block-size:var(--h);min-block-size:2px;border-radius:2px 2px 0 0;background:var(--gold)}
.c-pchart--wkts .c-chart__bar{background:var(--wicket)}
.c-pchart__plot .c-chart__guide{position:absolute;inset-inline:0;inset-block-end:var(--h);border-block-start:1px dashed var(--line-control);pointer-events:none}
.c-pchart__plot .c-chart__guide>span{position:absolute;inset-inline-end:0;inset-block-end:2px;font:400 11px/1 var(--font-sans);color:var(--text-2)}
.c-pchart [data-h="0"]{--h:0%}.c-pchart [data-h="5"]{--h:5%}.c-pchart [data-h="10"]{--h:10%}.c-pchart [data-h="15"]{--h:15%}.c-pchart [data-h="20"]{--h:20%}
.c-pchart [data-h="25"]{--h:25%}.c-pchart [data-h="30"]{--h:30%}.c-pchart [data-h="35"]{--h:35%}.c-pchart [data-h="40"]{--h:40%}.c-pchart [data-h="45"]{--h:45%}
.c-pchart [data-h="50"]{--h:50%}.c-pchart [data-h="55"]{--h:55%}.c-pchart [data-h="60"]{--h:60%}.c-pchart [data-h="65"]{--h:65%}.c-pchart [data-h="70"]{--h:70%}
.c-pchart [data-h="75"]{--h:75%}.c-pchart [data-h="80"]{--h:80%}.c-pchart [data-h="85"]{--h:85%}.c-pchart [data-h="90"]{--h:90%}.c-pchart [data-h="95"]{--h:95%}.c-pchart [data-h="100"]{--h:100%}
.c-player .c-more>summary{display:flex;align-items:center;min-block-size:var(--tap);font:var(--t-data);font-weight:600;color:var(--text-2);cursor:pointer}
.c-player .c-table--chart{table-layout:auto}
.c-player .c-table--chart :is(th,td){position:static;inline-size:auto;min-inline-size:0;max-inline-size:none;white-space:normal;box-shadow:none;block-size:36px}
.c-player .c-table--chart :is(th,td):first-child{text-align:start;font:var(--t-data);color:var(--text-1)}
.c-player .c-empty{padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);color:var(--text-prose)}
.c-player .c-table__wrap{background:linear-gradient(to left,var(--surface-1) 30%,rgb(0 0 0/0)) right center/40px 100% no-repeat local,linear-gradient(to left,rgb(0 0 0/.4),rgb(0 0 0/0)) right center/16px 100% no-repeat scroll}
:lang(hi) .c-player :is(.c-statgrid dt,.c-pillnav__panel h3,.c-precent__head){letter-spacing:0;text-transform:none}
@media (max-width:24.99em){
.c-player .c-table :is(th,td){padding-inline:var(--sp-1);font-size:var(--fs-12)}
.c-precent__head,.c-precent__row{grid-template-columns:minmax(0,1fr) 2.75rem 3rem 5.25rem 2.25rem;column-gap:4px}
}
@media (min-width:56.25em){
.c-player .c-pagehero{grid-template-columns:auto minmax(0,1fr) auto}
.c-player .c-pagehero__facts{grid-column:auto;justify-content:flex-end;max-inline-size:28rem}
.c-player .c-pagehero__media .c-avatar--l{inline-size:160px}
.c-player .c-formbars{block-size:140px}
}
@media (min-width:68.75em){
.c-player__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,400px);column-gap:var(--sp-6);align-items:start;min-inline-size:0;order:1}
.c-player__main,.c-player__side{display:grid;gap:var(--gap-section);align-content:start;min-inline-size:0}
.c-player__side .c-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
}