.pc-page {
  --pc-tone: #1c1a21;
  --pc-warm: #ff9b77;
  --pc-bronze: #ecc386;
  --pc-mint: #a3e4c8;
  display: grid;
  gap: clamp(12px,2.3vw,28px);
}
[data-theme="light"] .pc-page {
  --pc-tone: #fbf1e6;
  --pc-warm: #9b341c;
  --pc-bronze: #754319;
  --pc-mint: #166955;
}
.pc-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-block: 4px 8px;
  border-block-end: 1px solid var(--sc-stroke);
}
.pc-intro > div { min-inline-size: 0; }
.pc-intro h1, .pc-event-hero h1, .pc-match-heading h1 {
  margin-block: .13em .25em;
  font-size: clamp(1.75rem,5.2vw,4.05rem);
  letter-spacing: -.045em;
  line-height: 1.08;
}
.pc-intro p:last-child { color: var(--sc-muted); font-size: clamp(.9rem,1.7vw,1.15rem); }
.pc-intro img { inline-size: clamp(45px,9vw,80px); block-size: auto; flex: none; }
.pc-event-card, .pc-event-hero, .pc-match-banner, .pc-panel {
  border: 1px solid var(--sc-stroke);
  border-radius: var(--sc-radius);
  background: var(--sc-panel);
  min-inline-size: 0;
}
.pc-event-card, .pc-event-hero {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pc-event-art { position: relative; isolation: isolate; background: #242129; }
.pc-cover { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 16/9; object-fit: cover !important; }
.pc-event-credit {
  position: absolute; inset-block-end: 8px; inset-inline-end: 9px;
  padding: .13em .43em; border-radius: 4px; background: #17131ae8; color: #faf0e6;
  font-size: .63rem; letter-spacing: .06em; font-weight: 730;
}
.pc-event-body, .pc-event-hero-copy { padding: clamp(12px,2.65vw,32px); }
.pc-event-body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.pc-event-card h2, .pc-event-card h3 { letter-spacing: -.03em; font-size: clamp(1.1rem,2.3vw,1.78rem); }
.pc-featured h2 { font-size: clamp(1.5rem,4.8vw,3.32rem); line-height: 1.04; }
.pc-event-hero-copy, .pc-featured .pc-event-body {
  background: radial-gradient(ellipse at 100% 0,var(--sc-wash),transparent 70%),var(--pc-tone);
}
.pc-date, .pc-meta, .pc-pending { color: var(--sc-muted); font-size: .87rem; }
.pc-event-extra { display: flex; flex-wrap: wrap; align-items: center; gap: .35em .8em; margin-block: .38em !important; font-size: .87rem; }
.pc-event-extra > strong { color: var(--pc-mint); }
.pc-page .pc-action { font-weight: 720; text-decoration: none; color: var(--pc-warm); }
.pc-button {
  display: inline-flex; align-items: center; gap: .55em; min-block-size: 44px;
  margin-block-start: auto; padding: 5px .65em;
  border: 1px solid var(--sc-stroke); border-radius: 9px; background: var(--sc-inset);
}
.pc-button:hover { border-color: var(--pc-warm); }
.pc-page .pc-arrow { display: inline-block; white-space: nowrap; }
[dir="rtl"] .pc-arrow { transform: scaleX(-1); }
.pc-heading { display: flex; gap: 8px; align-items: center; font-size: clamp(1.12rem,2.3vw,1.7rem); }
.pc-heading img { flex: none; inline-size: clamp(27px,6vw,38px); block-size: auto; }
.pc-archive .pc-heading { margin-block-end: 10px; }
.pc-events, .pc-event-layout, .pc-match-layout { display: grid; gap: clamp(9px,1.8vw,18px); align-items: start; }
.pc-events { align-items: stretch; }
.pc-team-art {
  inline-size: clamp(22px,4.7vw,32px);
  block-size: clamp(22px,4.7vw,32px);
  border-radius: 7px;
  flex: none;
  padding: 3px;
  background: #27252f;
}
.pc-team-monogram { display: inline-grid; place-content: center; color: #eadfce; font-size: .68em; }
.pc-team-name { display: inline-flex; gap: .42em; align-items: center; min-inline-size: 0; font-weight: 680; }
.pc-team-name bdi { min-inline-size: 0; }
.pc-crumbs ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 3px 9px; font-size: .8rem; }
.pc-crumbs li + li::before { content: '/'; color: var(--sc-muted); margin-inline-end: 8px; }
.pc-crumbs a { text-decoration: underline; }
.pc-related { display: flex; flex-wrap: wrap; gap: 7px; font-size: .81rem; }
.pc-related a { background: var(--sc-panel); border: 1px solid var(--sc-stroke); border-radius: 8px; padding: .45em .65em; }
.pc-event-hero .pc-pending { margin-block: .6em; }
.pc-panel, .pc-match-banner { padding: clamp(10px,2.3vw,24px); }
.pc-bracket-row, .pc-fixture {
  display: block;
  border: 1px solid var(--sc-stroke); border-radius: 10px;
  background: var(--sc-inset); padding: .55em .62em; margin-block-start: 9px;
}
.pc-bracket-row > div, .pc-fixture-score, .pc-big-score {
  direction: ltr;
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,max-content) minmax(0,1fr);
  align-items: center; gap: clamp(3px,1.6vw,13px);
}
.pc-bracket-row .pc-team-name:last-child, .pc-fixture .pc-team-name:last-child, .pc-big-score .pc-team-name:last-child {
  justify-self: end; text-align: end; flex-direction: row-reverse;
}
.pc-fixture .pc-team-name, .pc-bracket-row .pc-team-name { font-size: .84rem; color: var(--sc-ink); }
.pc-fixture {
  color: var(--sc-ink) !important; text-decoration: none; border-color: var(--pc-bronze);
  background: radial-gradient(ellipse at 98% 0,var(--sc-wash),transparent 70%),var(--sc-inset);
}
.pc-fixture-note { display: block; color: var(--sc-muted); font-size: .76rem; }
.pc-fixture .pc-action { display: inline-block; margin-block-start: .45em; }
.pc-fixture:hover .pc-action { text-decoration: underline; }
.pc-score { color: var(--pc-bronze); font-weight: 850; white-space: nowrap; }
.pc-score > span { opacity: .7; padding-inline: .11em; }
.pc-match-banner { background: radial-gradient(ellipse at 100% 0,var(--sc-wash),transparent 69%),var(--sc-panel); }
.pc-match-heading { text-align: center; }
.pc-match-heading h1 { font-size: clamp(1.35rem,4.1vw,3.45rem); }
.pc-big-score { padding-block: clamp(10px,2vw,22px) 0; }
.pc-big-score .pc-score { font-size: clamp(1.8rem,5.6vw,4rem); line-height: 1.08; }
.pc-big-score .pc-team-art { inline-size: clamp(27px,6vw,58px); block-size: clamp(27px,6vw,58px); }
.pc-table { border-collapse: collapse; inline-size: 100%; margin-block-start: .55em; text-align: start; table-layout: fixed; }
.pc-table th, .pc-table td { padding: .42em .32em; border-block-end: 1px solid var(--sc-stroke); text-align: start; overflow-wrap: anywhere; }
.pc-table thead th { color: var(--sc-muted); font-size: .72rem; }
.pc-table tbody { font-size: .84rem; }
.pc-table tr:nth-child(2n) { background: var(--sc-inset); }
.pc-table th:first-child { inline-size: 4.6rem; }
.pc-map-table th:first-child { inline-size: 2em; }
.pc-map-table th:nth-child(3) { inline-size: 25%; }
.pc-map-table th:nth-child(4) { inline-size: 19%; }
.pc-map-table + .pc-meta { margin-block-start: .55em; font-size: .76rem; }
.pc-standing-table tr:first-child td { color: var(--pc-mint); }
.pc-take {
  border-inline-start: 3px solid var(--pc-warm);
  background: radial-gradient(ellipse at 100% 0,var(--sc-wash),transparent 70%),var(--sc-panel);
}
.pc-take img { float: inline-end; margin-inline-start: .45em; inline-size: 55px; block-size: auto; }
.pc-take h2 { margin-block: .25em .4em; font-size: 1.25rem; }
.pc-take blockquote { padding: 0; border: 0; font-size: clamp(1rem,1.85vw,1.19rem); line-height: 1.55; }
.pc-roster .sc-roster-head > span:last-child { text-align: end; }
.pc-roster .sc-roster-head > span:last-child .pc-team-name { flex-direction: row-reverse; }
.pc-sources p { margin-block: .45em; color: var(--sc-muted); }
.pc-sources a { text-decoration: underline; }
.pc-page .sc-title-race, .pc-page .sc-match { margin-block-end: 0; }
@media (min-width: 660px) {
  .pc-events { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pc-featured, .pc-event-hero { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr); }
  .pc-event-hero-copy, .pc-featured .pc-event-body { display: flex; justify-content: center; }
  .pc-featured .pc-button { margin-block-start: .7em; }
  .pc-featured .pc-cover, .pc-event-hero .pc-cover { position: absolute; block-size: 100%; }
  .pc-featured .pc-event-art, .pc-event-hero .pc-event-art { min-block-size: clamp(205px,29vw,370px); }
}
@media (min-width: 870px) {
  .pc-events { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .pc-event-layout, .pc-match-layout { grid-template-columns: minmax(0,1.18fr) minmax(0,1fr); }
}
@media (max-width: 420px) {
  .pc-map-table .pc-team-art { display: none; }
  .pc-big-score .pc-team-name { flex-direction: column; text-align: center; justify-self: center; font-size: .83rem; }
  .pc-big-score .pc-team-name:last-child { flex-direction: column; justify-self: center; }
  .pc-roster .sc-roster-head { font-size: .81rem; }
}