:root{
  color-scheme:light;
  --red:#e4000d;
  --ink:#181817;
  --muted:#595953;
  --soft:#F0F1F4;
  --paper:#fff;
  --line:#deddd7;
  --quiet:#f0ede8;
  --heading:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-family:var(--body);
  font-size:16px;
  color:var(--ink);
  background:var(--soft);
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.6}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #a5000a;outline-offset:4px}
[hidden]{display:none!important}
svg{width:1.2em;height:1.2em;flex:none}
p{line-height:1.55;margin:0;text-wrap:pretty}
h1,h2,h3{font-family:var(--heading);line-height:1.12;margin:0;overflow-wrap:anywhere;text-wrap:balance}
h2{font-size:clamp(1.9rem,4.5vw,3.65rem)}
h3{font-size:clamp(1.28rem,2vw,1.65rem)}
ul{margin:0;padding:0;list-style:none}
.wrap{width:min(100% - 3rem,1250px);margin-inline:auto}
.demo-mark{background:#e9e8e1;color:#494841;font-size:.78rem}
.demo-mark .wrap{min-height:30px;display:flex;align-items:center;gap:.75rem}
.demo-mark strong{color:var(--ink);font-weight:800}
.site-main{min-height:63vh;padding-block:1.25rem 4.2rem;outline:none}
.button,.icon-button,.chip{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;font-weight:700;line-height:1.25;transition:background .18s ease,color .18s ease,border-color .18s ease}
.button{border-radius:999px;padding:.65rem 1rem;background:var(--paper);color:var(--ink);border-color:var(--line);white-space:normal}
.button:hover,.icon-button:hover,.chip:hover{background:#eae6e0}
.button.primary{background:var(--red);color:#fff;border-color:var(--red)}
.button.primary:hover{background:#b8000b;border-color:#b8000b}
.button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.button.dark:hover{background:#353532}
.button.text{background:transparent;border-color:transparent;padding-inline:.4rem}
.button.text:hover{text-decoration:underline}
.icon-button{width:44px;border-radius:50%;padding:0;background:var(--paper);border-color:var(--line)}
.action-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.action-icon{width:1.55rem;height:1.55rem;flex:none}
.button.on-dark{
  color:#fff;
  background:#151515b8;
  border-color:#ffffff84;
}
.button.on-dark:hover{background:#fff;color:var(--ink);border-color:#fff}
.eyebrow,.meta-label,.section-kicker{
  font-size:.83rem;
  font-weight:700;
  letter-spacing:0;
  line-height:1.35;
}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem}
.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--red);flex:none}
.meta-label,.section-kicker,.muted{color:var(--muted)}
.site-main[data-page="home"]{width:100%;padding:0 0 clamp(1.5rem,4vw,4rem)}
body:has(.site-main[data-page="home"]) .demo-mark{
  position:absolute;
  z-index:3;
  top:calc(var(--site-header-height) - .35rem);
  left:50%;
  transform:translateX(-50%);
  max-width:calc(100% - 1rem);
  width:max-content;
  border-radius:999px;
  background:#121214ac;
  color:#fff;
}
body:has(.site-main[data-page="home"]) .demo-mark .wrap{
  width:auto;
  min-height:25px;
  padding:.2rem .65rem;
  gap:.55rem;
}
body:has(.site-main[data-page="home"]) .demo-mark strong{color:#fff}
body:has(.site-main:not([data-page="home"])) .demo-mark:not([hidden]){
  margin-top:var(--site-header-height);
}
body:not(.has-scoreboard,.is-gated) .demo-mark:not([hidden]) ~ .site-main:not([data-page="home"]){padding-top:.75rem}
.home-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(1.25rem,4vw,4rem);
  container-type:inline-size;
}
.hero-editorial :focus-visible,.live-card :focus-visible{outline-color:#fff}
.hero-editorial{
  position:relative;
  isolation:isolate;
  min-width:0;
  display:grid;
  place-items:center;
  aspect-ratio:16 / 9;
  padding:calc(var(--site-header-height) * .55) 1rem 0;
  color:#fff;
  background:#151719 url("/assets/cover-poster.jpg") center / cover;
}
.hero-video,.hero-editorial::after{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.hero-video{z-index:-2;object-fit:cover}
.hero-editorial::after{
  content:"";
  z-index:-1;
  background:linear-gradient(180deg,#0d1011a0,#0d101165 35%,#0d1011ad);
}
.hero-copy{
  display:grid;
  justify-items:center;
  gap:clamp(.55rem,2.1cqi,1.8rem);
  text-align:center;
}
.hero-editorial h1{
  max-width:17ch;
  font-size:clamp(1.06rem,6.3cqi,6.25rem);
  font-weight:800;
}
.hero-editorial h1 span{display:block}
.hero-actions{justify-content:center;gap:clamp(.28rem,.75cqi,.65rem)}
.button.hero-button,.live-expand{
  background:#1515158f;
  border-color:#fff9;
  color:#fff;
  backdrop-filter:blur(10px);
}
.button.hero-button:hover,.live-expand:hover{
  background:#fff;
  border-color:#fff;
  color:var(--ink);
}
.hero-live::before{
  content:"";
  flex:none;
  width:.46rem;
  aspect-ratio:1;
  border-radius:50%;
  background:#ff3844;
}
.live-card{
  min-width:0;
  display:grid;
  justify-items:start;
  gap:clamp(.7rem,1.5cqi,1.3rem);
  padding:clamp(1rem,3cqi,2.5rem);
  border-radius:clamp(.9rem,2cqi,1.6rem);
  color:#fff;
  background-color:#20201e;
  background-image:linear-gradient(90deg,#101114df,#1011149d),url("/assets/cup-hero.webp");
  background-position:center,center 57%;
  background-size:cover;
}
.live-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
}
.live-expand{flex:none}
.live-card .eyebrow{font-size:clamp(.85rem,1.5cqi,1.1rem)}
.live-now .eyebrow::before{
  content:"";
  flex:none;
  width:.55rem;
  aspect-ratio:1;
  border-radius:50%;
  background:#ff3844;
}
.live-content{width:100%;min-width:0;display:grid;gap:.25rem;text-align:center}
.live-teams{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:clamp(.45rem,2.7cqi,2rem);
  font-family:var(--heading);
  font-size:clamp(.85rem,2.65cqi,2.1rem);
  font-weight:800;
  line-height:1.13;
}
.live-teams span{overflow-wrap:anywhere;text-wrap:balance}
.live-teams .score{font-size:clamp(2rem,7cqi,5.1rem);line-height:1;letter-spacing:-.035em}
.live-meta{font-size:clamp(.78rem,1.65cqi,1.1rem);font-variant-numeric:tabular-nums}
.live-message{
  max-width:24ch;
  font-family:var(--heading);
  font-size:clamp(1.45rem,3.65cqi,3rem);
  font-weight:800;
  line-height:1.14;
  text-wrap:balance;
}
.score{font-family:var(--heading);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.schedule-frame{
  container:home-schedule/inline-size;
  display:grid;
  gap:clamp(.8rem,1.55cqi,1.25rem);
  scroll-margin-top:calc(var(--site-header-height) + .8rem);
  outline:none;
}
.module{margin-top:3.4rem}
.module-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.module-head .section-kicker{margin-bottom:.3rem}
.schedule-frame .module-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.5rem clamp(.5rem,2cqi,1.5rem);
  margin-bottom:0;
}
.schedule-filter{position:relative;justify-self:end}
.schedule-filter > summary{display:flex;list-style:none;cursor:pointer}
.schedule-filter > summary::-webkit-details-marker{display:none}
.schedule-filter[open] > summary,
.schedule-filter:has([data-value="past"][aria-pressed="true"]) > summary{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--paper);
}
.schedule-filter-options{
  position:absolute;
  z-index:3;
  inset-block-start:calc(100% + .45rem);
  inset-inline-end:0;
  display:grid;
  gap:.2rem;
  min-width:10rem;
  padding:.35rem;
  border:1px solid var(--line);
  border-radius:.9rem;
  background:var(--paper);
  box-shadow:0 .45rem 1.25rem #14141420;
}
.schedule-filter:not([open]) .schedule-filter-options{display:none}
.schedule-filter-options .chip{
  justify-content:flex-start;
  padding:.5rem .65rem;
  border-radius:.6rem;
  background:transparent;
  text-align:start;
  white-space:nowrap;
}
.schedule-filter-options .chip:not([aria-pressed="true"]):hover{background:var(--soft)}
.schedule-more{justify-self:center}
.schedule-scope{justify-self:start}
.schedule-more svg{transition:transform .18s ease}
.schedule-more:hover svg{transform:translateY(2px)}
.schedule-more[aria-expanded="true"]:hover svg{transform:translateY(-2px)}
.schedule-dates .chip{white-space:nowrap}
.schedule-frame .chips > .chip:not([aria-pressed="true"]){background:#fff;border-color:var(--line)}
.schedule-frame .chips > .chip:not([aria-pressed="true"]):hover{background:#eae6e0}
.schedule-frame .match-row{
  grid-template-columns:clamp(5rem,10vw,7.5rem) minmax(0,1fr) minmax(4.5rem,max-content) auto;
  min-height:0;
  padding-block:.62rem;
}
.schedule-frame .match-row.is-live{
  border-left-width:1px;
  box-shadow:inset 3px 0 var(--red);
}
.schedule-frame .match-row .when{
  font-variant-numeric:tabular-nums;
  text-align:start;
  overflow-wrap:anywhere;
}
.schedule-frame .match-row .name-pair{font-size:clamp(1rem,1.65vw,1.18rem);line-height:1.2}
.schedule-frame .match-team-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem}
.schedule-frame .match-team-vs{display:none}
.schedule-frame .match-team-name{text-wrap:balance}
@container home-schedule (min-width:75rem){
  .schedule-frame .match-team-pair{display:flex;flex-wrap:nowrap;gap:.4rem}
  .schedule-frame .match-team-vs{display:inline;flex:none}
}
@container home-schedule (max-width:38rem){
  .schedule-frame .schedule-dates{justify-content:flex-end}
}
@container home-schedule (max-width:30rem){
  .schedule-frame .schedule-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.12fr);gap:.25rem}
  .schedule-dates .chip{
    padding:.25rem .18rem;
    font-size:clamp(.66rem,2.65cqi,.78rem);
    line-height:1.2;
    text-align:center;
    white-space:normal;
  }
}
@container home-schedule (max-width:22rem){
  .schedule-frame .module-head{grid-template-columns:auto minmax(0,1fr)}
  .schedule-filter{grid-column:2;grid-row:2}
}
@container home-schedule (max-width:24rem){
  .schedule-frame .match-team-name{display:grid;align-content:center;min-block-size:2lh}
}
.schedule-frame .empty{min-height:0}
.panel{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:clamp(1rem,2.5vw,1.7rem)}
.panel > :not(:last-child){margin-bottom:.8rem}
@keyframes chapter-enter{
  from{opacity:.8;transform:translateY(.85rem)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:no-preference){
  .chapter-entered{animation:chapter-enter .52s cubic-bezier(.2,.7,.3,1) both}
}
html:has(body.site-dialog-open){overflow:hidden;overscroll-behavior:none}
body.site-dialog-open{position:fixed;inset:var(--dialog-offset) 0 auto}
.site-dialog{
  width:min(calc(100% - 2rem),34rem);
  max-height:calc(100% - 2rem);
  padding:0;
  border:1px solid var(--line);
  border-radius:1.35rem;
  overflow:auto;
  overscroll-behavior:contain;
  color:var(--ink);
  background:var(--paper);
  box-shadow:0 20px 90px #14141442;
}
.site-dialog::backdrop{background:#141414aa}
.dialog-content{display:grid;gap:1rem;padding:clamp(1.25rem,4vw,2.3rem)}
.dialog-content h2{font-size:clamp(1.6rem,4.5vw,2.45rem)}
.dialog-content .action-row{margin-top:.5rem}
.page-head{padding:1.15rem 0 1.7rem}
.page-head h1,.loading-shell h1{font-size:clamp(2.35rem,6.4vw,5.55rem);font-weight:800;line-height:1.06}
.page-head p{font-size:clamp(1rem,2vw,1.2rem);color:var(--muted);margin-top:.9rem}
.page-head .action-row{margin-bottom:.9rem}
.page-head .heading-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}
.control{display:grid;gap:.35rem;min-width:min(100%,9rem);color:var(--muted);font-weight:700;font-size:.82rem}
.control.grow{flex:1;max-width:28rem}
.control input,.control select{border:1px solid #d9d4cb;color:var(--ink);border-radius:.7rem;background:#fff;min-height:44px;padding:.55rem .75rem;width:100%}
.chips{display:flex;gap:.38rem;flex-wrap:wrap}
.chip{border-radius:999px;padding:.55rem .85rem;background:#f4f1ec;font-size:.9rem}
.chip[aria-pressed="true"],.chip[aria-current="true"]{background:var(--ink);color:#fff}
.match-list{display:grid;gap:.6rem}
.match-row{min-width:0;display:grid;grid-template-columns:minmax(6.5rem,.65fr) minmax(0,2fr) minmax(5.3rem,.62fr) auto;align-items:center;gap:.9rem;min-height:108px;padding:.9rem 1.25rem;background:#fff;border:1px solid var(--line);border-radius:1rem}
.match-row:hover{border-color:#c68686}
.match-row.is-live{border-left:4px solid var(--red)}
.match-row .meta-label{display:block;margin-top:.22rem}
.match-row .name-pair{font-family:var(--heading);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:800;overflow-wrap:anywhere}
.match-row .name-pair small{display:block;font-family:var(--body);font-weight:500;color:var(--muted);margin-top:.23rem;font-size:.79rem}
.match-row .score{font-size:clamp(1.42rem,3vw,2.1rem);text-align:center}
.match-row .row-link{display:inline-flex;align-items:center;justify-content:end;gap:.3rem;font-size:.88rem;font-weight:750;color:#9c000a}
.site-main[data-page="home"] .row-link{
  justify-content:center;
  padding:.35rem .7rem;
  border:1px solid #eccac8;
  border-radius:999px;
  background:#fff4f2;
}
.site-main[data-page="home"] .match-row:hover .row-link{background:#fbe7e4}
.match-row-with-support{position:relative}
.match-row-with-support .row-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.match-team-pair{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .4rem}
.match-team{display:inline-flex;align-items:center;gap:.35rem;min-width:0;max-width:100%}
.match-team-name{min-width:0}
.match-flame{
  position:relative;
  z-index:1;
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:.22rem;
  min-width:2.4rem;
  min-height:1.75rem;
  justify-content:center;
  border:1px solid #ecd8d7;
  border-radius:999px;
  padding:.18rem .4rem;
  color:#a2000b;
  background:#fff7f6;
  font:700 .76rem/1 var(--body);
}
.match-flame:hover{background:#fce6e3}
.match-flame[aria-pressed="true"]{background:#a2000b;color:#fff;border-color:#a2000b}
.empty{min-height:130px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.55rem}
.empty > :not(:last-child){margin-bottom:0}
.empty p{color:var(--muted)}
body.has-scoreboard{background:#171719}
body.has-scoreboard :is(.site-header,.site-footer,#demo-mark){display:none}
body.has-scoreboard .site-main[data-page="match"]{width:100%;margin:0;padding:0}
.scoreboard{
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:clamp(1rem,5vh,3rem);
  padding:clamp(.9rem,4vw,3rem);
  color:#fff;
  background:linear-gradient(180deg,#161619b8,#161619eb),url("/assets/scoreboard-photo.jpg") center/cover no-repeat #171719;
}
.board-head,.board-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.board-heading h1{font-size:clamp(1rem,2.4vw,1.5rem);font-weight:700}
.board-head .action-row{flex-wrap:nowrap}
.board-head .icon-button{flex:none;color:#fff;background:#2222269e;border-color:#ffffff6b}
.board-head .icon-button:hover{background:#444449}
.board-content{width:min(100%,78rem);margin:auto;display:grid;gap:clamp(.8rem,3.3vh,2rem)}
.board-center{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.4rem,2.4vw,2rem)}
.board-team{
  min-width:0;
  padding:.35rem 0;
  color:inherit;
  font:800 clamp(.98rem,4vw,3.5rem)/1.12 var(--heading);
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
}
button.board-team{min-height:44px;border:0;background:transparent;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;text-decoration-color:#ffffff7c}
button.board-team:hover{text-decoration-color:#fff}
.board-center [data-side="home"]{grid-column:1;text-align:right}
.board-center [data-side="away"]{grid-column:3;text-align:left}
.board-center .score{grid-column:2;grid-row:1;font-size:clamp(2rem,10vw,9rem);line-height:1;white-space:nowrap}
.board-goals{grid-row:2;align-self:start;list-style:none;margin:0;padding:0;color:#e8e8eb;font-size:clamp(.82rem,2.2vw,1.15rem);overflow-wrap:anywhere}
.board-goals li + li{margin-top:.35rem}
.board-timer,.board-extra{text-align:center;font-variant-numeric:tabular-nums;color:#e8e8eb}
.board-timer strong{display:block;color:#fff;font-size:clamp(1.45rem,4vw,2.8rem);font-weight:800}
.board-extra{display:flex;justify-content:center;gap:.75rem 1.15rem;flex-wrap:wrap}
.team-details-dialog{width:min(calc(100% - 2rem),44rem);background:var(--soft)}
.team-details-dialog h2{overflow-wrap:anywhere}
.team-details-content{display:grid;gap:1.15rem}
.team-details-content h3{margin-bottom:.45rem;font-size:1.04rem}
.team-standing-link{justify-self:start;font-size:.88rem}
.team-match-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.team-match-sections section{padding:.85rem;border:1px solid var(--line);border-radius:.85rem;background:var(--paper)}
.team-match-list{list-style:none;margin:0;padding:0}
.team-match-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:.12rem .55rem;padding:.55rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.team-match-list li:last-child{padding-bottom:0;border-bottom:0}
.team-match-list li > :first-child{grid-column:1/-1;color:var(--muted);font-size:.85rem}
.team-match-result{text-align:right;font-variant-numeric:tabular-nums}
.team-match-result small{display:block;color:var(--muted)}
@media(max-width:550px){.team-match-sections{grid-template-columns:1fr}}
.info-list{display:grid;gap:.5rem}
.info-list li{padding-block:.42rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.info-list li:last-child{border-bottom:0}
.info-list small{font-weight:700;color:#9c000a}
.info-list .info-item{display:flex;justify-content:space-between;gap:.5rem}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.6rem;margin-top:1rem}
.stats-grid div{border:1px solid var(--line);background:#fff;border-radius:.8rem;padding:.65rem .8rem}
.stats-grid strong{display:block;font-family:var(--heading);font-size:1.8rem}
.stats-grid small{color:var(--muted)}
.table-scroll{overflow-x:auto;margin-top:.7rem}
.standings-table{width:100%;border-collapse:collapse;text-align:right;min-width:440px}
.standings-table th,.standings-table td{padding:.7rem .55rem;border-bottom:1px solid var(--line)}
.standings-table th{font-size:.8rem;color:var(--muted)}
.standings-table th:first-child,.standings-table td:first-child,.standings-table th:nth-child(2),.standings-table td:nth-child(2){text-align:left}
.standings-table td:nth-child(2){max-width:18rem;overflow-wrap:anywhere}
.standings-team{min-height:44px;padding:.25rem 0;border:0;background:transparent;text-align:left;font-weight:750}
.standings-team:hover{text-decoration:underline}
.standings-table td:last-child{font-weight:800}
.standings-table a:hover{text-decoration:underline}
.standings-table tr.qualified{background:#fff1ee}
.standings-table tr[data-standing-target]{background:#fbe1df}
.standings-table tr[data-standing-target] > :first-child{box-shadow:inset 3px 0 var(--red)}
.standings-table td small{display:block;font-size:.72rem;color:var(--muted);margin-top:.18rem}
.standings-scorers h2{font-size:clamp(1.45rem,3vw,2.25rem)}
.scorers-table{min-width:0;font-variant-numeric:tabular-nums}
.scorers-table :is(th,td):is(:first-child,:last-child){width:1%;white-space:nowrap}
.scorers-table tbody tr:last-child td{border-bottom:0}
.group-pager{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:.75rem;
}
.group-pager h2{font-size:clamp(1.5rem,4.5vw,3.65rem);text-align:center}
.group-pager button:disabled{visibility:hidden}
.standings-group-viewport{min-width:0;overflow:clip;overflow-clip-margin:.45rem}
.standings-group-content{display:grid;gap:.75rem;min-width:0}
.standings-group-content .table-scroll{margin-top:0}
.standings-group-link{justify-self:end}
@keyframes standings-group-slide{
  from{transform:translateX(var(--group-slide-offset));opacity:.45}
  to{transform:translateX(0);opacity:1}
}
@media(prefers-reduced-motion:no-preference){
  .standings-group-content.slide-forward{--group-slide-offset:clamp(1rem,4vw,3rem)}
  .standings-group-content.slide-backward{--group-slide-offset:calc(-1 * clamp(1rem,4vw,3rem))}
  .standings-group-content:is(.slide-forward,.slide-backward){animation:standings-group-slide .28s ease-out both}
}
.legend{font-size:.8rem;line-height:1.65;color:var(--muted)}
.bracket-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.35rem 1rem;margin-bottom:.65rem}
.bracket-heading h2{font-size:clamp(1.45rem,3vw,2.25rem)}
.bracket-hint{display:none;margin-bottom:.45rem;color:var(--muted);font-size:.8rem}
.bracket-scroll{min-width:0;overflow-x:auto;padding:.25rem .25rem .75rem;scrollbar-color:#aeb2bc transparent}
.bracket-grid{
  --bracket-gap:clamp(2rem,3.35vw,2.75rem);
  --bracket-pitch:6.8rem;
  --bracket-line:#a3a7b1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:var(--bracket-gap);
  min-width:55.5rem;
}
.bracket-round>h3,.bracket-third>h3{
  margin:0 0 .45rem;
  padding:.43rem .55rem;
  border-radius:.45rem;
  background:#e5e7ed;
  font-size:.82rem;
  text-align:center;
}
.bracket-round-body{position:relative}
.bracket-slots{
  display:grid;
  grid-template-rows:repeat(var(--round-slots),minmax(0,1fr));
  height:calc(8 * var(--bracket-pitch));
  margin:0;
  padding:0;
  list-style:none;
}
.bracket-slot{position:relative;display:grid;align-items:center;min-width:0}
.bracket-round:not(:last-child) .bracket-slot::after,
.bracket-round:not(:first-child) .bracket-slot>.bracket-card::before{
  content:"";
  position:absolute;
  inset-block-start:50%;
  width:calc(var(--bracket-gap) / 2 + 1px);
  border-block-start:1px solid var(--bracket-line);
  pointer-events:none;
}
.bracket-round:not(:last-child) .bracket-slot::after{inset-inline-start:100%}
.bracket-round:not(:first-child) .bracket-slot>.bracket-card::before{inset-inline-end:100%}
.bracket-round:not(:last-child) .bracket-slot:nth-child(odd)::before{
  content:"";
  position:absolute;
  inset-block-start:50%;
  inset-inline-start:calc(100% + var(--bracket-gap) / 2);
  height:100%;
  border-inline-start:1px solid var(--bracket-line);
  pointer-events:none;
}
.bracket-card{
  display:block;
  position:relative;
  min-width:0;
  padding:.33rem;
  border:1px solid var(--line);
  border-radius:.7rem;
  background:var(--paper);
  font-size:.82rem;
  line-height:1.2;
}
.bracket-card.is-live,.bracket-card[href]:hover{border-color:var(--red)}
.bracket-meta{display:flex;justify-content:space-between;gap:.35rem;padding:.17rem .35rem .38rem;color:var(--muted);font-size:.68rem}
.bracket-team{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.4rem;
  min-height:1.6rem;
  padding:.24rem .35rem;
  overflow-wrap:anywhere;
}
.bracket-team+.bracket-team{border-block-start:1px solid var(--line)}
.bracket-team.is-winner{border-radius:.3rem;background:#fff1ee;color:#88000a;font-weight:750}
.bracket-score{display:flex;align-items:baseline;gap:.2rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.bracket-score small{font-size:.67rem;font-weight:500}
.bracket-round:last-child .bracket-slot .bracket-card{border-color:#d29da1}
.bracket-third{position:absolute;inset:auto 0 calc(.35 * var(--bracket-pitch))}
@media(max-width:960px){.bracket-hint{display:block}}
.team-search-dialog{background:#f0f1f4}
body:has(.team-details-dialog[open]) .team-search-dialog[open],
body:has(.team-details-dialog[open]) .team-search-dialog[open]::backdrop{visibility:hidden}
.team-search-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.team-search-heading .icon-button{background:transparent;border-color:transparent}
.team-search-heading .icon-button:hover{background:#e4e6eb}
.team-search-dialog input:focus{border-color:#1e1e1e;outline:1px solid #1e1e1e;outline-offset:0}
.team-search-results{
  display:grid;
  gap:.25rem;
  max-height:min(43vh,24rem);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:.2rem;
}
.team-search-result{
  display:flex;
  width:100%;
  min-height:44px;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
  padding:.55rem .75rem;
  border:0;
  border-radius:.55rem;
  background:var(--soft);
  text-align:left;
  font-weight:700;
}
.team-search-result:hover{background:#f4dfdc}
.loading-shell{padding:3rem 0;display:grid;gap:1rem;max-width:48rem}
#connection{position:fixed;z-index:11;right:max(.8rem,env(safe-area-inset-right));bottom:max(.8rem,env(safe-area-inset-bottom));width:auto;max-width:calc(100% - 1.6rem);margin:0;pointer-events:none}
.connection-status{padding:.3rem .55rem;border:1px solid #e1b640;border-radius:.55rem;background:#222222ee;color:#ffdb6b;font-size:.78rem;font-weight:650;font-variant-numeric:tabular-nums}
.notice:empty{display:none}
.notice{position:fixed;z-index:20;bottom:1rem;left:50%;transform:translateX(-50%);padding:.65rem 1rem;border-radius:1rem;max-width:calc(100% - 2rem);width:max-content;background:#252421;color:#fff}
body.is-gated{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body.is-gated .site-main{
  display:grid;
  align-items:center;
  flex:1 0 auto;
  min-height:0;
  padding-block:clamp(3rem,9vh,7rem);
}
.service-screen{display:grid;justify-items:center;gap:clamp(.65rem,1.9vw,1.45rem);text-align:center}
.service-screen h1{max-width:18ch;font-size:clamp(2rem,5.7vw,4.9rem);font-weight:800;line-height:1.06}
.service-screen .section-kicker{max-width:36ch}
.service-copy{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--muted)}
.service-screen .action-row{justify-content:center;margin-top:.25rem}
.service-screen [data-action="retry"] svg{width:1.45rem;height:1.45rem}
.service-screen .saved-result{font-weight:700}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .hero-video{display:none}
}
@media(max-width:759px){
  .wrap{width:calc(100% - 1.5rem)}
  .site-main{padding-block:.75rem 3rem}
  .module{margin-top:2.5rem}
  .module-head .button{font-size:.82rem}
  .match-row{grid-template-columns:minmax(0,1fr) auto;gap:.3rem .55rem;min-height:0;padding:.8rem}
  .match-row .when{grid-row:1;grid-column:1/-1;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.83rem}
  .match-row .when .meta-label{margin:0}
  .match-row .score{grid-column:2;grid-row:2}
  .match-row .row-link{grid-column:1/-1;justify-self:start}
  .schedule-frame .match-row{grid-template-columns:minmax(0,1fr) auto;row-gap:.15rem}
  .schedule-frame .match-row .when{grid-column:1;display:block}
  .schedule-frame .match-row .when .meta-label{margin-top:.15rem}
  .schedule-frame .match-row .score{grid-row:1}
  .schedule-frame .match-row .name-pair{grid-column:1/-1}
}
@media(max-width:620px){
  body:has(.site-main[data-page="home"]) .demo-mark span{display:none}
  body:has(.site-main[data-page="home"]) .demo-mark{top:calc(var(--site-header-height) - .65rem)}
  body:has(.site-main[data-page="home"]) .demo-mark .wrap{min-height:18px;font-size:.63rem}
  .hero-editorial{padding:calc(var(--site-header-height) + .55rem) .55rem .55rem}
  .hero-editorial h1{max-width:24ch;font-size:clamp(1rem,4.6cqi,2.2rem)}
  .hero-copy{gap:.5rem}
  .button.hero-button{min-height:2rem;padding:.3rem .48rem;gap:.26rem;font-size:clamp(.7rem,2.4cqi,.86rem)}
}
@media(max-width:450px){
  .schedule-frame .module-head{gap:.5rem}
  .schedule-frame .module-head h2{font-size:clamp(1.2rem,6cqi,1.55rem)}
  .control{min-width:7rem}
}