/* wu-tangfoosballacademy.com (WuTangMode): the academy in gold on black, lettered like the
   video's end card. Swap public/wu-mark.ttf to change the lettering. Loaded only on that host, after the kit. */
@font-face {
  font-family: "Wu Mark";
  src: url("/wu-mark.ttf") format("truetype");
  font-weight: 400 900; font-display: swap;
}

html.wu-tang:root {
  color-scheme: dark;
  --wu: #E8BA48; --wu-dim: rgb(232 186 72 / 0.35);
  --surface-0: #050505; --surface-1: #121110; --surface-2: #1C1A17;
  --line: #2B2822; --line-strong: #6F6754;
  --ink: #F4EFE2; --ink-2: #B3AC9B; --on-ink: #050505;
  --gold: var(--wu); --highlight: var(--wu); --live: #FF5A47; --win: #6FD699;
  --scrim: rgb(0 0 0 / 0.75); --sheet-edge: var(--line); --shadow-1: none;
}

.wu-tang body { background: var(--surface-0); }
.wu-tang a:focus-visible { outline-color: var(--wu); }

/* The wordmark: WU-TANG over FOOSBALL ACADEMY */
.wu-tang .app-header { border-bottom: 1px solid var(--wu-dim); background: #000; }
.wu-mark {
  display: inline-flex; flex-direction: column; align-items: flex-start; gap: 1px;
  font-family: "Wu Mark", var(--font); color: var(--wu); text-decoration: none; font-weight: 700;
}
.wu-mark__wu { font-size: 22px; line-height: 0.95; letter-spacing: 0.02em; }
.wu-mark__sub { font-size: 10px; line-height: 1; letter-spacing: 0.1em; }

/* The academy front page's card, the video's end card on the page */
.wu-hero {
  margin: 8px 0 20px; padding: 40px 16px 32px; text-align: center; color: var(--wu);
  font-family: "Wu Mark", var(--font); text-transform: uppercase; font-weight: 700;
  background: radial-gradient(ellipse at 50% 45%, #1F1A0A 0%, #000 72%);
  border: 1px solid var(--wu-dim); border-radius: var(--radius-card);
}
.wu-hero > * { margin: 0; }
.wu-hero__wu { font-size: clamp(52px, 15vw, 104px); line-height: 0.95; text-shadow: 0 0 24px rgb(232 186 72 / 0.22); }
.wu-hero__sub { margin-top: 6px; font-size: clamp(20px, 5.6vw, 44px); line-height: 1; }
.wu-hero__season {
  display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 16px;
  font-size: clamp(13px, 3.4vw, 18px); letter-spacing: 0.4em;
}
.wu-hero__season::before, .wu-hero__season::after { content: ""; width: 48px; height: 1px; background: var(--wu); opacity: 0.8; }
.wu-hero__line {
  margin-top: 18px; font-family: var(--font); text-transform: none;
  font-size: 15px; color: var(--ink-2);
}

/* Headings and buttons pick up the yellow */
.wu-tang .head__title, .wu-tang h1.t-display {
  font-family: "Wu Mark", var(--font); font-weight: 700; color: var(--wu); letter-spacing: 0.02em;
}
.wu-tang .section-head h2, .wu-tang .tonight__title { color: var(--wu); }
.wu-tang .btn--primary, .wu-tang .btn-primary { --btn-fg: #000; background: var(--wu); border-color: var(--wu); }

/* Nothing here leads back to the rest of the app */
.wu-tang .ac-back[href="/watch"] { display: none; }