@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 .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}
.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 .c-formbars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:var(--sp-1);block-size:120px;list-style:none;padding: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;display:flex;align-items:flex-start;justify-content:center;block-size:var(--h,6%);min-block-size:20px;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--h{--h:6%}
.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:calc(100% - 18px)}
.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-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-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 :is(th,td):first-child{min-inline-size:6rem}
.c-player :is(.c-table--fmtbat,.c-table--fmtbowl,.c-table--years,.c-table--form) td{text-align:end;font-variant-numeric:tabular-nums lining-nums}
.c-player :is(.c-table--fmtbat,.c-table--fmtbowl,.c-table--years,.c-table--form) thead th:not(:first-child){text-align:end}
:lang(hi) .c-player :is(.c-statgrid dt,.c-pillnav__panel h3){letter-spacing:0;text-transform:none}
.c-player .c-chart{display:grid;gap:var(--sp-3);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 svg{inline-size:100%;max-inline-size:720px;block-size:auto;margin-inline:auto}
.c-player .c-chart__sum{order:-1;font:var(--t-data);color:var(--text-prose);max-inline-size:none}
.c-player .c-chart svg~.c-chart__data{max-block-size:240px;overflow:auto}
.c-player .c-table--splits td{text-align:end;font-variant-numeric:tabular-nums lining-nums}
.c-player .c-table--splits thead th:not(:first-child){text-align:end}
@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:160px}
}
}
.c-player__chart{min-inline-size:0;overflow-x:auto}
@layer components{
.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}
@media (max-width:24.99em){
.c-player .c-table :is(th,td){padding-inline:var(--sp-1);font-size:var(--fs-12)}
.c-player .c-table :is(th,td):first-child{min-inline-size:0;padding-inline:var(--sp-2) var(--sp-1)}
}
}
@layer components{
.c-player .c-player__fit :is(th,td):first-child{position:sticky;inset-inline-start:0;z-index:1;inline-size:auto}
.c-player__fit .c-player__ph{white-space:nowrap}
@media (max-width:29.99em){
.c-player .c-player__fit :is(th,td){inline-size:auto;min-inline-size:0;max-inline-size:none;padding-inline:var(--sp-2)}
.c-player .c-player__fit :is(th,td):first-child{min-inline-size:3rem;padding-inline:var(--sp-3) var(--sp-2)}
.c-player .c-player__fit td{font-size:var(--fs-13)}
}
}