.sc-page {
  --sc-ink: #f6eee6;
  --sc-muted: #c0b6bd;
  --sc-panel: #1a1920;
  --sc-inset: #22212a;
  --sc-stroke: #423943;
  --sc-red: #ffa184;
  --sc-green: #9ee1c9;
  --sc-gold: #f1c380;
  --sc-wash: #bf55232b;
  --sc-radius: clamp(15px, 2vw, 24px);
  --sc-pad: clamp(13px, 3.2vw, 34px);
  color: var(--sc-ink);
  padding-block: clamp(16px, 4vw, 45px) clamp(50px, 8vw, 108px);
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
[data-theme="light"] .sc-page {
  --sc-ink: #211c24;
  --sc-muted: #5e515c;
  --sc-panel: #fffaf3;
  --sc-inset: #f5ede6;
  --sc-stroke: #d9c8bf;
  --sc-red: #9d351d;
  --sc-green: #116452;
  --sc-gold: #764519;
  --sc-wash: #ea885323;
}
.sc-page :is(h1,h2,h3,p,blockquote,ul) { margin: 0; }
.sc-page :is(h1,h2,h3) { color: inherit; line-height: 1.16; }
.sc-page :is(a,summary) { text-underline-offset: .22em; }
.sc-page a { color: var(--sc-red); }
.sc-page :is(a,summary):focus-visible { outline: 2px solid var(--sc-red); outline-offset: 3px; }
.sc-page img { object-fit: contain; }
.sc-page [id] { scroll-margin-block-start: 6rem; }
.sc-hero, .sc-match, .sc-title-race, .sc-video {
  border: 1px solid var(--sc-stroke);
  border-radius: var(--sc-radius);
  background: var(--sc-panel);
}
.sc-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(52px,.24fr);
  align-items: center;
  gap: clamp(8px,3vw,36px);
  padding: clamp(16px,3vw,39px) clamp(16px,4vw,52px);
  background:
    radial-gradient(ellipse at 88% 0%, var(--sc-wash), transparent 68%),
    repeating-linear-gradient(135deg, transparent 0 26px, var(--sc-wash) 27px, transparent 28px 54px),
    var(--sc-panel);
}
.sc-hero > img { inline-size: min(100%,112px); block-size: auto; justify-self: center; }
.sc-hero h1 { margin-block: .18em .33em; font-size: clamp(2.05rem,7vw,4.85rem); letter-spacing: -.042em; }
.sc-kicker { color: var(--sc-red); font-size: .77rem; letter-spacing: .075em; font-weight: 780; }
.sc-event { display: flex; flex-wrap: wrap; align-items: baseline; gap: .14em .8em; font-size: clamp(.92rem,2vw,1.21rem); }
.sc-event span, .sc-status, .sc-secondary { color: var(--sc-muted); }
.sc-status { margin-block-start: .6em !important; font-size: .86rem; }
.sc-status a { white-space: nowrap; }
.sc-status > span {
  display: inline-block; inline-size: .48em; block-size: .48em; border-radius: 50%;
  margin-inline-end: .55em; vertical-align: .15em; background: var(--sc-gold);
}
.sc-jump {
  display: flex; flex-wrap: wrap; gap: 6px; margin-block: 9px clamp(14px,3vw,28px);
}
.sc-jump a {
  display: inline-flex; gap: .4rem; align-items: center; min-block-size: 44px;
  padding: 4px .73rem; border: 1px solid var(--sc-stroke);
  border-radius: 10px; text-decoration: none; background: var(--sc-panel);
  color: var(--sc-ink); font-size: .84rem; font-weight: 660;
}
.sc-jump a:hover { border-color: var(--sc-red); color: var(--sc-red); }
.sc-jump img { flex: none; inline-size: 25px; block-size: 25px; }
.sc-match, .sc-title-race, .sc-video { margin-block-end: clamp(14px,2vw,24px); padding: var(--sc-pad); }
.sc-match-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; }
.sc-match-top h2 { font-size: clamp(1.2rem,3.7vw,2.7rem); margin-block: .25em; }
.sc-chip {
  padding: .24em .68em; border: 1px solid var(--sc-stroke);
  border-radius: 9px; font-size: .78rem; color: var(--sc-gold);
  background: var(--sc-inset);
}
.sc-probability {
  margin-block: 14px 10px;
  padding: clamp(9px,2.45vw,25px);
  background:
    radial-gradient(ellipse at 100% 100%, var(--sc-wash), transparent 63%),
    var(--sc-inset);
  border: 1px solid var(--sc-stroke);
  border-radius: calc(var(--sc-radius) - 4px);
}
.sc-metric-label { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 10px; font-size: .77rem; }
.sc-metric-label > :first-child { font-weight: 730; }
.sc-metric-label > :last-child { color: var(--sc-muted); }
.sc-teams {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px; padding-block: 13px;
}
.sc-team { display: flex; align-items: center; gap: clamp(4px,1.4vw,15px); color: var(--sc-green); }
.sc-team img, .sc-mono { inline-size: clamp(26px,7vw,68px); block-size: auto; flex: none; }
.sc-team img, .sc-contenders header img { background: #272630; border-radius: 24%; padding: clamp(2px,.5vw,6px); }
.sc-mono { font-weight: 800; text-align: center; }
.sc-team div { min-inline-size: 0; }
.sc-team :is(strong,b,small) { display: block; line-height: 1.2; }
.sc-team strong { color: var(--sc-ink); font-size: clamp(.84rem,2vw,1.28rem); }
.sc-team small { color: var(--sc-muted); font-size: .73rem; }
.sc-win { font-size: clamp(1.6rem,5.9vw,3.75rem); letter-spacing: -.035em; margin-block: .08em; }
.sc-away { flex-direction: row-reverse; text-align: end; color: var(--sc-red); }
.sc-versus-meter, .sc-meter { display: block; inline-size: 100%; block-size: 6px; border-radius: 20px; overflow: hidden; }
.sc-versus-meter rect { fill: var(--sc-red); }
.sc-versus-meter rect + rect { fill: var(--sc-green); }
[dir="rtl"] .sc-page :is(.sc-meter,.sc-versus-meter) { transform: scaleX(-1); }
.sc-charts, .sc-history, .sc-contenders { display: grid; gap: 10px; }
.sc-chart, .sc-card, .sc-contenders article {
  padding: clamp(9px,1.9vw,20px); border: 1px solid var(--sc-stroke);
  border-radius: calc(var(--sc-radius) - 4px); background: var(--sc-inset);
}
.sc-chart h3, .sc-title { display: flex; gap: 8px; align-items: center; }
.sc-chart h3 { font-size: 1rem; margin-block-end: 9px; }
.sc-chart h3 img, .sc-title img { flex: none; }
.sc-chart ul, .sc-list, .sc-entrants ul { list-style: none; padding: 0; }
.sc-chart li { display: grid; grid-template-columns: minmax(0,max-content) minmax(16px,1fr) minmax(3.1em,max-content); gap: 7px; align-items: center; font-size: .87rem; }
.sc-chart li + li { margin-block-start: .33em; }
.sc-chart li strong { text-align: end; }
.sc-meter rect { fill: var(--sc-gold); }
.sc-meter.sc-green rect { fill: var(--sc-green); }
.sc-meter.sc-red rect { fill: var(--sc-red); }
.sc-meter .sc-track { fill: var(--sc-stroke) !important; }
.sc-length { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,7em),1fr)); gap: 7px; }
.sc-length > div { border-inline-start: 1px solid var(--sc-stroke); padding: 4px 7px 7px; }
.sc-length span { color: var(--sc-muted); font-size: .78rem; }
.sc-length strong { display: block; font-size: clamp(1.3rem,4vw,2rem); line-height: 1.1; margin-block: .17em .35em; }
.sc-editorial {
  display: flex; gap: clamp(8px,2vw,17px); align-items: flex-start;
  margin-block: clamp(13px,2.4vw,24px) 6px; padding: var(--sc-pad);
  border: 1px solid var(--sc-stroke); border-inline-start: 3px solid var(--sc-red);
  border-radius: calc(var(--sc-radius) - 4px); background: var(--sc-inset);
}
.sc-editorial img { flex: none; inline-size: clamp(29px,7vw,60px); block-size: auto; }
.sc-editorial blockquote {
  padding: 0; border: 0; font-weight: 700; font-size: clamp(1rem,2.2vw,1.4rem);
  line-height: 1.42; margin-block: .4em;
}
.sc-editorial p:last-child, .sc-method p, .sc-secondary { font-size: .86rem; color: var(--sc-muted); }
.sc-page summary { cursor: pointer; padding-block: 9px; min-block-size: 44px; font-weight: 690; }
.sc-method p { margin-block-end: .75em; }
.sc-roster { margin-block: clamp(16px,3vw,27px); border-block-start: 1px solid var(--sc-stroke); padding-block-start: clamp(12px,2vw,23px); }
.sc-title { font-size: clamp(1.12rem,2.6vw,1.8rem); margin-block-end: 5px !important; }
.sc-title img { inline-size: clamp(30px,6vw,40px); block-size: auto; }
.sc-roster-head, .sc-line { display: grid; align-items: center; gap: 6px; padding: .47em .65em; }
.sc-roster-head { grid-template-columns: minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr); background: var(--sc-inset); border-radius: 8px; margin-block-start: .65em; font-weight: 740; color: var(--sc-green); }
.sc-roster-head bdi:last-child { justify-self: end; text-align: end; color: var(--sc-red); }
.sc-line { grid-template-columns: minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr); border-block-end: 1px solid var(--sc-stroke); font-size: .88rem; }
.sc-line > bdi { font-weight: 670; }
.sc-line > bdi:last-child { justify-self: end; text-align: end; }
.sc-line > span { display: flex; align-items: center; justify-content: center; text-align: center; gap: 5px; color: var(--sc-muted); font-size: .82em; }
.sc-role-icon { inline-size: 1.24rem; block-size: 1.24rem; flex: none; fill: none; stroke: var(--sc-gold); stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.sc-form-columns { display: grid; gap: 10px 16px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.sc-team-form h3 { display: flex; justify-content: space-between; gap: 4px; align-items: baseline; font-size: .91rem; margin-block: .45em; }
.sc-team-form h3 strong, .sc-green { color: var(--sc-green); }
.sc-red { color: var(--sc-red); }
.sc-form-score { font-size: .73rem; color: var(--sc-muted); }
.sc-aggregate { font-weight: 740; color: var(--sc-gold); }
.sc-list li { display: flex; justify-content: space-between; gap: 6px; align-items: center; padding-block: .42em; border-block-end: 1px solid var(--sc-stroke); font-size: .8rem; }
.sc-list li time { display: block; color: var(--sc-muted); font-size: .88em; }
.sc-list li strong { flex: none; }
.sc-card .sc-secondary { margin-block-start: .65em; }
.sc-title-argument { color: var(--sc-muted); max-inline-size: 78ch; margin-block: 6px 14px !important; }
.sc-contenders { margin-block: 12px; }
.sc-contenders article:first-child { border-color: var(--sc-gold); }
.sc-contenders header { display: flex; gap: 8px; align-items: center; margin-block-end: 8px; }
.sc-contenders header img { flex: none; }
.sc-contenders h3 { font-size: 1rem; }
.sc-tag { display: inline-block; font-size: .72rem; color: var(--sc-gold); border: 1px solid var(--sc-stroke); border-radius: 5px; padding: 2px .5em; }
.sc-entrants { margin-block-start: .5em; border-block-start: 1px solid var(--sc-stroke); }
.sc-entrants ul { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,8.5rem),1fr)); gap: 6px; }
.sc-entrants li { background: var(--sc-inset); border-radius: 6px; padding: .35em .6em; font-size: .83rem; }
.sc-entrants p { margin-block-start: .45em; }
.sc-video { display: grid; gap: 12px 22px; align-items: center; }
.sc-video > img { inline-size: 100%; block-size: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 10px; }
.sc-video h2 { margin-block: .3em; font-size: clamp(1.15rem,3vw,1.8rem); }
.sc-video a { display: inline-flex; align-items: center; gap: .42rem; min-block-size: 44px; font-weight: 710; }
@media (min-width: 580px) {
  .sc-charts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sc-video { grid-template-columns: minmax(0,1fr) minmax(0,1.45fr); }
}
@media (min-width: 810px) {
  .sc-history { grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); }
  .sc-contenders { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 430px) {
  .sc-form-columns { grid-template-columns: minmax(0,1fr); }
  .sc-jump a { min-block-size: 44px; padding-inline: .5rem; }
  .sc-line > span { flex-direction: column; gap: 1px; }
}