@layer reset, tokens, base, layout, components, utilities;
@layer components{
/* == c-team ====== */
.c-team{display:grid;gap:var(--sp-6);align-content:start;min-inline-size:0}
.c-team__hero{position:relative;isolation:isolate;display:grid;gap:var(--sp-4);min-inline-size:0;padding:var(--panel-pad);border-radius:var(--r-4);background:linear-gradient(135deg,var(--surface-2),var(--surface-1) 70%);box-shadow:var(--e2)}
.c-team__hero::before{content:"";position:absolute;inset-block:var(--sp-4);inset-inline-start:0;inline-size:4px;border-radius:var(--r-pill);background:var(--gold);z-index:-1}
.c-team__head{display:flex;align-items:center;gap:var(--sp-4);min-inline-size:0}
.c-team__title{display:grid;gap:var(--sp-1);min-inline-size:0}
.c-team__title h1{margin:0;overflow-wrap:anywhere;hyphens:auto}
.c-team__meta{font:var(--t-meta);color:var(--text-2);max-inline-size:none}
.c-team__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);min-inline-size:0}
.c-team__nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap);list-style:none;padding:0;margin:0}
.c-team__duo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);min-inline-size:0}
.c-team__hub>*{display:grid;gap:var(--gap-section);align-content:start;min-inline-size:0}
.c-team__next{gap:var(--sp-3)}
.c-team__vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--sp-3);margin:0;font:600 var(--fs-16)/1.3 var(--font-sans)}
.c-team__vt{display:flex;align-items:center;gap:var(--sp-2);min-inline-size:0}
.c-team__vt:last-child{flex-direction:row-reverse;text-align:end}
.c-team__vn{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-team__vv{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-team__next .c-card__status{font-weight:600;color:var(--text-1)}
@media (max-width:56.24em){.c-team__hub>:is(.c-team__side,.c-team__main){display:contents}.c-team__hub [aria-labelledby="h-rows"]{order:-1}.c-team__hub>.c-team__side>.c-team__nonext{order:-2}}
@media (min-width:56.25em){
  .c-team__hub>.c-team__side{grid-column:2;grid-row:1}
  .c-team__hub>.c-team__main{grid-column:1;grid-row:1}
  .c-team__main>[aria-labelledby="h-rows"]{order:-1}
  .c-team__main>.c-team__news{order:2}
  .c-team__main>[aria-labelledby="h-facts"]{order:3}
  .c-team__side .c-team__nums{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:56.25em) and (min-height:62em){.c-team__hub>.c-team__side{position:sticky;inset-block-start:calc(var(--header-h) + var(--sp-4))}}
.c-team .c-statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:var(--grid-gap);list-style:none;padding:0;margin:0;min-inline-size:0}
.c-team .c-tile .c-form{margin-block-start:var(--sp-2);flex-wrap:wrap}
.c-team .c-tile__value{min-inline-size:0}
.c-team__toss{display:grid;gap:var(--sp-2);font:var(--t-data);color:var(--text-2);max-inline-size:none;min-inline-size:0}
.c-team__venues{margin-block-start:var(--sp-2);min-inline-size:0}
.c-team__h2h{margin-block-start:var(--sp-2);min-inline-size:0}
.c-team__avatar{inline-size:32px;block-size:32px;font:600 var(--fs-12)/1 var(--font-sans)}
.c-team .c-table :is(th,td).c-team__rk{inline-size:2rem;min-inline-size:0;padding-inline:var(--sp-2) 0;color:var(--text-3)}
.c-team__panel{display:grid;gap:var(--gap-section);min-inline-size:0}
.c-team__wide{min-inline-size:0;inline-size:100%;gap:var(--gap-section)}
.c-team .c-team__row4{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr))}
.c-team .c-segment{display:flex;flex-wrap:wrap;gap:var(--sp-2);block-size:auto;border:0;border-radius:0;overflow:visible}
.c-team .c-segment__item{min-block-size:var(--tap);padding-inline:var(--sp-4);border:1px solid var(--line-control);border-radius:var(--r-pill);color:var(--text-2)}
.c-team .c-segment__item:hover{border-color:var(--line-hover)}
.c-team .c-segment__item[aria-current]{background:var(--text-1);border-color:var(--text-1);color:var(--text-on-cta)}
.c-team__tables>*{margin-block-start:0}
.c-team :is(.c-team__venues,.c-team__h2h,.c-team__rows,.c-team__sqrole) .c-table :is(th,td):first-child{min-inline-size:10rem}
.c-team :is(.c-team__venues,.c-team__h2h,.c-team__rows) .c-table :is(th,td):not(:first-child){inline-size:4rem;min-inline-size:3.5rem;max-inline-size:4.5rem;text-align:end;white-space:nowrap}
.c-team .c-team__rows .c-table :is(th,td):not(:first-child):not(.c-table__key){inline-size:auto;max-inline-size:none}
.c-team :is(.c-team__venues,.c-team__h2h,.c-team__rows) td:first-child>:is(a,span:not(.c-table__sub)){display:inline-block;max-inline-size:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.c-team__pair{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-section);align-items:start;min-inline-size:0}
.c-team__pair>*{min-inline-size:0}
@media (min-width:56.25em){
  .c-team__pair[data-k="short"]:has(>.c-team__news){grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-team__pair[data-k="short"]>[aria-labelledby="h-facts"]{grid-column:1/-1}
  .c-team__pair[data-k="stats"]:has(>[aria-labelledby="h-facts"]){grid-template-columns:minmax(0,30rem) minmax(0,1fr)}
}
.c-team__squadgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);align-items:start;min-inline-size:0}
.c-team__sqrole{display:grid;gap:var(--sp-2);align-content:start;min-inline-size:0}
.c-team__sqrole h3{margin:0}
@media (min-width:56.25em){.c-team__squadgrid{grid-template-columns:repeat(auto-fit,minmax(24rem,1fr))}}
@media (min-width:37.5em){.c-team__nums{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:56.25em){
  .c-team__duo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-team__hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .c-team__avatar{inline-size:36px;block-size:36px}
}

/* == w-team ====== */
.w-team__top{display:grid;gap:var(--s2);min-inline-size:0}
.w-team{gap:var(--s3)}
.w-team .w-hero__scene img{opacity:.5;object-position:50% 40%}
.w-team__crest{position:relative;inline-size:72px;block-size:72px;font-size:var(--fs-20);color:var(--text);box-shadow:0 0 0 2px var(--gold)}
.w-team__crest img{position:absolute;inset:0;inline-size:100%;block-size:100%;max-inline-size:none;padding:0;object-fit:cover;border-radius:inherit;background:var(--tile)}
.w-team__body{display:grid;gap:var(--s1);min-inline-size:0}
.w-team__form{display:flex;flex-wrap:wrap;gap:var(--s1);list-style:none;padding:0;margin:0}
.w-team__pill{display:inline-grid;place-items:center;min-inline-size:28px;block-size:28px;padding-inline:var(--s1);border-radius:var(--r-sm);background:rgb(0 0 0 / .62);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .28);font:600 var(--fs-13)/1 var(--font-sans);color:#fff}
.w-team__pill--w{background:var(--green,#2fb36b);background:color-mix(in srgb,var(--green,#2fb36b) 22%,transparent);box-shadow:none;color:var(--green,#2fb36b)}
.w-team__pill--l{background:var(--wicket-tint);box-shadow:none;color:var(--wicket)}
.w-team__pill--d{background:var(--surface-3);box-shadow:none;color:var(--text-2)}
.w-team .w-hero__scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/.35),rgb(0 0 0/.75))}
.w-team .w-phero__line{color:var(--text)}
.w-team__pill--nr{color:#d6d6d6}
.w-team__res{display:grid;list-style:none;padding:0;margin:0;border-radius:var(--r-lg);background:var(--card);overflow:hidden;min-inline-size:0}
.w-team__resrow{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:var(--s3);min-block-size:56px;padding:var(--s2) var(--s4)}
.w-team__resrow+.w-team__resrow{border-block-start:1px solid var(--line)}
.w-team__resbody{display:grid;gap:2px;min-inline-size:0}
.w-team__resopp{font:var(--t-data);font-weight:600;color:var(--text);overflow-wrap:break-word}
.w-team__ressum{font:var(--t-meta);color:var(--text-2);overflow-wrap:break-word}
.w-team__nums{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;padding:0;margin:0}
.w-team__num{display:inline-flex;align-items:baseline;white-space:nowrap;gap:var(--s1);padding:var(--s2) var(--s3);border-radius:var(--r-md);background:var(--glass);font:var(--t-meta);color:var(--text-2)}
.w-team__val{font:600 var(--fs-20)/1.2 var(--font-score);color:var(--text)}
.w-team__num{white-space:nowrap}
.w-team__lbl{font:var(--t-label);color:var(--text-2);white-space:nowrap}
.c-team .w-tbl :is(th,td){block-size:44px;padding-block:0}
.c-team .c-team__face{inline-size:32px;block-size:32px;font-size:var(--fs-12)}
.c-team .w-team__oc{inline-size:28px;block-size:28px;vertical-align:middle;margin-inline-end:var(--s2)}
@media (min-width:56.25em){.w-team__crest{inline-size:112px;block-size:112px;font-size:var(--fs-28)}}
.c-team .w-team__resrow .w-team__oc{inline-size:32px;block-size:32px;margin:0}
.c-team__nonext{min-inline-size:0}
.w-team__tally{font:var(--t-data);font-weight:600;color:var(--text);max-inline-size:none;white-space:nowrap}
.c-team__nonext .c-empty{border:0;margin:0;padding:var(--s2) var(--s4);border-radius:var(--r-pill);background:var(--card);font:var(--t-meta);color:var(--text-2);max-inline-size:none}
.w-team__tabs{scroll-padding-inline:var(--s4)}
.w-team__tabs .w-tabs__item[aria-current]{scroll-initial-target:nearest;scroll-snap-align:center}
@media (max-width:37.49em){.w-team__tabs{gap:var(--s1)}.w-team__tabs .w-tabs__item{padding-inline:var(--s3)}}

.c-teams__crest{position:relative;inline-size:24px;block-size:24px;vertical-align:middle;font:600 var(--fs-12)/1 var(--font-score)}
.c-teams__crest img{position:absolute;inset:0;inline-size:100%;block-size:100%;max-inline-size:24px;object-fit:contain;border-radius:inherit}
}