@layer reset, tokens, base, layout, components, utilities;
@layer components{
/* == c-comp ====== */
.c-comp{padding-block-end:var(--sp-5)}
.c-comp__head{display:grid;gap:var(--sp-2);min-inline-size:0}
.c-comp__card{min-block-size:0}
.c-comp__av{inline-size:40px;block-size:40px;font:600 var(--fs-14)/1 var(--font-sans)}
.c-comp__pts th[scope="row"]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:14rem}
.c-comp__meta{align-items:center}
.c-comp__fact{font:var(--t-meta);color:var(--text-2)}
.c-comp__live{border-color:var(--live-line);min-block-size:var(--tap)}
.c-comp__team{grid-template-columns:minmax(0,1fr) auto auto}
.c-comp__champ{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3) 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)}
.c-comp__clabel{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--gold)}
.c-comp__cname{font:var(--t-h2);color:var(--text-1);min-inline-size:0}
.c-comp__pos{display:inline-block;min-inline-size:2ch;color:var(--text-3);font-variant-numeric:tabular-nums}
.c-comp__duo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);min-inline-size:0}
.c-comp__lead{display:grid;gap:var(--sp-2);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-comp__leaders{display:grid;list-style:none;padding:0;margin:0}
.c-comp__leader{display:grid;grid-template-columns:2ch 40px minmax(0,1fr) auto;align-items:center;column-gap:var(--sp-3);min-block-size:var(--tap);padding-block:var(--sp-1);border-block-end:1px solid var(--line-1)}
.c-comp__leader:last-child{border-block-end:0}
.c-comp__rk{font:var(--t-data);color:var(--text-3)}
.c-comp__who{display:grid;min-inline-size:0}
.c-comp__nm{font:var(--t-data);font-weight:600;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-comp__tm{font:var(--t-meta);color:var(--text-3)}
.c-comp__val{font:600 var(--fs-20)/1 var(--font-score);color:var(--text-1);font-variant-numeric:tabular-nums lining-nums}
.c-comp__leader:first-child .c-comp__val{color:var(--gold)}
.c-comp__years{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--sp-2);list-style:none;padding:0;margin:0}
.c-comp__year{inline-size:100%;min-block-size:var(--tap);justify-content:center}
:lang(hi) .c-comp__clabel{letter-spacing:0;text-transform:none}
@media (min-width:56.25em){.c-comp__duo{grid-template-columns:repeat(2,minmax(0,1fr))}}
}