@layer reset, tokens, base, layout, components, utilities;

@layer reset{
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none}
img,picture,svg,video,canvas{display:block;max-inline-size:100%;block-size:auto}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
ul[role=list],ol[role=list]{list-style:none;padding:0}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,p,li,dd{overflow-wrap:break-word}
}

@layer tokens{
:root{
  color-scheme:dark;

    /* Surfaces */
    --surface-0:#07090F; --surface-1:#0F131C; --surface-2:#161B26; --surface-3:#1E2431; --surface-4:#2A3142;

    /* Text */
    --text-1:#F2F4F8; --text-prose:#C9D1D9; --text-2:#C3C9D6; --text-3:#8E96A8;
    --text-on-accent:#FFFFFF; --text-on-signal:#07090F; --text-on-cta:#07090F;

    /* Lines */
    --line-1:rgb(255 255 255/.07); --line-2:rgb(255 255 255/.12); --line-hover:rgb(255 255 255/.20);
    --line-control:#6B7385; --highlight-top:rgb(255 255 255/.05);

    /* Accents and signals */
    --accent:#1A73E8; --accent-hover:#1765D0; --accent-press:#1457B8; --accent-tint:rgba(26,115,232,.16);
    --cta:#F2F4F8;
    --link:#8AB4FF;
    --live:#40DFA3; --live-tint:rgba(64,223,163,.12); --live-line:rgba(64,223,163,.40);
    --wicket:#FF6B5E; --wicket-tint:rgba(255,107,94,.12);
    --four:#6CB2FF; --four-tint:rgba(108,178,255,.14); --six:#C08BFF; --six-tint:rgba(192,139,255,.14);
    --warn:#F2A65A; --warn-tint:rgba(242,166,90,.12);
    --success:#2EA97A; --gold:#E8B84A; --focus:#8AB4FF;

    /* Kit defaults */
    --k:var(--surface-3); --k-rgb:30 36 49; --k-edge:var(--line-2); --k-on:var(--text-1);

  /* Type */
  --font-sans:"CRIX Sans","CRIX Sans Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;
  --font-score:"CRIX Score","CRIX Score Fallback","Roboto Condensed","Arial Narrow",sans-serif-condensed,sans-serif;
  --font-deva-system:"Noto Sans Devanagari","Kohinoor Devanagari","Nirmala UI","Mangal",sans-serif;
  --font-head:var(--font-sans);
  --fs-12:.75rem; --fs-13:.8125rem; --fs-14:.875rem; --fs-15:.9375rem; --fs-18:1.125rem; --fs-24:1.5rem;
    --fs-score-hero:clamp(2.75rem,2rem + 3.2vw,3.5rem); --fs-score-long:clamp(2rem,1.5rem + 2vw,2.5rem); --fs-16:1rem; --fs-20:1.25rem; --fs-28:1.75rem; --fs-36:2.25rem; --fs-40:2.5rem; --fs-56:3.5rem;
  --t-score-xl:600 var(--fs-score-hero)/1 var(--font-score);
    --t-score-long:600 var(--fs-score-long)/1 var(--font-score);
  --t-h1:600 var(--fs-28)/1.15 var(--font-sans);
  --t-h2:600 var(--fs-20)/1.3 var(--font-sans);
    --t-h3:600 var(--fs-18)/1.3 var(--font-sans);
    --t-status:600 var(--fs-18)/1.35 var(--font-sans);
  --t-score-m:600 var(--fs-20)/1.5rem var(--font-score);
  --t-body:400 var(--fs-16)/1.5rem var(--font-sans);
  --t-data:400 var(--fs-14)/1.43 var(--font-sans);
  --t-label:600 var(--fs-12)/1.33 var(--font-sans);
  --t-meta:400 var(--fs-13)/1.4 var(--font-sans);
  --tr-score:-.02em; --tr-h1:-.022em; --tr-h2:-.012em; --tr-h3:-.01em; --tr-label:.06em;

  /* Space */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:40px; --sp-8:48px; --sp-9:64px; --sp-10:80px;
  --gutter:16px; --card-pad-b:12px; --card-pad-i:16px; --panel-pad:16px; --grid-gap:12px; --section-gap:40px;

  /* Radii */
  --r-1:6px; --r-2:10px; --r-3:12px; --r-4:16px; --r-pill:999px;

    /* Elevation */
    --e1:0 0 0 1px var(--line-1), inset 0 1px 0 var(--highlight-top);
    --e2:0 0 0 1px var(--line-1), inset 0 1px 0 var(--highlight-top), 0 18px 40px -24px rgb(0 0 0/.8);
    --e3:0 0 0 1px var(--line-2), 0 24px 48px -16px rgb(0 0 0/.75);
    --e2-inset:inset 0 1px 0 var(--highlight-top);
    --e3-shadow:var(--e3);
    --e-hair-b:0 1px 0 var(--line-1); --e-hair-bi:inset 0 -1px 0 var(--line-1); --e-sticky:1px 0 0 var(--line-1);
    --e-ring:inset 0 0 0 1px var(--line-2); --e-ring-control:inset 0 0 0 1px var(--line-control);
    --e-crest:0 0 0 1px var(--line-2); --e-ring-four:inset 0 0 0 1.5px var(--four); --e-ring-six:inset 0 0 0 1.5px var(--six);
    --e-ring-live:0 0 0 1px var(--live-line); --e-crest-ring:0 0 0 2px var(--k-edge);
    --e-kit-sheen:inset 0 1px 0 var(--line-2); --e-kit-flag:0 0 0 2px var(--surface-1);

  /* Layout */
  --container:1248px; --rail:360px; --rail-md:300px; --home-left:288px; --home-right:336px;
  --header-h:56px; --nav-h:44px; --tap:44px;

  /* Motion */
  --dur-1:120ms; --dur-2:180ms; --dur-3:240ms; --dur-flash:1200ms; --dur-pulse:2000ms; --dur-roll:320ms;
  --ease-out:cubic-bezier(.2,.7,.2,1); --ease-in-out:cubic-bezier(.4,0,.2,1);

  /* Z-index */
  --z-header:100; --z-installbar:200; --z-tooltip:300;
}
@media (min-width:37.5em){ :root{ --gutter:24px; --grid-gap:16px; } }
@media (min-width:56.25em){
  :root{
    --fs-score-hero:clamp(4.5rem,1.25rem + 5vw,5.5rem); --fs-score-long:3.5rem;
      --r-3:14px; --r-4:20px;
      --t-h2:600 var(--fs-24)/1.3 var(--font-sans); --t-h3:600 var(--fs-24)/1.3 var(--font-sans); --t-status:600 var(--fs-24)/1.35 var(--font-sans);
    --t-h1:600 var(--fs-40)/1.15 var(--font-sans);
    --card-pad-b:16px; --card-pad-i:20px; --panel-pad:24px; --section-gap:64px; --header-h:64px;
  }
}
:lang(hi){
  --font-sans:"CRIX Sans","CRIX Sans Fallback",var(--font-deva-system),system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  --font-head:"CRIX Sans","CRIX Deva","CRIX Sans Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;
  --t-h1:600 var(--fs-28)/1.35 var(--font-head);
    --t-h3:600 var(--fs-18)/1.45 var(--font-head);
    --t-status:600 var(--fs-18)/1.5 var(--font-head);
    --t-meta:400 var(--fs-13)/1.6 var(--font-sans);
  --t-h2:600 var(--fs-20)/1.45 var(--font-head);
  --t-body:400 var(--fs-16)/1.75rem var(--font-sans);
  --t-data:400 var(--fs-14)/1.6 var(--font-sans);
  --t-label:600 var(--fs-13)/1.6 var(--font-head);
  --tr-h1:0; --tr-h2:0; --tr-label:0;
}
@media (min-width:56.25em){ :lang(hi){ --t-h1:600 var(--fs-40)/1.35 var(--font-head); --t-h2:600 var(--fs-24)/1.45 var(--font-head); --t-h3:600 var(--fs-24)/1.45 var(--font-head); --t-status:600 var(--fs-24)/1.5 var(--font-head); } }

@font-face{font-family:"CRIX Sans";src:url("/assets/4dea6b25357c/fonts/plex-sans-400-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20B9,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"CRIX Sans";src:url("/assets/c9aa4d3131ef/fonts/plex-sans-600-latin.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20B9,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"CRIX Deva";src:url("/assets/d6048f5e0007/fonts/plex-sans-devanagari-600-deva.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:"CRIX Score";src:url("/assets/d7312eb67c1b/fonts/plex-sans-condensed-600-score.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00B7,U+2013,U+2212}

/* Metric-matched fallbacks to hold CLS ≤ 0.05 during swap.
   Values come from Plex hhea metrics (ascender 1025, descender 275, UPM 1000).
   Verify with the overlay test on /_styleguide; tune only size-adjust, in 1% steps. */
@font-face{font-family:"CRIX Sans Fallback";src:local("Arial"),local("Roboto"),local("Helvetica Neue");ascent-override:102.5%;descent-override:27.5%;line-gap-override:0%;size-adjust:101%}
@font-face{font-family:"CRIX Score Fallback";src:local("Roboto Condensed"),local("Arial Narrow");ascent-override:102.5%;descent-override:27.5%;line-gap-override:0%;size-adjust:100%}
}

@layer base{
html{background:var(--surface-0);color:var(--text-1);scrollbar-color:var(--surface-4) var(--surface-0);overflow-x:clip}
body{min-block-size:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;font:var(--t-body);background:var(--surface-0);color:var(--text-1);-webkit-font-smoothing:antialiased}
body>*,main{min-inline-size:0}
body,table,input,button{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
h1{font:var(--t-h1);letter-spacing:var(--tr-h1);color:var(--text-1)}
h2{font:var(--t-h2);letter-spacing:var(--tr-h2);color:var(--text-1)}
main h1{margin-block-start:var(--sp-5)}
h3{font:600 var(--fs-16)/1.5rem var(--font-head);color:var(--text-1)}
p{color:var(--text-prose);max-inline-size:68ch}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
:is(.l-prose,.c-faq) a{color:var(--link);text-decoration:underline;text-decoration-color:rgb(138 180 255/.45)}
em,i,cite,address,dfn{font-style:normal}
table{inline-size:100%;font:var(--t-data)}
th{text-align:start;font-weight:600}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:inherit}
.c-card:has(.u-stretched:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.c-card .u-stretched:focus-visible{outline:none}
.c-table__wrap:focus-visible{outline-offset:-2px}
:focus:not(:focus-visible){outline:none}
::selection{background:var(--surface-4);color:var(--text-1)}
:lang(hi){letter-spacing:0;text-transform:none;font-style:normal}
:lang(hi) :is(h1,h2,h3,th,em,i){letter-spacing:0;text-transform:none;font-style:normal}
}

@layer layout{
.l-container{inline-size:100%;max-inline-size:var(--container);margin-inline:auto;padding-inline:var(--gutter);min-inline-size:0}
main>:not(.l-container,.c-nav){inline-size:100%;max-inline-size:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.l-stack{display:grid;gap:var(--sp-7);align-content:start;min-inline-size:0}
.l-section{display:grid;gap:var(--sp-4);align-content:start;min-inline-size:0}
.l-prose{max-inline-size:720px;margin-inline-end:auto}
.l-home,.l-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5);align-items:start;min-inline-size:0}
.l-home>*,.l-split>*,.l-grid>*,.l-scroll>*,.l-stack>*,.l-section>*{min-width:0}
:has(>.l-grid){container-type:inline-size}
.l-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);min-inline-size:0}
.l-grid[data-n="1"]>*{max-inline-size:560px}
.l-grid--auto{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
@container (min-width:560px){
  .l-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}
}
@container (min-width:880px){
  .l-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .l-grid:is([data-n="2"],[data-n="4"]){grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}
}
.l-scroll{display:flex;gap:var(--sp-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline-end:var(--sp-5);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
.l-scroll::-webkit-scrollbar{display:none}
.l-main,.l-rail,.l-wide{display:grid;gap:var(--sp-7);align-content:start;min-inline-size:0}
.l-page{position:relative;isolation:isolate}
.l-page::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:320px;z-index:-1;pointer-events:none;background:var(--page-glow,none)}
@media (min-width:64em){
  .l-grid:has(>.l-main,>.l-rail,>.l-wide){grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sp-5)}
  .l-grid>.l-main{grid-column:1/9}
  .l-grid>.l-rail{grid-column:9/13}
  .l-grid>.l-wide{grid-column:1/-1}
}
.l-scroll>*{flex:none;scroll-snap-align:start}
@media (min-width:56.25em){
  .l-stack{gap:var(--sp-9)}
  .l-home{grid-template-columns:minmax(0,1fr) var(--rail-md)}
  .l-home>:first-child{grid-column:1/-1}
  .l-split{grid-template-columns:minmax(0,1fr) var(--rail-md)}
}
@media (min-width:75em){
  .l-home{grid-template-columns:var(--home-left) minmax(0,1fr) var(--home-right)}
  .l-home>:first-child{grid-column:auto}
  .l-split{grid-template-columns:minmax(0,1fr) var(--rail);gap:var(--sp-6)}
}
}

@layer components{
/* == c-header ====== */
.c-header{position:sticky;inset-block-start:0;z-index:var(--z-header);block-size:var(--header-h);background:var(--surface-0);box-shadow:var(--e-hair-b)}
.c-header__inner{display:flex;align-items:center;gap:var(--sp-3);block-size:100%}
.c-header__skip:not(:focus){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.c-header__skip:focus{position:absolute;inset-block-start:var(--sp-2);inset-inline-start:var(--sp-4);z-index:var(--z-tooltip)}
.c-header__logo{display:flex;align-items:center;flex:none;min-block-size:var(--tap);color:var(--gold)}
.c-header__logo svg{block-size:24px;inline-size:auto}
.c-header__actions{display:flex;align-items:center;gap:var(--sp-3);margin-inline-start:auto}
.c-header__lang{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--tap);min-block-size:var(--tap);font:var(--t-data);font-weight:600;color:var(--text-3);transition:color var(--dur-1) var(--ease-out)}
.c-header__lang:hover{color:var(--text-1);text-decoration:none}
.c-header__app{position:relative;display:inline-flex;align-items:center;block-size:32px;padding-inline:var(--sp-3);border:1px solid var(--line-2);border-radius:var(--r-pill);font:var(--t-data);font-weight:600;color:var(--text-1);white-space:nowrap;transition:border-color var(--dur-1) var(--ease-out)}
.c-header__app::before{content:"";position:absolute;inset-inline:0;inset-block:-8px}
.c-header__app:hover{border-color:var(--line-hover);text-decoration:none}
@media (min-width:56.25em){
  .c-header__inner{gap:var(--sp-4)}
  .c-header__logo svg{block-size:28px}
}
@media (max-width:24.99em){
  .c-header__inner,.c-header__actions{gap:var(--sp-2)}
  .c-header__actions .c-btn--s{padding-inline:var(--sp-3)}
}

/* == c-nav ====== */
.c-nav:not(.c-nav--row){display:none}
.c-nav__list{display:flex;list-style:none;padding:0;margin:0;gap:0}
.c-nav__item{position:relative;display:flex;align-items:center;block-size:var(--nav-h);padding-inline:var(--sp-3);font:var(--t-data);font-weight:600;color:var(--text-3);white-space:nowrap;transition:color var(--dur-1) var(--ease-out)}
.c-nav__item:hover{color:var(--text-1);text-decoration:none}
.c-nav__item:is([aria-current="page"],[aria-current="true"]){color:var(--text-1)}
.c-nav__item:is([aria-current="page"],[aria-current="true"])::after{content:"";position:absolute;inset-inline:var(--sp-3);inset-block-end:0;block-size:2px;background:var(--text-1)}
.c-nav--row{block-size:var(--nav-h);min-inline-size:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:var(--surface-0);box-shadow:var(--e-hair-b)}
.c-nav--row .c-nav__list{padding-inline-end:var(--sp-5)}
.c-nav--row .c-nav__item:focus-visible{outline-offset:-2px}
@media (min-width:56.25em){
  .c-nav:not(.c-nav--row){display:block;margin-inline-start:var(--sp-4)}
  .c-nav:not(.c-nav--row) .c-nav__item{block-size:var(--header-h)}
  .c-nav--row{display:none}
}

/* == c-breadcrumb ====== */
.c-breadcrumb{display:flex;align-items:center;block-size:32px;background:var(--surface-0);font:var(--t-meta);min-inline-size:0}
.c-breadcrumb__list{display:flex;align-items:center;gap:var(--sp-1);list-style:none;padding:0;margin:0;min-inline-size:0}
.c-breadcrumb__item{display:flex;align-items:center;gap:var(--sp-1);flex-shrink:0;min-inline-size:0}
.c-breadcrumb__item:last-child{flex-shrink:1}
.c-breadcrumb__link{position:relative;flex-shrink:0;white-space:nowrap;color:var(--text-3);transition:color var(--dur-1) var(--ease-out)}
.c-breadcrumb__link::before{content:"";position:absolute;inset-inline:0;inset-block:-12px}
.c-breadcrumb__link:hover{color:var(--text-1)}
.c-breadcrumb__sep{flex:none;inline-size:16px;block-size:16px;color:var(--text-3)}
.c-breadcrumb__current{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}
:lang(hi) .c-breadcrumb{font:var(--t-data)}

/* == c-btn ====== */
.c-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);block-size:var(--tap);padding-inline:var(--sp-4);border:1px solid transparent;border-radius:var(--r-2);background:var(--cta);color:var(--text-on-cta);font:var(--t-body);font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}
.c-btn:hover{background:var(--text-prose);text-decoration:none}
.c-btn:active{background:var(--text-2)}
.c-btn--s{block-size:36px;font:var(--t-data);font-weight:600}
.c-btn--s::before{content:"";position:absolute;inset-inline:0;inset-block:-4px}
.c-btn--secondary{background:var(--surface-2);border-color:var(--line-2);color:var(--text-1)}
.c-btn--secondary:hover{background:var(--surface-3)}
.c-btn--secondary:active{background:var(--surface-3);border-color:var(--line-hover)}
.c-btn--block{inline-size:100%}
@media (min-width:37.5em){.c-btn--block{inline-size:auto}}

/* == c-footer ====== */
.c-footer{background:var(--surface-1);border-block-start:1px solid var(--line-1);padding-block:var(--sp-8) var(--sp-6)}
.c-footer__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--grid-gap);row-gap:var(--sp-6)}
.c-footer__brand{grid-column:1/-1;display:grid;gap:var(--sp-3);justify-items:start}
.c-footer__logo{display:flex;align-items:center;color:var(--gold)}
.c-footer__logo svg{block-size:24px;inline-size:auto}
.c-footer__col{min-inline-size:0}
.c-footer__head{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3);margin-block-end:var(--sp-2)}
.c-footer__list{list-style:none;padding:0;margin:0}
.c-footer__link{display:flex;align-items:center;block-size:var(--sp-6);font:var(--t-data);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--dur-1) var(--ease-out)}
.c-footer__link:hover,.c-footer__link[aria-current="page"]{color:var(--text-1)}
.c-footer__badges{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.c-footer__badges img,.c-footer__badges svg{block-size:40px;inline-size:auto}
.c-footer__legal{grid-column:1/-1;font:var(--t-meta);color:var(--text-3)}
:lang(hi) .c-footer__head{letter-spacing:0;text-transform:none}
@media (min-width:56.25em){
  .c-footer{padding-block:var(--sp-9) var(--sp-7)}
  .c-footer__inner{grid-template-columns:2fr repeat(4,minmax(0,1fr))}
  .c-footer__brand{grid-column:auto}
}

/* == c-form ====== */
.c-form{display:inline-flex;align-items:center;gap:var(--sp-1)}
.c-form__dot{flex:none;inline-size:12px;block-size:12px;border-radius:var(--r-pill);background:var(--surface-3)}
.c-form__dot--w{background:var(--success)}

/* == c-badge ====== */
.c-badge{position:relative;display:inline-flex;align-items:center;gap:var(--sp-1);block-size:20px;padding-inline:var(--sp-2);border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-2);font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;white-space:nowrap}
.c-badge--live{background:var(--live-tint);color:var(--live)}
.c-badge--live::before{content:"";flex:none;inline-size:6px;block-size:6px;border-radius:var(--r-pill);background:var(--live)}
.c-badge--live::after{content:"";position:absolute;inset-inline-start:var(--sp-2);inset-block:0;margin-block:auto;inline-size:6px;block-size:6px;border-radius:var(--r-pill);background:var(--live);opacity:0;pointer-events:none}
.c-badge--delayed{background:var(--warn-tint);color:var(--warn)}
.is-ended .c-badge--live{background:var(--surface-3);color:var(--text-2)}
.is-ended .c-badge--live::before,.is-ended .c-badge--live::after{display:none}
:lang(hi) .c-badge{block-size:auto;min-block-size:24px;letter-spacing:0;text-transform:none}


/* == c-tag ====== */
.c-tag{display:inline-flex;align-items:center;block-size:20px;padding-inline:var(--sp-2);border-radius:var(--r-1);background:var(--surface-3);color:var(--text-2);font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;white-space:nowrap}
:lang(hi) .c-tag{block-size:auto;min-block-size:24px;letter-spacing:0;text-transform:none}

/* == c-chip ====== */
.c-chip{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);block-size:36px;padding-inline:var(--sp-3);border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--surface-1);color:var(--text-1);font:var(--t-data);white-space:nowrap;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}
a.c-chip::before{content:"";position:absolute;inset-inline:0;inset-block:-4px}
a.c-chip:hover{border-color:var(--line-hover);text-decoration:none}
.c-chip[aria-current],.c-chip.is-selected{background:var(--surface-3);border-color:var(--line-hover)}
.c-chip--fow,.c-chip--fact{block-size:28px;padding-inline:var(--sp-2)}
.c-chip__score{font:600 var(--fs-14)/1.25rem var(--font-score)}
.c-chip__meta{font:var(--t-meta);color:var(--text-3)}

/* == c-crest ====== */
.c-crest{display:inline-grid;place-items:center;flex:none;inline-size:28px;block-size:28px;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:var(--e-crest);overflow:hidden;object-fit:cover;padding:0;color:var(--text-2);font:600 var(--fs-12)/1 var(--font-score)}
img.c-crest:is([src^="/img/"],[src^="/static/"]){object-fit:contain;padding:12%;background:var(--surface-3)}
.c-crest--xs{inline-size:20px;block-size:20px}
.c-crest--s{inline-size:28px;block-size:28px}
.c-crest--m{inline-size:40px;block-size:40px;font:600 var(--fs-16)/1 var(--font-score)}
.c-crest--l{inline-size:96px;block-size:96px;font:600 var(--fs-40)/1 var(--font-score)}
.c-crest--flag{object-fit:cover;padding:0}
.c-crest--mono{background:var(--surface-3);padding:0;text-transform:uppercase}
:lang(hi) .c-crest--mono{text-transform:none}
@media (min-width:56.25em){.c-scoreboard .c-crest--m{inline-size:56px;block-size:56px;font:600 var(--fs-20)/1 var(--font-score)}}

/* == c-avatar ====== */
.c-avatar{display:inline-grid;place-items:end center;flex:none;inline-size:40px;block-size:40px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden;object-fit:cover;object-position:50% 15%;color:var(--text-2);font:600 var(--fs-14)/1 var(--font-sans)}
.c-avatar--m{inline-size:96px;block-size:96px;font:600 var(--fs-28)/1 var(--font-sans)}
.c-avatar--l{inline-size:160px;block-size:auto;aspect-ratio:4/5;border-radius:var(--r-4);object-position:50% 100%;font:600 var(--fs-40)/1 var(--font-sans)}
.c-avatar--mono{place-items:center;background:var(--surface-3)}
@media (min-width:56.25em){.c-avatar--l{inline-size:200px}}

/* == c-card ====== */
.c-card{position:relative;display:grid;gap:var(--sp-2);align-content:start;min-inline-size:0;padding:var(--card-pad-b) var(--card-pad-i);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}
.c-card:hover{border-color:var(--line-hover)}
.c-card[data-state="toss"],.c-card[data-state="live"],.c-card[data-state="break"],.c-card[data-state="delayed"]{border-color:var(--live-line)}
.c-card.is-ended{border-color:var(--line-1)}
.c-card__eyebrow{display:flex;align-items:center;gap:var(--sp-2);min-block-size:16px;font:var(--t-meta);color:var(--text-2);min-inline-size:0}
.c-card__series{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-card__when{flex:none;white-space:nowrap;margin-inline-start:auto}
.c-card__eyebrow .c-badge{margin-inline-start:auto}
.c-card__teams{display:grid;gap:var(--sp-1);list-style:none;padding:0;margin:0}
.c-card__team{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;column-gap:var(--sp-2);block-size:28px;color:var(--text-1)}
.c-card__team[data-outcome="lost"]{color:var(--text-3)}
.c-card__name{font:var(--t-body);font-weight:600;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}
.c-card__score{font:var(--t-score-m);color:inherit;text-align:end;white-space:nowrap;min-inline-size:5ch;font-variant-numeric:tabular-nums lining-nums}
.c-card__overs{font:var(--t-meta);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.c-card__team[data-outcome="lost"] .c-card__overs{color:var(--text-3)}
.c-card__ytb{grid-column:3/-1;font:var(--t-meta);color:var(--text-2);text-align:end}
.c-card__status{font:var(--t-data);color:var(--text-prose);max-inline-size:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-card__link{color:inherit}
.c-card__link:hover{text-decoration:none}

/* == c-livestrip ====== */
.c-livestrip{padding-block:var(--sp-3);background:var(--surface-0)}
.c-livestrip__list{list-style:none;margin:0}
.c-livestrip__chip{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-content:center;column-gap:var(--sp-2);min-block-size:56px;min-inline-size:152px;padding:var(--sp-2) var(--sp-3);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-1);color:var(--text-1);transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}
.c-livestrip__chip:hover{border-color:var(--line-hover);text-decoration:none}
.c-livestrip__chip:active{background:var(--surface-3)}
.c-livestrip__chip:focus-visible{outline-offset:-2px}
.c-livestrip__chip[data-state="toss"],.c-livestrip__chip[data-state="live"],.c-livestrip__chip[data-state="break"],.c-livestrip__chip[data-state="delayed"]{border-color:var(--live-line)}
.c-livestrip__chip.is-ended{border-color:var(--line-1)}
.c-livestrip__team{display:contents;color:var(--text-1)}
.c-livestrip__team[data-outcome="lost"]{color:var(--text-3)}
.c-livestrip__code{grid-column:1;font:var(--t-data);font-weight:600;color:inherit}
.c-livestrip__score{grid-column:2;font:600 var(--fs-14)/1.25rem var(--font-score);color:inherit;white-space:nowrap;min-inline-size:5ch;font-variant-numeric:tabular-nums lining-nums}
.c-livestrip__note{grid-column:2;font:var(--t-meta);color:var(--text-2);white-space:nowrap}
.c-livestrip__state{grid-column:3;grid-row:1;justify-self:end;display:inline-flex;align-items:center;gap:var(--sp-1);font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3);white-space:nowrap}
.c-livestrip__chip[data-state="upcoming"] .c-livestrip__state{font:var(--t-meta);letter-spacing:0;text-transform:none;color:var(--text-2)}
.c-livestrip__chip[data-state="live"] .c-livestrip__state{color:var(--text-1)}
.c-livestrip__chip[data-state="delayed"] .c-livestrip__state{color:var(--warn)}
.c-livestrip__dot{position:relative;flex:none;inline-size:6px;block-size:6px;border-radius:var(--r-pill);background:var(--live)}
.c-livestrip__dot::after{content:"";position:absolute;inset:0;border-radius:var(--r-pill);background:var(--live);opacity:0}
.c-livestrip__chip.is-ended .c-livestrip__dot{display:none}
.c-livestrip__more{display:flex;align-items:center;min-block-size:56px;padding-inline:var(--sp-3);border:1px solid var(--line-1);border-radius:var(--r-1);font:var(--t-data);font-weight:600;color:var(--text-2);white-space:nowrap}
:lang(hi) .c-livestrip__state{letter-spacing:0;text-transform:none}

/* == c-section-head ====== */
.c-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:var(--sp-3);row-gap:var(--sp-1);min-inline-size:0}
.c-section-head>:first-child{min-inline-size:0}
.c-section-head__link{flex:0 1 auto;min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere;font:var(--t-data);font-weight:600;color:var(--text-2)}
.c-section-head__link:hover{color:var(--text-1)}

/* == c-segment ====== */
.c-segment{display:inline-flex;block-size:36px;border:1px solid var(--line-control);border-radius:var(--r-2);overflow:hidden}
.c-segment__item{position:relative;display:flex;align-items:center;padding-inline:var(--sp-3);font:var(--t-data);font-weight:600;color:var(--text-3);white-space:nowrap;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}
.c-segment__item::before{content:"";position:absolute;inset-inline:0;inset-block:-4px}
.c-segment__item:hover{color:var(--text-1);text-decoration:none}
.c-segment__item[aria-current]{background:var(--surface-4);color:var(--text-1)}
.c-segment__item:focus-visible{outline-offset:-2px}

/* == c-state ====== */
.c-state{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--sp-4);align-items:start;padding:var(--sp-5);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3)}
.c-state__glyph{inline-size:48px;block-size:48px;fill:currentColor;color:var(--text-1);opacity:.8}
.c-state--error .c-state__glyph{color:var(--wicket);opacity:1}
.c-state__title{font:var(--t-body);font-weight:600;color:var(--text-1);max-inline-size:none}
.c-state__text{margin-block-start:var(--sp-1);font:var(--t-data);color:var(--text-3)}
.c-state__link{display:inline-flex;align-items:center;gap:var(--sp-1);margin-block-start:var(--sp-3);font:var(--t-data);font-weight:600;color:var(--text-1)}
@media (min-width:56.25em){.c-state{padding:var(--sp-6)}}

/* == c-appband ====== */
.c-appband{display:grid;gap:var(--sp-4);min-inline-size:0}
.c-appband__art{inline-size:100%;aspect-ratio:16/9;border-radius:var(--r-4);background:var(--surface-2);object-fit:cover}
.c-appband__body{display:grid;gap:var(--sp-3);align-content:start}
.c-appband__badges{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.c-appband__badges img,.c-appband__badges svg{block-size:40px;inline-size:auto}
@media (min-width:56.25em){
  .c-appband:has(.c-appband__art){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--sp-5)}
  .c-appband__art{aspect-ratio:21/9}
}

/* == c-installbar ====== */
.c-installbar{display:none;position:fixed;inset-inline:12px;inset-block-end:calc(12px + env(safe-area-inset-bottom));z-index:var(--z-installbar);align-items:center;gap:var(--sp-3);block-size:56px;padding-inline:var(--sp-3) 0;background:var(--surface-4);border:1px solid var(--line-2);border-radius:var(--r-2);box-shadow:var(--e3-shadow)}
html.is-android:not(.bar-off) .c-installbar{display:flex}
.c-installbar__icon{flex:none;inline-size:32px;block-size:32px;border-radius:var(--r-1)}
.c-installbar__copy{flex:1;min-inline-size:0;font:var(--t-data);color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-installbar__name{font-weight:600;color:var(--text-1)}
.c-installbar__close{display:grid;place-items:center;flex:none;inline-size:var(--tap);block-size:var(--tap);color:var(--text-1)}

/* == c-matchhead ====== */
.c-matchhead{display:grid;gap:var(--sp-4);align-content:start;min-inline-size:0}
.c-matchhead__title{display:grid;gap:var(--sp-2);min-inline-size:0}
.c-matchhead__meta{font:var(--t-meta);color:var(--text-2);max-inline-size:none}
@media (min-width:56.25em){.c-matchhead{gap:var(--sp-5)}}

/* == c-scoreboard ====== */
.c-scoreboard{--crest:40px;position:relative;isolation:isolate;overflow:hidden;overflow:clip;display:grid;gap:var(--sp-4);min-inline-size:0;padding:var(--sp-4);border-radius:var(--r-4);background:var(--surface-1);box-shadow:var(--e2)}
.c-scoreboard::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(var(--ws,85% 65%) at var(--wpa,0 0),rgb(var(--ka-rgb)/var(--wash-a)),transparent 72%),radial-gradient(var(--ws,85% 65%) at var(--wpb,100% 100%),rgb(var(--kb-rgb)/var(--wash-a)),transparent 72%)}
.c-scoreboard:is([data-state="toss"],[data-state="live"],[data-state="break"],[data-state="delayed"]){box-shadow:var(--e-ring-live),var(--e2-inset),0 18px 40px -24px rgb(0 0 0/.8)}
.c-scoreboard__emblem{position:absolute;inset-block-end:var(--sp-4);inset-inline-end:var(--sp-4);inline-size:96px;block-size:96px;fill:currentColor;color:var(--text-1);opacity:.05;pointer-events:none}
.c-scoreboard>:not(.c-scoreboard__emblem){position:relative}
.c-scoreboard__eyebrow{display:flex;align-items:center;gap:var(--sp-2);min-block-size:20px;min-inline-size:0}
.c-scoreboard__series{display:flex;align-items:center;gap:var(--sp-2);flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--t-meta);color:var(--text-2);max-inline-size:none}
.c-scoreboard__when{display:flex;align-items:center;gap:var(--sp-2);flex:none;margin-inline-start:auto;font:var(--t-meta);color:var(--text-2);white-space:nowrap}
.c-scoreboard__teams{display:grid;gap:var(--sp-2);list-style:none;padding:0;margin:0}
.c-scoreboard__team{display:grid;grid-template-columns:4px var(--crest) minmax(0,1fr) auto;grid-template-areas:"bar crest name score";align-items:center;column-gap:var(--sp-3);min-block-size:56px;color:var(--text-1)}
.c-scoreboard__team::before{content:"";grid-area:bar;inline-size:4px;block-size:36px;border-radius:var(--r-pill);background:var(--k-edge)}
.c-scoreboard__team .c-crest{grid-area:crest;box-shadow:var(--e-crest-ring)}
.c-scoreboard__team[data-outcome="lost"]{color:var(--text-3)}
.c-scoreboard__team.is-wicket::before{background:var(--wicket)}
.c-scoreboard__teamlink{display:contents;color:inherit}
.c-scoreboard__name{grid-area:name;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 var(--fs-18)/1.3 var(--font-sans);letter-spacing:-.01em;color:inherit;min-inline-size:0;hyphens:auto}
:lang(hi) :is(.c-scoreboard__name,.c-scoreboard__score){letter-spacing:0;text-transform:none}
.c-scoreboard__bat{display:inline-block;inline-size:16px;block-size:16px;vertical-align:-2px;fill:currentColor;opacity:.7}
.c-scoreboard__scoreblock{grid-area:score;display:grid;justify-items:end;align-content:center;min-inline-size:0;max-inline-size:none}
.c-scoreboard:is([data-state="toss"],[data-state="live"],[data-state="break"],[data-state="delayed"]) .c-scoreboard__scoreblock{min-block-size:calc(var(--fs-score-hero) + 17px)}
.c-scoreboard__score{font:600 var(--fs-score-hero)/1 var(--font-score);letter-spacing:-.02em;color:inherit;white-space:nowrap;min-inline-size:5ch;text-align:end;font-variant-numeric:tabular-nums lining-nums}
.c-scoreboard[data-len="long"] .c-scoreboard__score{font-size:var(--fs-score-long)}
.c-scoreboard__overs,.c-scoreboard__extra{display:block;font:400 var(--fs-13)/1.3 var(--font-sans);color:var(--text-3);white-space:nowrap;text-align:end;font-variant-numeric:tabular-nums lining-nums}
.c-scoreboard__ytb{font:var(--t-meta);color:var(--text-3);white-space:nowrap}
.c-scoreboard__status{display:flex;align-items:flex-start;gap:var(--sp-2);font:var(--t-status);color:var(--text-1);max-inline-size:none}
.c-scoreboard:is([data-state="toss"],[data-state="live"],[data-state="break"],[data-state="delayed"]) .c-scoreboard__status{min-block-size:var(--sp-5)}
.c-scoreboard__reserve{block-size:32px}

@media (min-width:56.25em){.c-scoreboard{--crest:56px;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6)}}
@media (min-width:64em){
  .c-scoreboard{padding:var(--sp-6) var(--sp-7);--ws:60% 90%;--wpa:0 50%;--wpb:100% 50%}
  .c-scoreboard__teams{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-8)}
  .c-scoreboard__team{grid-template:"bar crest score" "bar name name"/4px var(--crest) minmax(0,1fr);row-gap:var(--sp-2)}
  .c-scoreboard__team:last-child{grid-template:"score crest bar" "name name bar"/minmax(0,1fr) var(--crest) 4px;text-align:end}
  .c-scoreboard__team:last-child .c-scoreboard__scoreblock{justify-items:start}
  .c-scoreboard__team:last-child :is(.c-scoreboard__score,.c-scoreboard__overs){text-align:start}
  .c-scoreboard__status{justify-content:center;text-align:center}
}

/* == c-scoreboard-x ====== */
.c-scoreboard__team[data-outcome="lost"]::before{opacity:.45}
.c-scoreboard[data-state="live"] .c-scoreboard__team:not([data-batting]){color:var(--text-2)}
.c-scoreboard[data-state="live"] [data-batting] .c-scoreboard__name::before{content:"";display:inline-block;inline-size:6px;block-size:6px;margin-inline-end:var(--sp-2);vertical-align:.2em;border-radius:var(--r-pill);background:var(--live)}
.c-scoreboard__glyph{flex:none;inline-size:20px;block-size:20px;margin-block-start:4px;fill:currentColor;opacity:.8}
.c-scoreboard[data-state="delayed"] .c-scoreboard__status{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-1);background:var(--warn-tint);color:var(--warn)}
.c-scoreboard:is([data-state="abandoned"],[data-state="upcoming"]) .c-scoreboard__status{color:var(--text-2)}
.c-scoreboard__kickoff{font:var(--t-data);color:var(--text-2);max-inline-size:none}
.c-scoreboard__potm{display:flex;align-items:baseline;gap:var(--sp-2);font:var(--t-data);font-weight:600;color:var(--text-1);max-inline-size:none}
.c-scoreboard__star{color:var(--gold)}
.c-scoreboard__updated{font:400 var(--fs-13)/1.4 var(--font-sans);color:var(--text-3);min-inline-size:20ch;max-inline-size:none}
.c-scoreboard__foot{display:flex;justify-content:flex-end;padding-block-start:var(--sp-3);border-block-start:1px solid var(--line-1)}
.c-scoreboard__centre{display:inline-flex;align-items:center;min-block-size:var(--tap);font:var(--t-data);font-weight:600;color:var(--text-2)}
.c-scoreboard__centre:hover{color:var(--text-1)}
.c-home{padding-block-start:var(--sp-5)}
.c-home main h1,.c-home h1{margin-block-start:0}
.c-home__hero .c-scoreboard__reserve{display:none}
.c-home__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-7);align-items:start;min-inline-size:0}
.c-home__grid>*{min-inline-size:0}
.c-home__row{display:grid;gap:var(--sp-1);padding-block:var(--sp-3);border-block-end:1px solid var(--line-1)}
.c-home__rowname{font:var(--t-body);font-weight:600;color:var(--text-1)}
.c-home__chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
@media (min-width:64em){
  .c-home__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sp-5);row-gap:var(--sp-9)}
  .c-home__grid>.l-main{grid-column:1/9}
  .c-home__grid>.l-rail{grid-column:9/13}
  .c-home__grid>[data-row="1"]{grid-row:1}
  .c-home__grid>[data-row="2"]{grid-row:2}
  .c-home__grid>[data-row="3"]{grid-row:3}
  .c-home__grid>[data-row="4"]{grid-row:4}
  .c-home .c-faq{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-5)}
}
.c-home__hero .c-scoreboard :is(.c-scoreboard__scoreblock,.c-scoreboard__status){min-block-size:0}
@media (min-width:64em){.c-scoreboard__kickoff,.c-scoreboard__potm{justify-content:center;text-align:center}}

/* == c-ball ====== */
.c-ball{display:inline-grid;place-items:center;flex:none;inline-size:28px;block-size:28px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-1);font:600 var(--fs-14)/1.25rem var(--font-score);font-variant-numeric:tabular-nums lining-nums}
.c-ball--dot{color:var(--text-3)}
.c-ball--four{background:var(--four-tint);color:var(--four);box-shadow:var(--e-ring-four)}
.c-ball--six{background:var(--six-tint);color:var(--six);box-shadow:var(--e-ring-six)}
.c-ball--w{background:var(--wicket);color:var(--text-on-signal)}
.c-ball--extra{inline-size:auto;min-inline-size:28px;padding-inline:var(--sp-1);border-radius:var(--r-1);box-shadow:var(--e-ring-control);font:var(--t-meta)}
.c-ball--empty{background:transparent;box-shadow:var(--e-ring)}

/* == c-overstrip ====== */
.c-overstrip{display:flex;align-items:center;gap:var(--sp-1);list-style:none;padding:0;margin:0;min-inline-size:0;min-block-size:32px;overflow-x:auto;scrollbar-width:none}
.c-overstrip::-webkit-scrollbar{display:none}
.c-overstrip>li{display:flex;align-items:center;gap:var(--sp-1);flex:none}
.c-overstrip__sep{flex:none;inline-size:1px;block-size:16px;margin-inline:var(--sp-1);background:var(--line-2)}
.c-overstrip__label{font:var(--t-meta);color:var(--text-3);white-space:nowrap}

/* == c-keystats ====== */
.c-keystats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin:0;padding-block-start:var(--sp-3);border-block-start:1px solid var(--line-1)}
.c-keystats__pair{display:grid;gap:var(--sp-1);min-inline-size:0}
.c-keystats__label{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-keystats__value{margin:0;font:600 var(--fs-18)/1.3 var(--font-score);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums lining-nums}
:lang(hi) .c-keystats__label{letter-spacing:0;text-transform:none}
@media (min-width:56.25em){.c-keystats{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* == c-tabs ====== */
.c-tabs{block-size:var(--nav-h);background:var(--surface-0);box-shadow:var(--e-hair-bi);min-inline-size:0}
.c-tabs__list{list-style:none;margin:0;padding-inline-start:0;gap:0;block-size:100%}
.c-tabs__item{position:relative;display:flex;align-items:center;block-size:var(--nav-h);padding-inline:var(--sp-3);font:var(--t-data);font-weight:600;color:var(--text-3);white-space:nowrap;transition:color var(--dur-1) var(--ease-out)}
.c-tabs__item:hover{color:var(--text-1);text-decoration:none}
.c-tabs__item[aria-current="page"]{color:var(--text-1);view-transition-name:tabbar}
.c-tabs__item[aria-current="page"]::after{content:"";position:absolute;inset-inline:var(--sp-3);inset-block-end:0;block-size:2px;background:var(--text-1)}
.c-tabs__item:focus-visible{outline-offset:-2px}
@media (min-width:56.25em){
  .c-tabs__item{padding-inline:var(--sp-4)}
  .c-tabs__item[aria-current="page"]::after{inset-inline:var(--sp-4)}
}

/* == c-table ====== */
div.c-table{display:grid;gap:var(--sp-2);align-content:start;min-inline-size:0}
.c-table__wrap{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:var(--r-3);background-color:var(--surface-1);background-image:linear-gradient(90deg,var(--surface-1) 30%,transparent),linear-gradient(270deg,var(--surface-1) 30%,transparent),linear-gradient(90deg,rgb(0 0 0/.5),transparent),linear-gradient(270deg,rgb(0 0 0/.5),transparent);background-position:0 0,100% 0,0 0,100% 0;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll;box-shadow:var(--e1);min-inline-size:0}
.c-table__wrap::-webkit-scrollbar{display:none}
:is(table.c-table,.c-table__grid){inline-size:100%;border-collapse:separate;border-spacing:0;font:var(--t-data);color:var(--text-1)}
.c-table caption{caption-side:top;padding:var(--sp-3) var(--sp-2);text-align:start;font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-table :is(th,td){block-size:44px;inline-size:3.5rem;max-inline-size:4.5rem;padding-inline:var(--sp-3);text-align:end;vertical-align:middle;white-space:nowrap;font-weight:400;color:var(--text-2);border-block-end:1px solid var(--line-1);font-variant-numeric:tabular-nums lining-nums}
.c-table :is(thead th,.c-table__head>*){position:sticky;inset-block-start:0;z-index:1;block-size:36px;background:var(--surface-2);font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-table :is(th,td):first-child{position:sticky;inset-inline-start:0;z-index:1;inline-size:auto;min-inline-size:10rem;text-align:start;white-space:normal;font:600 var(--fs-15)/1.33 var(--font-sans);color:var(--text-1);background:var(--surface-1);box-shadow:var(--e-sticky)}
.c-table :is(thead,.c-table__head) :is(th,td):first-child{z-index:2;background:var(--surface-2);font:var(--t-label);letter-spacing:var(--tr-label);color:var(--text-3)}
.c-table:where(:not(.c-table--rank)) :is(th,td):first-child{inline-size:100%}
.c-table:where(:not(.c-table--rank)) :is(th,td):first-child{inline-size:100%}
.c-table:where(:not(.c-table--rank)) :is(th,td):first-child{inline-size:100%}
.c-table__name{text-align:start}
.c-table__num{text-align:end}
.c-table .c-table__key{font-weight:600;color:var(--text-1)}
.c-table__link{color:inherit}
.c-table__sub{display:block;font:var(--t-meta);font-weight:400;color:var(--text-3)}
.c-table__notout{display:block;font:var(--t-meta);font-weight:400;color:var(--live)}
.c-table .c-table__extras>:is(th,td){color:var(--text-2)}
.c-table .c-table__total>*{font-weight:600;color:var(--text-1);border-block-start:1px solid var(--line-2)}
.c-table :is(tbody tr,.c-table__row){transition:background-color var(--dur-1) var(--ease-out)}
.c-table tbody tr:hover>*{background:var(--surface-2)}
.c-table--batting{max-inline-size:35.5rem}
.c-table--bowling{max-inline-size:42.5rem}
.c-table--parts{max-inline-size:25rem}
@media (max-width:37.49em){
  .c-table:is(.c-table--batting,.c-table--bowling) :is(th,td){inline-size:2.5rem;padding-inline:var(--sp-1)}
  .c-table:is(.c-table--batting,.c-table--bowling) td{font-size:var(--fs-13)}
  .c-table:is(.c-table--batting,.c-table--bowling) :is(th,td):first-child{min-inline-size:0;padding-inline:var(--sp-3) var(--sp-2)}
  .c-table:is(.c-table--batting,.c-table--bowling) :is(th,td):last-child{inline-size:3.25rem;padding-inline-end:var(--sp-2)}
  .c-table--bowling :is(th,td):is(:nth-child(6),:nth-child(7)){display:none}
}
.c-table--rank{table-layout:fixed}
.c-table.c-table--rank .c-table__rk{inline-size:2.25rem;min-inline-size:0;padding-inline:var(--sp-2) 0;box-shadow:none}
.c-table.c-table--rank .c-table__mv{inline-size:2.5rem;padding-inline:var(--sp-1);text-align:start}
.c-table.c-table--rank .c-table__name{inline-size:auto;text-align:start;white-space:normal}
.c-table.c-table--rank .c-table__key{inline-size:3.5rem;padding-inline:0 var(--sp-3)}
.c-table.c-table--rank .c-table__best{inline-size:4.5rem;white-space:normal}
.c-table__who{display:flex;align-items:center;gap:var(--sp-2);min-inline-size:0}
.c-table__nm{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-inline-size:0}
@media (max-width:29.99em){.c-table--rank .c-table__best{display:none}}
.c-table__dnb{font:var(--t-meta);color:var(--text-2);max-inline-size:none}
.c-table__dnb strong{font-weight:600;color:var(--text-1)}
:lang(hi) .c-table :is(caption,thead th,.c-table__head>*){letter-spacing:0;text-transform:none}
@media (min-width:56.25em){.c-table :is(th,td):first-child{padding-inline:var(--sp-4)}}
@media (min-width:64em){
  .c-table :is(th,td){block-size:40px}
  .c-table--batting :is(.c-table__sub,.c-table__notout){display:inline;margin-inline-start:var(--sp-2)}
}

/* == c-fow ====== */
.c-fow{display:grid;gap:var(--sp-2);min-inline-size:0}
.c-fow__title{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-fow__list{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0}
.c-fow__score{font:600 var(--fs-14)/1.25rem var(--font-score);color:var(--text-1)}
.c-fow__who{font:var(--t-meta);color:var(--text-3)}
:lang(hi) .c-fow__title{letter-spacing:0;text-transform:none}
.c-state__body{min-inline-size:0}

/* == c-feed ====== */
.c-feed{display:grid;list-style:none;padding:0;margin:0;min-inline-size:0}
.c-feed__new{display:flex;align-items:center;justify-content:center;min-block-size:40px}
.c-feed__head{margin-block:var(--sp-5) var(--sp-2)}
.c-feed__item{display:grid;grid-template-columns:auto 28px minmax(0,1fr);align-items:start;column-gap:var(--sp-3);padding-block:var(--sp-3);border-block-start:1px solid var(--line-1)}
.c-feed__ball{min-inline-size:4ch;font:var(--t-data);font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums lining-nums}
.c-feed__text{font:var(--t-body);color:var(--text-prose);max-inline-size:68ch}
.c-feed__over{padding:var(--sp-3) var(--sp-4);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);font:var(--t-data);font-weight:600;color:var(--text-1);max-inline-size:none}

/* == c-faq ====== */
.c-faq{display:grid;border-block-start:1px solid var(--line-1)}
.c-faq__item{border-block-end:1px solid var(--line-1)}
.c-faq__q{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-block-size:56px;font:var(--t-body);font-weight:600;color:var(--text-1);cursor:pointer;list-style:none}
.c-faq__q::-webkit-details-marker{display:none}
.c-faq__q:focus-visible{outline-offset:-2px}
.c-faq__chev{flex:none;inline-size:20px;block-size:20px;color:var(--text-3)}
.c-faq__item[open] .c-faq__chev{transform:rotate(180deg)}
.c-faq__a{padding-block-end:var(--sp-4);color:var(--text-prose)}

/* == c-potm ====== */
.c-potm{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);min-inline-size:0}
.c-potm__label{display:flex;align-items:center;gap:var(--sp-1);font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-potm__star{flex:none;inline-size:16px;block-size:16px;fill:currentColor;color:var(--gold)}
.c-potm__name{font:var(--t-h2);letter-spacing:var(--tr-h2);color:var(--text-1)}
.c-potm__line{font:var(--t-data);color:var(--text-prose)}
:lang(hi) .c-potm__label{letter-spacing:0;text-transform:none}

/* == c-entity ====== */
.c-entity{display:grid;gap:var(--sp-4);align-content:start;min-inline-size:0}
.c-entity--art{padding:var(--panel-pad);background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-4);box-shadow:var(--e2-inset)}
.c-entity__art{inline-size:100%;aspect-ratio:2/1;border-radius:var(--r-4);background:var(--surface-2);object-fit:cover}
.c-entity__head{display:flex;align-items:center;gap:var(--sp-4);min-inline-size:0}
.c-entity__title{display:grid;gap:var(--sp-2);min-inline-size:0}
.c-entity__meta{font:var(--t-meta);color:var(--text-2);max-inline-size:none}
.c-entity__facts{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:0}
@media (min-width:56.25em){.c-entity__art{aspect-ratio:3/1}}

/* == c-tile ====== */
.c-tile{display:grid;gap:var(--sp-1);align-content:start;min-inline-size:0;padding:var(--sp-4);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3)}
.c-tile__label{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-tile__value{font:600 var(--fs-28)/1.1 var(--font-score);color:var(--text-1);white-space:nowrap;min-inline-size:5ch;font-variant-numeric:tabular-nums lining-nums}
.c-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);min-inline-size:0}
@media (min-width:56.25em){.c-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* == c-formpill ====== */
.c-form__label{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3);margin-inline-end:var(--sp-1)}
.c-form__pill{display:inline-grid;place-items:center;flex:none;inline-size:24px;block-size:24px;border-radius:var(--r-1);background:var(--surface-3);color:var(--text-2);font:600 var(--fs-13)/1 var(--font-sans);font-variant-numeric:tabular-nums lining-nums}
a.c-form__pill:hover{text-decoration:none;box-shadow:var(--e-ring)}
.c-form__pill--w{background:var(--live-tint);color:var(--live)}
.c-form__pill--l{background:var(--wicket-tint);color:var(--wicket)}
:lang(hi) .c-form__label{letter-spacing:0;text-transform:none}

/* == c-lockup ====== */
.c-lockup{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);min-inline-size:0}
.c-lockup__name{font:600 var(--fs-18)/1.3 var(--font-sans);color:var(--text-1);min-inline-size:0}
.c-lockup__v{font:var(--t-data);color:var(--text-3)}
.c-table__move{font-weight:600}
.c-table__move--up{color:var(--live)}
.c-table__move--down{color:var(--wicket)}
.c-table__move--same{color:var(--text-3)}

/* == c-kitplate ====== */
.c-kitplate{position:relative;isolation:isolate;overflow:hidden;overflow:clip;display:block;flex:none;inline-size:112px;aspect-ratio:4/5;border-radius:var(--r-4);background:var(--surface-2);box-shadow:var(--e1)}
.c-kitplate::before{content:"";position:absolute;inset:14% 6% -8%;z-index:-1;background:var(--k);-webkit-mask:url("/assets/0150fca38b35/img/jersey.svg") center/contain no-repeat;mask:url("/assets/0150fca38b35/img/jersey.svg") center/contain no-repeat}
.c-kitplate::after{content:"";position:absolute;inset:0;z-index:-1;box-shadow:var(--e-kit-sheen);border-radius:inherit;pointer-events:none}
.c-kitplate__name{position:absolute;inset-inline:var(--sp-2);inset-block-start:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--k-on)}
.c-kitplate__glyph{position:absolute;inset-block-start:58%;inset-inline:0;margin-inline:auto;inline-size:36px;block-size:36px;fill:currentColor;color:var(--k-on)}
.c-kitplate__flag{position:absolute;inset-block-end:8px;inset-inline-end:8px;box-shadow:var(--e-kit-flag)}
.c-kitmini{display:inline-grid;place-items:center;flex:none;inline-size:32px;block-size:32px;border-radius:var(--r-pill);background:var(--k);color:var(--k-on)}
.c-kitmini svg{inline-size:16px;block-size:16px;fill:currentColor}
:lang(hi) .c-kitplate__name{letter-spacing:0;text-transform:none}
@media (min-width:64em){.c-kitplate{inline-size:160px}}
.c-tile__note{font:var(--t-meta);color:var(--text-2)}
:lang(hi) .c-tile__label{letter-spacing:0;text-transform:none}

/* == c-search ====== */
.c-search{display:grid;gap:var(--sp-3);min-inline-size:0}
.c-search__row{display:flex;gap:var(--sp-2);min-inline-size:0}
.c-search__field{position:relative;flex:1;min-inline-size:0}
.c-search__icon{position:absolute;inset-inline-start:var(--sp-3);inset-block:0;margin-block:auto;inline-size:20px;block-size:20px;color:var(--text-3);pointer-events:none}
.c-search__input{inline-size:100%;block-size:var(--tap);padding-inline:var(--sp-7) var(--sp-3);background:var(--surface-1);border:1px solid var(--line-control);border-radius:var(--r-1);font:var(--t-body);color:var(--text-1);transition:background-color var(--dur-1) var(--ease-out)}
.c-search__input::placeholder{color:var(--text-3)}
.c-search__input:hover{background:var(--surface-2)}
.c-search__input::-webkit-search-cancel-button{appearance:none;-webkit-appearance:none}
.c-search__label{font:var(--t-data);font-weight:600;color:var(--text-2)}
.c-search__meta{font:var(--t-data);color:var(--text-3);max-inline-size:none}
.c-search__clear{font:var(--t-data);font-weight:600;color:var(--text-2)}
.c-search__hint{display:flex;align-items:center;gap:var(--sp-2);font:var(--t-data);color:var(--text-1);max-inline-size:none}
.c-search__hint svg{flex:none;inline-size:20px;block-size:20px;color:var(--text-3)}
@media (min-width:56.25em){.c-search__row{max-inline-size:560px}}

/* == c-pagination ====== */
.c-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-5);min-inline-size:0}
.c-pagination__step{position:relative;display:inline-flex;align-items:center;gap:var(--sp-1);min-inline-size:var(--tap);min-block-size:var(--tap);padding-inline:var(--sp-3);border-radius:var(--r-2);font:var(--t-data);font-weight:600;color:var(--text-1);white-space:nowrap;transition:background-color var(--dur-1) var(--ease-out)}
.c-pagination__step[rel="prev"]{justify-self:start}
.c-pagination__step[rel="next"]{grid-column:3;justify-self:end}
.c-pagination__step svg{inline-size:20px;block-size:20px;color:var(--text-3)}
.c-pagination__step:hover{background:var(--surface-2);text-decoration:none}
.c-pagination__pages{display:none;grid-column:2;align-items:center;gap:var(--sp-1);list-style:none;padding:0;margin:0}
.c-pagination__status{grid-column:2;font:var(--t-data);color:var(--text-3);white-space:nowrap}
.c-pagination__item{position:relative;display:inline-grid;place-items:center;min-inline-size:36px;block-size:36px;padding-inline:var(--sp-2);border:1px solid transparent;border-radius:var(--r-2);font:var(--t-data);font-weight:600;color:var(--text-3);font-variant-numeric:tabular-nums lining-nums;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}
.c-pagination__item::before{content:"";position:absolute;inset-inline:0;inset-block:-4px}
.c-pagination__item:hover{background:var(--surface-2);color:var(--text-1);text-decoration:none}
.c-pagination__item[aria-current="page"]{background:var(--surface-3);border-color:var(--line-hover);color:var(--text-1)}
.c-pagination__gap{color:var(--text-3)}
.c-pagination--day .c-pagination__status{font-weight:600;color:var(--text-1)}
@media (min-width:37.5em){
  .c-pagination__pages{display:flex}
  .c-pagination:not(.c-pagination--day) .c-pagination__status{display:none}
}
@media (min-width:56.25em){
  .c-pagination{margin-block-start:var(--sp-6)}
  .c-pagination__step{min-block-size:36px}
  .c-pagination__step::before{content:"";position:absolute;inset-inline:0;inset-block:-4px}
}

/* == c-styleguide ====== */
.c-styleguide__role{color:var(--text-1);max-inline-size:none}
.c-styleguide__role[data-role="score-xl"]{font:var(--t-score-xl);letter-spacing:var(--tr-score)}
.c-styleguide__role[data-role="h1"]{font:var(--t-h1);letter-spacing:var(--tr-h1)}
.c-styleguide__role[data-role="h2"]{font:var(--t-h2);letter-spacing:var(--tr-h2)}
.c-styleguide__role[data-role="score-m"]{font:var(--t-score-m)}
.c-styleguide__role[data-role="body"]{font:var(--t-body)}
.c-styleguide__role[data-role="data"]{font:var(--t-data)}
.c-styleguide__role[data-role="label"]{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase}
.c-styleguide__role[data-role="meta"]{font:var(--t-meta)}
:lang(hi) .c-styleguide__role{letter-spacing:0;text-transform:none}

/* == motion ====== */
.c-roll{position:relative;display:inline-block;clip-path:inset(0 -2px)}
.c-roll::before{content:attr(data-old);position:absolute;inset:0;opacity:0;pointer-events:none}
.c-roll>span{display:inline-block}
.c-ball{position:relative}
.c-ball::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid currentColor;opacity:0;pointer-events:none}
@media (prefers-reduced-motion:no-preference){
@view-transition{navigation:auto}
.c-matchhead .c-scoreboard{view-transition-name:hero}
::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur-2)}
::view-transition-group(tabbar){animation-duration:var(--dur-2);animation-timing-function:var(--ease-out)}
.c-scoreboard .c-badge--live::after,.c-livestrip__dot::after{animation:m-pulse var(--dur-pulse) var(--ease-out) infinite}
.c-roll>span{animation:m-in var(--dur-roll) var(--ease-out)}
.c-roll::before{animation:m-out var(--dur-roll) var(--ease-out)}
.is-updated{animation:m-tick var(--dur-2) var(--ease-out)}
.c-ball.is-new{animation:m-ball var(--dur-3) var(--ease-out)}
.c-ball--w.is-new{animation:m-pop var(--dur-3) var(--ease-out)}
.c-ball:is(.c-ball--four,.c-ball--six).is-new::after{animation:m-ring var(--dur-flash) var(--ease-out)}
.is-over{animation:m-fade var(--dur-2) var(--ease-out)}
.c-card.is-boundary{animation:m-fade var(--dur-flash) var(--ease-in-out)}
.c-card.is-wicket{animation:m-flash var(--dur-flash) var(--ease-out)}
@keyframes m-pulse{from{transform:scale(1);opacity:.55}to{transform:scale(2.6);opacity:0}}
@keyframes m-in{from{transform:translateY(.6em);opacity:0}}
@keyframes m-out{from{transform:none;opacity:1}to{transform:translateY(-.6em);opacity:0}}
@keyframes m-tick{from{transform:translateY(4px);opacity:0}}
@keyframes m-ball{from{transform:scale(.6);opacity:0}}
@keyframes m-pop{from{transform:scale(1.15)}}
@keyframes m-ring{from{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}
@keyframes m-fade{from{opacity:0}}
@keyframes m-flash{from{opacity:.5}to{opacity:1}}
}
}

@layer utilities{
.u-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.u-tnum{font-variant-numeric:tabular-nums lining-nums}
.u-nowrap{white-space:nowrap}
.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}
.u-text-1{color:var(--text-1)}
.u-text-2{color:var(--text-2)}
.u-text-3{color:var(--text-3)}
.u-label{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase}
.u-meta{font:var(--t-meta)}
:lang(hi) .u-label{letter-spacing:0;text-transform:none}
.u-right{text-align:end}
@media (max-width:37.49em){.u-hide-phone{display:none}}
@media (min-width:56.25em){.u-hide-desktop{display:none}}
.u-deva-sys{font-family:var(--font-deva-system)}
.u-stretched::after{content:"";position:absolute;inset:0}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .c-badge--live::after{display:none}
}
@media (forced-colors: active){
  .c-badge,.c-ball,.c-chip,.c-card,.c-table,.c-scoreboard{border:1px solid CanvasText}
  .c-badge--live::before{background:Highlight}
  .c-tabs [aria-current="page"]::after{background:Highlight}
}
}