/* ═══════════════════════════════════════════════════════════════
   MAKE VEGAS PAY — high-end tech luxury
   Committed single dark theme. System: DARK warm-graphite ground,
   GOLD for brand + actions + live, WHITE type (platinum for the
   free tier). Hairlines and glass, holo accents used sparingly.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --ink:       #0B0A08;
  --ink-2:     #0F0E0B;
  --card:      rgba(255,255,255,.025);
  --line:      rgba(255,255,255,.09);
  --line-soft: rgba(255,255,255,.05);
  --gold:      #C9A962;
  --gold-hi:   #EAD198;
  --gold-deep: #96763A;
  --gold-line: rgba(201,169,98,.35);
  --text:      #F4F3EF;
  --muted:     #A9A69E;
  --dim:       #86847C;
  --disc:      #5865F2;
  --display: 'Sora', 'Avenir Next', 'Helvetica Neue', sans-serif;
  --body:    'Manrope', 'Helvetica Neue', sans-serif;
  --mono:    'IBM Plex Mono', 'SF Mono', monospace;
  --maxw: 1180px;
  --gold-grad: linear-gradient(100deg, #96763A 0%, #EAD198 45%, #C9A962 70%, #F2E2B2 100%);
  --holo: linear-gradient(90deg, transparent, rgba(234,209,152,.6) 30%, rgba(255,255,255,.55) 50%, rgba(143,211,244,.4) 70%, transparent);
}

*, *::before, *::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:var(--body);
  font-weight:400;
  font-size:16.5px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ambient aurora: warm gold light */
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(52% 38% at 50% -10%, rgba(201,169,98,.12), transparent 70%),
    radial-gradient(40% 32% at 8% 108%, rgba(201,169,98,.05), transparent 70%);
}
body::after{
  content:""; position:fixed; inset:-50%; z-index:0; pointer-events:none;
  opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
}

main, .nav, .footer, .ticker{ position:relative; z-index:1; }

.sprite{ position:absolute; width:0; height:0; overflow:hidden; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
::selection{ background:rgba(201,169,98,.3); color:var(--text); }
:focus-visible{ outline:1.5px solid var(--gold); outline-offset:3px; border-radius:4px; }

.skip-link{
  position:fixed; top:-60px; left:1rem; z-index:100;
  background:var(--gold); color:#141105;
  font-family:var(--display); font-weight:600; font-size:.8rem;
  padding:.7em 1.4em; border-radius:999px;
  transition:top .2s;
}
.skip-link:focus{ top:1rem; }

/* Safari: mix-blend over the WebGL canvas is unreliable — fall back gracefully */
.no-blend .crown3d{ mix-blend-mode:normal; }
.no-blend .chip-wrap::after, .no-blend .holo-beam{ mix-blend-mode:normal; opacity:.5; }

/* ─── type helpers ─────────────────────────────────────────── */

.eyebrow{
  display:flex; align-items:center; gap:.9rem;
  font-family:var(--mono); font-weight:500;
  font-size:.68rem; letter-spacing:.26em; text-transform:uppercase;
  color:var(--muted); margin:0 0 1.4rem;
}
.eyebrow::before{ content:""; width:26px; height:1px; background:var(--gold); flex:none; }

h2{
  font-family:var(--display); font-weight:600;
  font-size:clamp(1.9rem, 4vw, 3.05rem);
  line-height:1.16; letter-spacing:-.02em;
  margin:0 0 1.2rem; text-wrap:balance;
}
h3{
  font-family:var(--display); font-weight:600;
  letter-spacing:-.01em; margin:0;
}

.gold-text{
  background:var(--gold-grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}

.lede{ max-width:36em; color:var(--muted); font-size:1.02rem; margin:0; }

.text-link{
  color:var(--gold); font-weight:500; font-size:.95rem;
  border-bottom:1px solid rgba(201,169,98,.25); padding-bottom:2px;
  transition:border-color .25s, color .25s;
}
.text-link:hover{ color:var(--gold-hi); border-color:var(--gold-line); }

/* ─── buttons ──────────────────────────────────────────────── */

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  font-family:var(--display); font-weight:600;
  font-size:.82rem; letter-spacing:.04em;
  padding:.95em 2.1em; border-radius:999px;
  transition:transform .25s, box-shadow .25s, border-color .25s, color .25s, background .25s;
  white-space:nowrap;
}
.btn-gold{
  background:linear-gradient(180deg, #DFC287, #C29F55);
  color:#141105;
  box-shadow:0 1px 0 rgba(255,240,200,.55) inset, 0 12px 30px -14px rgba(201,169,98,.55);
}
.btn-gold:hover{
  transform:translateY(-2px);
  box-shadow:0 1px 0 rgba(255,244,210,.7) inset, 0 18px 40px -14px rgba(201,169,98,.7);
}
.btn-ghost{
  border:1px solid var(--line); color:var(--text); background:rgba(255,255,255,.02);
}
.btn-ghost:hover{ border-color:var(--gold-line); color:var(--gold-hi); transform:translateY(-2px); }
.btn-discord{
  background:var(--disc); color:#fff;
  box-shadow:0 12px 30px -14px rgba(88,101,242,.6);
}
.btn-discord:hover{ transform:translateY(-2px); box-shadow:0 18px 42px -14px rgba(88,101,242,.75); }
.btn-sm{ padding:.68em 1.5em; font-size:.76rem; }
.icon-sm{ width:16px; height:16px; }

/* ─── nav ──────────────────────────────────────────────────── */

.nav{
  position:fixed; top:0; left:0; right:0; z-index:50;
  border-bottom:1px solid transparent;
  transition:background .35s, border-color .35s, backdrop-filter .35s;
}
.nav.scrolled{
  background:rgba(10,12,11,.78);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border-color:var(--line-soft);
}
.nav-inner{
  max-width:var(--maxw); margin:0 auto;
  padding:.95rem 1.5rem;
  display:flex; align-items:center; gap:2.4rem;
}
.brand{ display:flex; align-items:center; gap:.75rem; margin-right:auto; }
.chip-mini{ width:26px; height:26px; flex:none; }
.brand-word{
  font-family:var(--display); font-weight:600; font-size:.8rem;
  letter-spacing:.22em; text-transform:uppercase; color:var(--text);
}
.nav-links{ display:flex; gap:2rem; }
.nav-links a{
  position:relative;
  font-size:.8rem; font-weight:500; letter-spacing:.05em;
  color:var(--muted); transition:color .25s;
}
.nav-links a:hover{ color:var(--text); }
.nav-links a.active{ color:var(--gold-hi); }
.nav-links a.active::after{
  content:""; position:absolute; left:50%; bottom:-.55em;
  width:4px; height:4px; border-radius:50%;
  transform:translateX(-50%);
  background:var(--gold);
}
.nav-actions{ display:flex; align-items:center; gap:.7rem; }
.menu-btn{ display:none; }
.nav-sheet{ display:none; }
.nav-sheet[hidden]{ display:none !important; }

/* ─── hero ─────────────────────────────────────────────────── */

.hero{
  position:relative; min-height:100svh;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center; padding:7.5rem 1.5rem 6rem;
}
.hero-body{ position:relative; max-width:880px; }

.chip-wrap{
  position:relative;
  width:clamp(190px, 26vw, 300px); aspect-ratio:1;
  margin:0 auto 1.4rem;
  perspective:800px;
}
.crown3d{
  display:block; width:100%; height:100%;
  position:relative; z-index:1;
  background:transparent;
  opacity:.88;
  mix-blend-mode:screen;
  filter:brightness(1.18) contrast(1.05) saturate(1.12)
         drop-shadow(0 0 16px rgba(234,209,152,.4))
         drop-shadow(0 0 46px rgba(201,169,98,.25));
  animation:holo-flicker 7s linear infinite;
}
.crown3d .chip{ width:58%; height:58%; margin:21%; }

/* projection artifacts: scanlines + traveling scan sweep */
.chip-wrap::after{
  content:""; position:absolute; inset:-4%; pointer-events:none; z-index:2;
  background:
    linear-gradient(180deg, transparent 0%, rgba(234,209,152,.14) 46%,
      rgba(255,246,220,.22) 50%, rgba(234,209,152,.14) 54%, transparent 100%) no-repeat,
    repeating-linear-gradient(0deg, rgba(255,238,196,.06) 0 1px, transparent 1px 4px);
  background-size:100% 30%, 100% 100%;
  mix-blend-mode:screen;
  -webkit-mask:radial-gradient(closest-side, #000 62%, transparent 74%);
  mask:radial-gradient(closest-side, #000 62%, transparent 74%);
  animation:holo-scan 5s linear infinite;
}
@keyframes holo-scan{
  0%{ background-position:0 -80%, 0 0; }
  100%{ background-position:0 180%, 0 0; }
}
@keyframes holo-flicker{
  0%, 100%{ opacity:.88; }
  6.5%{ opacity:.8; } 8%{ opacity:.88; }
  39%{ opacity:.84; } 41%{ opacity:.88; }
  70%{ opacity:.78; } 71.5%{ opacity:.88; }
}

/* projector pad + light cone */
.holo-pad{
  position:absolute; left:50%; bottom:-5.5%; z-index:0;
  width:72%; height:10px; transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(50% 100% at 50% 50%,
    rgba(234,209,152,.6), rgba(201,169,98,.18) 60%, transparent 78%);
  filter:blur(4px);
  animation:pad-pulse 4s ease-in-out infinite;
}
@keyframes pad-pulse{
  0%, 100%{ opacity:.9; } 50%{ opacity:.55; }
}
.holo-beam{
  position:absolute; left:0; right:0; bottom:-4%; z-index:0;
  height:96%; pointer-events:none;
  clip-path:polygon(40% 100%, 60% 100%, 96% 0%, 4% 0%);
  background:linear-gradient(to top,
    rgba(234,209,152,.22), rgba(234,209,152,.07) 45%, transparent 82%);
  mix-blend-mode:screen;
  filter:blur(2px);
}
.chip{ display:block; width:100%; height:100%; }
.chip-hero{
  animation:coin 8.5s cubic-bezier(.45,0,.25,1) infinite;
  filter:drop-shadow(0 20px 44px rgba(201,169,98,.28));
}
/* dwell face-on, then one elegant flip */
@keyframes coin{
  0%, 55%{ transform:rotateY(0); }
  80%, 100%{ transform:rotateY(360deg); }
}
.holo-ring{
  position:absolute; inset:-24%; z-index:-1; border-radius:50%;
  background:conic-gradient(from 40deg,
    transparent 0 10%, rgba(234,209,152,.55) 30%, rgba(255,255,255,.35) 48%,
    rgba(143,211,244,.35) 62%, transparent 78%);
  filter:blur(24px); opacity:.4;
  animation:holospin 16s linear infinite;
}
@keyframes holospin{ to{ transform:rotate(360deg); } }

.eyebrow-hero{
  font-family:var(--mono); font-weight:500;
  font-size:.74rem; letter-spacing:.26em; text-transform:uppercase;
  color:#B6BCB2; margin:0 0 1.6rem;
}
.hero-title{
  margin:0; font-family:var(--display); font-weight:700;
  font-size:clamp(2.9rem, 8.4vw, 6.2rem);
  line-height:1.02; letter-spacing:-.025em; text-transform:uppercase;
}
.hero-sub{
  max-width:33em; margin:1.9rem auto 0;
  color:var(--muted); font-size:1.14rem; line-height:1.7; text-wrap:balance;
}
.hero-ctas{
  margin-top:2.8rem;
  display:flex; flex-direction:column; align-items:center; gap:1rem;
}
.hero-ctas .btn{ font-size:.87rem; padding:1.05em 2.5em; }
.hero-ctas .btn-xl{
  font-size:1rem; padding:1.2em 4.2em;
  box-shadow:0 1px 0 rgba(255,240,200,.55) inset, 0 18px 44px -14px rgba(201,169,98,.65);
}
.hero-ctas-row{
  display:flex; gap:.9rem; justify-content:center; flex-wrap:wrap;
}
/* ─── ticker ───────────────────────────────────────────────── */

.ticker{
  border-block:1px solid var(--line-soft);
  overflow:hidden;
  background:rgba(255,255,255,.012);
}
.ticker-track{
  display:flex; width:max-content;
  animation:tick 100s linear infinite;
}
.tick-group{ display:flex; align-items:center; gap:3rem; padding:.9rem 1.5rem .9rem 1.5rem; }
.t-mvp{
  font-family:var(--display); font-weight:600; font-size:.76rem;
  letter-spacing:.32em; text-transform:uppercase;
  color:var(--muted); white-space:nowrap;
}
.t-logo{ height:22px; width:auto; flex:none; opacity:.95; }
.t-logo-sq{ height:24px; }
.t-logo-fifa{ height:14px; }
@keyframes tick{ to{ transform:translateX(-50%); } }

/* ─── sections ─────────────────────────────────────────────── */

.section{
  max-width:var(--maxw); margin:0 auto;
  padding:7rem 1.5rem 0;
  scroll-margin-top:4rem;
}
.section-head{ max-width:46em; }
.section-head .lede{ margin-top:1rem; }

/* ─── cities / map ─────────────────────────────────────────── */

.cities-grid{
  display:grid; grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);
  gap:2.6rem; align-items:start; margin-top:3.2rem;
}

.map-stage{
  position:relative; border:1px solid var(--line); border-radius:20px;
  overflow:hidden;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 52px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 52px),
    radial-gradient(80% 70% at 50% 38%, rgba(201,169,98,.04), transparent 70%),
    var(--ink-2);
  padding:clamp(1.2rem, 3vw, 2.6rem);
}
.map-stage::before{
  content:"UNITED STATES — ACTIVE MARKETS";
  position:absolute; top:16px; left:20px;
  font-family:var(--mono); font-size:.58rem; letter-spacing:.28em; color:var(--dim);
}
.map-base{ width:100%; height:auto; }
.map-overlay{
  position:absolute; inset:clamp(1.2rem, 3vw, 2.6rem);
  width:calc(100% - 2*clamp(1.2rem, 3vw, 2.6rem));
  height:auto;
}

.st{
  fill:rgba(201,169,98,.05);
  stroke:rgba(201,169,98,.4); stroke-width:.9;
  filter:drop-shadow(0 0 6px rgba(201,169,98,.35));
  transition:fill .3s, stroke .3s;
}
.st.hot{
  fill:rgba(201,169,98,.12);
  stroke:var(--gold-hi);
  filter:drop-shadow(0 0 10px rgba(234,209,152,.55));
}

.marker .dot{
  fill:var(--gold);
  filter:drop-shadow(0 0 6px rgba(201,169,98,.9));
  transition:fill .25s;
}
.marker .pulse{
  fill:none; stroke:var(--gold); stroke-width:1.1;
  transform-box:fill-box; transform-origin:center;
  animation:pulse 3.2s cubic-bezier(.2,.6,.4,1) infinite;
}
.marker .pulse.p2{ animation-delay:1.6s; }
@keyframes pulse{
  0%{ transform:scale(.5); opacity:.9; }
  80%, 100%{ transform:scale(3.1); opacity:0; }
}
.marker.hq .dot{ fill:var(--gold-hi); filter:drop-shadow(0 0 7px rgba(234,209,152,.9)); }
.marker.hq .pulse{ stroke:var(--gold); }
.marker.hq .ring{ fill:none; stroke:var(--gold); stroke-width:1; opacity:.65; }
.marker .mlabel{
  font-family:var(--mono); font-weight:400;
  font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  fill:var(--muted); transition:fill .25s;
}
.marker.hq .mlabel{ fill:var(--gold); }
.marker.hot .dot{ fill:#fff; }
.marker.hot .mlabel{ fill:var(--text); }

/* the goalpost around the city list */
.goalpost{ position:relative; margin-top:30px; padding:0 22px 168px; }
.goalpost .city-row{ padding:.78rem .4rem; }
.goalpost .code{ font-size:.85rem; min-width:3em; }
.goalpost .cname{ font-size:.94rem; }
.gp-up{
  position:absolute; top:-30px; bottom:164px; width:4px; border-radius:3px;
  background:linear-gradient(180deg, #EAD198, #C9A962 32%, #96763A);
  box-shadow:0 0 14px rgba(201,169,98,.3);
}
.gp-l{ left:0; } .gp-r{ right:0; }
.gp-bar{
  position:absolute; left:0; right:0; bottom:162px; height:4px; border-radius:3px;
  background:linear-gradient(90deg, #96763A, #EAD198 50%, #96763A);
  box-shadow:0 0 14px rgba(201,169,98,.3);
}
.gp-stem{
  position:absolute; left:50%; bottom:0; width:4px; height:158px;
  transform:translateX(-50%); border-radius:3px;
  background:linear-gradient(180deg, #C9A962, #96763A);
}
.gp-base{ display:none; }

/* departures-board list */
.city-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.home-star{
  width:13px; height:13px; color:#9B9992; /* light grey — the home city mark */
  margin-left:.45rem; vertical-align:baseline; position:relative; top:1px; flex:none;
}
.city-row{
  display:flex; align-items:baseline; gap:1.2rem;
  padding:1.1rem .4rem;
  border-bottom:1px solid var(--line);
  cursor:default;
  transition:background .25s, padding-left .25s;
}
.city-row:hover, .city-row.hot{
  background:linear-gradient(90deg, rgba(201,169,98,.07), transparent 80%);
  padding-left:.9rem;
}
.city-row .code{
  font-family:var(--mono); font-weight:500; font-size:.92rem;
  letter-spacing:.1em; color:var(--gold);
  min-width:3.4em;
}
.city-row .cname{ font-weight:500; font-size:1rem; letter-spacing:.01em; margin-right:auto; white-space:nowrap; }
@keyframes blink{ 0%, 100%{ opacity:1; } 50%{ opacity:.35; } }

/* ─── live board — the felt ────────────────────────────────── */

.board-band{
  margin-top:7.5rem;
  padding:5.5rem 0 6.5rem;
  border-block:1px solid rgba(201,169,98,.24);
  background:
    radial-gradient(90% 120% at 50% -20%, rgba(201,169,98,.13), transparent 60%),
    linear-gradient(180deg, #17130A, #0D0B07);
  scroll-margin-top:4rem;
}
.board-band .section{ padding-top:0; }

.live-chip[hidden]{ display:none; }
.live-chip{
  font-family:var(--mono); font-size:.6rem; letter-spacing:.2em;
  color:var(--gold-hi);
  border:1px solid var(--gold-line); border-radius:999px;
  padding:.35em 1em; margin-left:.9rem;
  display:inline-flex; align-items:center; gap:.6em;
}
.live-chip::before{
  content:""; width:5px; height:5px; border-radius:50%;
  background:var(--gold-hi); box-shadow:0 0 8px rgba(234,209,152,.9);
  animation:blink 1.8s ease-in-out infinite;
}

.spec-row{
  display:flex; align-items:center; flex-wrap:wrap; gap:.7rem;
  margin-top:2.6rem;
}
.spec-label{
  font-family:var(--mono); font-size:.62rem; letter-spacing:.24em;
  text-transform:uppercase; color:var(--dim); margin-right:.6rem;
}
.spec-chip{
  display:inline-flex; align-items:center; gap:.6rem;
  border:1px solid rgba(255,255,255,.1); border-radius:999px;
  padding:.6rem 1.15rem;
  font-family:var(--display); font-weight:600; font-size:.78rem;
  letter-spacing:.06em; color:var(--muted);
  background:rgba(10,9,6,.5);
  cursor:pointer;
  transition:border-color .25s, color .25s, background .25s;
}
.spec-chip:hover{ border-color:rgba(255,255,255,.24); color:var(--text); }
.spec-chip.is-active{
  border-color:var(--gold-line); color:var(--gold-hi);
  background:rgba(201,169,98,.08);
}
.spec-chip img{ width:20px; height:20px; object-fit:contain; }
@media (max-width:640px){
  /* one thumb-swipe chip row bleeding to the screen edges; the lede already
     says "our specialties", so the label rests on mobile */
  .spec-label{ display:none; }
  .spec-row{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch;
    scrollbar-width:none; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
    padding:0 1.2rem .4rem; margin-top:2.1rem; }
  .spec-row::-webkit-scrollbar{ display:none; }
  .spec-chip{ flex:none; padding:.68rem 1.2rem; }
}

/* the standalone scores page (scores.html) */
.sr-only{
  position:absolute; width:1px; height:1px; margin:-1px;
  clip-path:inset(50%); overflow:hidden; white-space:nowrap;
}
.spec-select-wrap{ display:none; }

.scores-page .board-band{ margin-top:0; padding-top:8.6rem; min-height:78vh; }

/* the board: grouped game cards (scores.html) */
.board-list{ margin-top:.4rem; }
.g-sub{
  display:flex; align-items:center; gap:.7rem;
  margin:2.1rem 0 .95rem;
  font-family:var(--mono); font-weight:500; font-size:.64rem;
  letter-spacing:.26em; text-transform:uppercase; color:var(--dim);
}
.g-sub i{
  font-style:normal; font-size:.6rem; letter-spacing:.05em;
  color:var(--gold); border:1px solid var(--gold-line); border-radius:999px;
  padding:.14em .7em;
}
.g-sub::after{ content:""; flex:1; height:1px; background:var(--line-soft); }
.g-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(330px, 1fr));
  gap:.95rem;
}
.gcard{
  display:flex; flex-direction:column; gap:.55rem;
  border:1px solid var(--line); border-radius:14px;
  background:rgba(255,255,255,.02);
  padding:.95rem 1.15rem .9rem;
  transition:border-color .25s, transform .25s;
}
.gcard:hover{ border-color:rgba(255,255,255,.2); }
.gcard.in{
  border-color:rgba(201,169,98,.42);
  background:linear-gradient(180deg, rgba(201,169,98,.06), rgba(255,255,255,.015) 62%);
  box-shadow:0 18px 44px -30px rgba(201,169,98,.55);
}
.gcard.post{ opacity:.62; }
.gcard.post:hover{ opacity:1; }
.gc-top{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.gc-lg{
  font-family:var(--mono); font-size:.58rem; letter-spacing:.22em;
  text-transform:uppercase; color:var(--gold);
}
.gc-status{
  font-family:var(--mono); font-size:.6rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted); white-space:nowrap;
  display:inline-flex; align-items:center; gap:.55em;
}
.gc-status.in{ color:var(--gold-hi); }
.gc-dot{
  width:5px; height:5px; border-radius:50%;
  background:var(--gold-hi); box-shadow:0 0 8px rgba(234,209,152,.9);
  animation:blink 1.8s ease-in-out infinite;
}
.gc-teams{ display:flex; flex-direction:column; }
.gc-team{
  display:flex; align-items:center; gap:.75rem;
  padding:.42rem 0;
}
.gc-team + .gc-team{ border-top:1px solid rgba(255,255,255,.05); }
.gc-logo{ width:26px; height:26px; object-fit:contain; flex:none; }
.gc-logo-fb{
  border-radius:50%; border:1px solid rgba(255,255,255,.14);
  display:inline-flex; align-items:center; justify-content:center;
  font-family:var(--mono); font-size:.56rem; color:var(--muted);
}
.gc-names{ display:flex; flex-direction:column; gap:.12rem; min-width:0; flex:1; }
.gc-names b{
  font-family:var(--display); font-weight:600; font-size:.95rem; letter-spacing:.02em;
  line-height:1.1;
}
.gc-names small{
  font-size:.72rem; color:var(--dim);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.gc-side{
  font-family:var(--mono); font-style:normal; font-size:.5rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--dim); flex:none;
}
.gc-score{
  font-family:var(--display); font-weight:700; font-size:1.3rem;
  font-variant-numeric:tabular-nums; min-width:1.3em; text-align:right; flex:none;
}
.gc-score.won{ color:var(--gold-hi); }
.gc-team.loser .gc-names b{ color:var(--dim); }
.gc-team.loser .gc-score{ font-weight:500; color:var(--muted); }
.gc-odds{
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:.62rem; margin-top:.15rem;
  font-family:var(--mono); font-size:.64rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--muted);
}
.board-empty{
  margin:1.6rem 0 0;
  border:1px solid rgba(255,255,255,.1); border-radius:16px;
  background:rgba(255,255,255,.02);
  padding:1.6rem; text-align:center;
  color:var(--muted); font-size:.95rem;
}

/* ─── podcast ──────────────────────────────────────────────── */

.theater{ max-width:1080px; margin:2.2rem auto 0; }

/* turf horizon: edge to edge under the goal */
.turf-strip{
  position:relative;
  width:100vw; margin:-34px calc(50% - 50vw) 0;
  height:126px;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%2242%22%3E%3Cline%20x1%3D%220.0%22%20y1%3D%2232.3%22%20x2%3D%22-0.1%22%20y2%3D%2225.4%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.17%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%222.7%22%20y1%3D%2235.1%22%20x2%3D%221.3%22%20y2%3D%2229.1%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.16%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%224.5%22%20y1%3D%2237.4%22%20x2%3D%223.2%22%20y2%3D%2232.7%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.15%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%226.9%22%20y1%3D%2231.3%22%20x2%3D%225.8%22%20y2%3D%2226.1%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.07%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%229.6%22%20y1%3D%2232.0%22%20x2%3D%229.7%22%20y2%3D%2223.9%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.11%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2211.5%22%20y1%3D%2231.3%22%20x2%3D%2212.3%22%20y2%3D%2223.5%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.14%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2214.1%22%20y1%3D%2237.1%22%20x2%3D%2213.0%22%20y2%3D%2230.7%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.13%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%2216.0%22%20y1%3D%2238.4%22%20x2%3D%2215.7%22%20y2%3D%2230.4%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.12%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%2218.9%22%20y1%3D%2234.1%22%20x2%3D%2219.5%22%20y2%3D%2230.5%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.07%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2221.3%22%20y1%3D%2237.0%22%20x2%3D%2221.5%22%20y2%3D%2232.4%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.08%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2223.2%22%20y1%3D%2233.8%22%20x2%3D%2223.5%22%20y2%3D%2225.7%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.09%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2225.0%22%20y1%3D%2237.5%22%20x2%3D%2225.5%22%20y2%3D%2230.1%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.12%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2227.8%22%20y1%3D%2234.3%22%20x2%3D%2228.1%22%20y2%3D%2225.8%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.12%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%2230.3%22%20y1%3D%2238.5%22%20x2%3D%2230.2%22%20y2%3D%2233.8%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.15%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%2232.1%22%20y1%3D%2233.3%22%20x2%3D%2230.8%22%20y2%3D%2225.5%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.09%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2234.8%22%20y1%3D%2236.2%22%20x2%3D%2235.5%22%20y2%3D%2231.9%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.1%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2237.2%22%20y1%3D%2236.8%22%20x2%3D%2238.1%22%20y2%3D%2233.2%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.16%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2239.8%22%20y1%3D%2234.9%22%20x2%3D%2238.8%22%20y2%3D%2226.9%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.1%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2241.5%22%20y1%3D%2236.5%22%20x2%3D%2241.9%22%20y2%3D%2225.0%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.11%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2243.7%22%20y1%3D%2238.7%22%20x2%3D%2242.6%22%20y2%3D%2230.6%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.09%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2245.9%22%20y1%3D%2232.1%22%20x2%3D%2244.9%22%20y2%3D%2224.3%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.16%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%2248.2%22%20y1%3D%2232.8%22%20x2%3D%2247.9%22%20y2%3D%2228.4%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.14%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2250.7%22%20y1%3D%2235.0%22%20x2%3D%2250.3%22%20y2%3D%2224.0%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.11%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2252.6%22%20y1%3D%2236.7%22%20x2%3D%2252.0%22%20y2%3D%2231.9%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.09%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2254.6%22%20y1%3D%2238.2%22%20x2%3D%2254.8%22%20y2%3D%2233.2%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.08%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2256.4%22%20y1%3D%2235.8%22%20x2%3D%2255.8%22%20y2%3D%2230.6%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.12%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2258.3%22%20y1%3D%2235.9%22%20x2%3D%2257.1%22%20y2%3D%2230.8%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.17%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2261.1%22%20y1%3D%2236.2%22%20x2%3D%2262.4%22%20y2%3D%2229.6%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.13%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2263.6%22%20y1%3D%2236.6%22%20x2%3D%2264.6%22%20y2%3D%2230.8%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.09%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2266.1%22%20y1%3D%2231.3%22%20x2%3D%2265.8%22%20y2%3D%2226.5%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.12%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2268.3%22%20y1%3D%2233.6%22%20x2%3D%2268.7%22%20y2%3D%2229.0%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.12%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%2270.4%22%20y1%3D%2235.8%22%20x2%3D%2270.8%22%20y2%3D%2231.3%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.14%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2273.0%22%20y1%3D%2236.5%22%20x2%3D%2272.6%22%20y2%3D%2231.7%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.11%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2275.8%22%20y1%3D%2238.9%22%20x2%3D%2275.3%22%20y2%3D%2235.4%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.14%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2278.2%22%20y1%3D%2231.6%22%20x2%3D%2278.9%22%20y2%3D%2226.6%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.17%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2280.7%22%20y1%3D%2232.6%22%20x2%3D%2281.2%22%20y2%3D%2227.5%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.08%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2282.8%22%20y1%3D%2233.0%22%20x2%3D%2283.3%22%20y2%3D%2225.3%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.09%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2284.8%22%20y1%3D%2234.0%22%20x2%3D%2284.7%22%20y2%3D%2225.8%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.14%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2286.7%22%20y1%3D%2234.1%22%20x2%3D%2288.0%22%20y2%3D%2229.2%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.11%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%2289.6%22%20y1%3D%2236.6%22%20x2%3D%2288.3%22%20y2%3D%2233.0%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.11%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%2291.6%22%20y1%3D%2231.1%22%20x2%3D%2291.0%22%20y2%3D%2224.8%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.11%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2293.7%22%20y1%3D%2232.1%22%20x2%3D%2293.8%22%20y2%3D%2224.6%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.1%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%2295.9%22%20y1%3D%2235.4%22%20x2%3D%2296.8%22%20y2%3D%2230.8%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.16%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2298.4%22%20y1%3D%2231.6%22%20x2%3D%2299.7%22%20y2%3D%2225.9%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.09%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%22100.7%22%20y1%3D%2235.2%22%20x2%3D%22101.2%22%20y2%3D%2229.0%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.1%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22102.6%22%20y1%3D%2233.3%22%20x2%3D%22103.0%22%20y2%3D%2223.0%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.12%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%22105.2%22%20y1%3D%2233.9%22%20x2%3D%22105.5%22%20y2%3D%2228.6%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.14%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%22107.4%22%20y1%3D%2231.3%22%20x2%3D%22106.7%22%20y2%3D%2226.6%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.14%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%22110.3%22%20y1%3D%2234.4%22%20x2%3D%22110.3%22%20y2%3D%2229.3%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.11%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%22112.7%22%20y1%3D%2236.1%22%20x2%3D%22112.7%22%20y2%3D%2232.5%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.15%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22115.2%22%20y1%3D%2232.7%22%20x2%3D%22115.3%22%20y2%3D%2225.4%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.17%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22117.2%22%20y1%3D%2234.7%22%20x2%3D%22118.4%22%20y2%3D%2227.7%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.13%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%22118.9%22%20y1%3D%2234.0%22%20x2%3D%22120.3%22%20y2%3D%2226.8%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.16%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%22120.9%22%20y1%3D%2235.1%22%20x2%3D%22121.7%22%20y2%3D%2230.2%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.16%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%22123.1%22%20y1%3D%2232.4%22%20x2%3D%22122.7%22%20y2%3D%2226.2%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.17%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22125.9%22%20y1%3D%2237.0%22%20x2%3D%22126.6%22%20y2%3D%2228.6%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.16%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%22128.1%22%20y1%3D%2238.9%22%20x2%3D%22128.5%22%20y2%3D%2233.9%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.13%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22130.7%22%20y1%3D%2236.2%22%20x2%3D%22130.3%22%20y2%3D%2231.4%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.12%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%22133.0%22%20y1%3D%2234.7%22%20x2%3D%22133.3%22%20y2%3D%2231.0%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.14%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%22135.0%22%20y1%3D%2232.3%22%20x2%3D%22136.0%22%20y2%3D%2224.5%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.13%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22136.9%22%20y1%3D%2232.8%22%20x2%3D%22136.9%22%20y2%3D%2225.6%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.07%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%22139.2%22%20y1%3D%2234.7%22%20x2%3D%22139.5%22%20y2%3D%2229.2%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.08%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22141.8%22%20y1%3D%2234.0%22%20x2%3D%22142.6%22%20y2%3D%2229.2%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.13%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22144.6%22%20y1%3D%2231.6%22%20x2%3D%22143.6%22%20y2%3D%2226.6%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.08%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%22146.7%22%20y1%3D%2232.7%22%20x2%3D%22147.2%22%20y2%3D%2228.2%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.07%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22149.5%22%20y1%3D%2235.2%22%20x2%3D%22148.9%22%20y2%3D%2231.6%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.14%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22151.2%22%20y1%3D%2237.0%22%20x2%3D%22152.6%22%20y2%3D%2230.5%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.13%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22153.5%22%20y1%3D%2235.3%22%20x2%3D%22152.2%22%20y2%3D%2229.1%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.08%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cline%20x1%3D%22156.1%22%20y1%3D%2236.1%22%20x2%3D%22155.3%22%20y2%3D%2230.3%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.07%29%22%20stroke-width%3D%221.4%22%2F%3E%3Cline%20x1%3D%22158.9%22%20y1%3D%2237.7%22%20x2%3D%22159.6%22%20y2%3D%2230.4%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.12%29%22%20stroke-width%3D%221.0%22%2F%3E%3C%2Fsvg%3E") repeat-x left top,
    linear-gradient(180deg, transparent 6px, rgba(244,243,239,.018) 34px, rgba(244,243,239,.038) 58px, rgba(244,243,239,.05) 84px, rgba(244,243,239,.05) 100%);
  background-size:160px 42px, auto;
}
.turf-strip::before{
  content:""; position:absolute; top:20px; left:80%; z-index:2;
  width:60px; height:16px; transform:translateX(-50%);
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2216%22%3E%3Cline%20x1%3D%2227.4%22%20y1%3D%2216.0%22%20x2%3D%2228.8%22%20y2%3D%227.9%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.15%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2213.0%22%20y1%3D%2216.0%22%20x2%3D%2213.4%22%20y2%3D%229.8%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.12%29%22%20stroke-width%3D%221.3%22%2F%3E%3Cline%20x1%3D%2210.7%22%20y1%3D%2216.0%22%20x2%3D%2211.9%22%20y2%3D%229.9%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.11%29%22%20stroke-width%3D%221.3%22%2F%3E%3Cline%20x1%3D%2255.1%22%20y1%3D%2216.0%22%20x2%3D%2255.5%22%20y2%3D%2210.1%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.17%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%226.2%22%20y1%3D%2216.0%22%20x2%3D%225.4%22%20y2%3D%2211.8%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.18%29%22%20stroke-width%3D%221.3%22%2F%3E%3Cline%20x1%3D%2226.8%22%20y1%3D%2216.0%22%20x2%3D%2226.8%22%20y2%3D%226.4%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.14%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2238.8%22%20y1%3D%2216.0%22%20x2%3D%2238.1%22%20y2%3D%229.2%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.2%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2241.2%22%20y1%3D%2216.0%22%20x2%3D%2240.4%22%20y2%3D%2210.1%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.11%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2224.6%22%20y1%3D%2216.0%22%20x2%3D%2224.3%22%20y2%3D%226.6%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.19%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2214.5%22%20y1%3D%2216.0%22%20x2%3D%2213.1%22%20y2%3D%227.6%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.2%29%22%20stroke-width%3D%221.3%22%2F%3E%3Cline%20x1%3D%2225.7%22%20y1%3D%2216.0%22%20x2%3D%2224.7%22%20y2%3D%228.1%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.13%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2219.8%22%20y1%3D%2216.0%22%20x2%3D%2219.5%22%20y2%3D%2211.6%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.12%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%223.6%22%20y1%3D%2216.0%22%20x2%3D%223.5%22%20y2%3D%2211.0%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.16%29%22%20stroke-width%3D%221.3%22%2F%3E%3Cline%20x1%3D%2230.5%22%20y1%3D%2216.0%22%20x2%3D%2231.3%22%20y2%3D%225.2%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.17%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2224.3%22%20y1%3D%2216.0%22%20x2%3D%2222.7%22%20y2%3D%225.9%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.14%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2214.4%22%20y1%3D%2216.0%22%20x2%3D%2215.5%22%20y2%3D%2210.2%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.16%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2256.4%22%20y1%3D%2216.0%22%20x2%3D%2255.6%22%20y2%3D%2211.9%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.14%29%22%20stroke-width%3D%221.3%22%2F%3E%3Cline%20x1%3D%2223.9%22%20y1%3D%2216.0%22%20x2%3D%2222.9%22%20y2%3D%2211.0%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.13%29%22%20stroke-width%3D%221.3%22%2F%3E%3Cline%20x1%3D%2223.1%22%20y1%3D%2216.0%22%20x2%3D%2224.5%22%20y2%3D%229.0%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.18%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2249.8%22%20y1%3D%2216.0%22%20x2%3D%2248.7%22%20y2%3D%2211.5%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.18%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2242.2%22%20y1%3D%2216.0%22%20x2%3D%2242.6%22%20y2%3D%2211.0%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.13%29%22%20stroke-width%3D%221.3%22%2F%3E%3Cline%20x1%3D%2250.6%22%20y1%3D%2216.0%22%20x2%3D%2250.4%22%20y2%3D%229.8%22%20stroke%3D%22rgba%28206%2C204%2C196%2C0.12%29%22%20stroke-width%3D%221.3%22%2F%3E%3Cline%20x1%3D%2215.9%22%20y1%3D%2216.0%22%20x2%3D%2215.1%22%20y2%3D%228.5%22%20stroke%3D%22rgba%28188%2C186%2C178%2C0.15%29%22%20stroke-width%3D%221.0%22%2F%3E%3Cline%20x1%3D%2253.2%22%20y1%3D%2216.0%22%20x2%3D%2252.0%22%20y2%3D%228.5%22%20stroke%3D%22rgba%28168%2C166%2C158%2C0.16%29%22%20stroke-width%3D%221.0%22%2F%3E%3C%2Fsvg%3E") no-repeat center bottom;
}

/* the kickoff ball, teed up on the grass under the map */
.turf-strip::after{
  content:""; position:absolute; top:-26px; left:29%; z-index:1;
  width:44px; height:63px; transform:translateX(-50%);
  background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2264%22%20height=%2292%22%3E%3Cdefs%3E%3CradialGradient%20id=%22fb%22%20cx=%2242%%22%20cy=%2238%%22%20r=%2272%%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%233A362E%22/%3E%3Cstop%20offset=%22.55%22%20stop-color=%22%232A2721%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%231C1A16%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg%20transform=%22rotate(-11%2032%2052)%22%3E%3Cellipse%20cx=%2232%22%20cy=%2286.5%22%20rx=%2215%22%20ry=%223.2%22%20fill=%22rgba(0,0,0,0.32)%22/%3E%3Cpath%20d=%22M32%2018%20C42%2022%2049%2034%2049%2050%20C49%2066%2042%2078%2032%2082%20C22%2078%2015%2066%2015%2050%20C15%2034%2022%2022%2032%2018%20Z%22%20fill=%22url(%23fb)%22%20stroke=%22%23C9A962%22%20stroke-width=%222.2%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M26%2022.5%20C20.5%2028%2017.8%2038%2017.8%2050%20C17.8%2060%2019.8%2068.5%2024%2074.5%22%20fill=%22none%22%20stroke=%22rgba(234,209,152,0.28)%22%20stroke-width=%221.1%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36.5%2021.5%20C43%2027%2046.2%2037%2046.2%2050%20C46.2%2062.5%2043%2072.5%2036.5%2078.5%22%20fill=%22none%22%20stroke=%22rgba(20,18,15,0.55)%22%20stroke-width=%221.2%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M36%2024%20C41.5%2029%2044.4%2038.5%2044.4%2050%20C44.4%2061.5%2041.5%2071%2036%2076%22%20fill=%22none%22%20stroke=%22rgba(232,228,218,0.13)%22%20stroke-width=%221%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M28%2024%20C22.6%2029%2019.6%2038.5%2019.6%2050%20C19.6%2061.5%2022.6%2071%2028%2076%22%20fill=%22none%22%20stroke=%22rgba(232,228,218,0.10)%22%20stroke-width=%221%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M32%2013.5%20v5%20M32%2081.5%20v5%22%20stroke=%22%23C9A962%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22/%3E%3Cline%20x1=%2233.2%22%20y1=%2237%22%20x2=%2233.2%22%20y2=%2263.6%22%20stroke=%22rgba(0,0,0,0.4)%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cline%20x1=%2232%22%20y1=%2236.2%22%20x2=%2232%22%20y2=%2262.8%22%20stroke=%22%23EEEAE0%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Cline%20x1=%2226.8%22%20y1=%2241%22%20x2=%2237.2%22%20y2=%2241%22%20stroke=%22%23E8E4DA%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22/%3E%3Cline%20x1=%2226.8%22%20y1=%2246.6%22%20x2=%2237.2%22%20y2=%2246.6%22%20stroke=%22%23E8E4DA%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22/%3E%3Cline%20x1=%2226.8%22%20y1=%2252.2%22%20x2=%2237.2%22%20y2=%2252.2%22%20stroke=%22%23E8E4DA%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22/%3E%3Cline%20x1=%2226.8%22%20y1=%2257.8%22%20x2=%2237.2%22%20y2=%2257.8%22%20stroke=%22%23E8E4DA%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22/%3E%3C/g%3E%3Cline%20x1=%2223.3%22%20y1=%2292.0%22%20x2=%2222.2%22%20y2=%2285.2%22%20stroke=%22rgba(206,204,196,0.11)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2214.6%22%20y1=%2292.0%22%20x2=%2214.8%22%20y2=%2284.3%22%20stroke=%22rgba(188,186,178,0.12)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2227.5%22%20y1=%2292.0%22%20x2=%2226.1%22%20y2=%2287.2%22%20stroke=%22rgba(206,204,196,0.13)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2215.7%22%20y1=%2292.0%22%20x2=%2214.8%22%20y2=%2285.3%22%20stroke=%22rgba(206,204,196,0.17)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2233.3%22%20y1=%2292.0%22%20x2=%2231.8%22%20y2=%2286.7%22%20stroke=%22rgba(188,186,178,0.14)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2222.0%22%20y1=%2292.0%22%20x2=%2220.9%22%20y2=%2287.1%22%20stroke=%22rgba(206,204,196,0.12)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2217.9%22%20y1=%2292.0%22%20x2=%2218.1%22%20y2=%2285.3%22%20stroke=%22rgba(206,204,196,0.13)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2238.1%22%20y1=%2292.0%22%20x2=%2238.3%22%20y2=%2285.3%22%20stroke=%22rgba(206,204,196,0.13)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2227.2%22%20y1=%2292.0%22%20x2=%2226.7%22%20y2=%2285.5%22%20stroke=%22rgba(168,166,158,0.13)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2220.4%22%20y1=%2292.0%22%20x2=%2219.4%22%20y2=%2284.8%22%20stroke=%22rgba(168,166,158,0.11)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2231.0%22%20y1=%2292.0%22%20x2=%2232.2%22%20y2=%2284.9%22%20stroke=%22rgba(188,186,178,0.12)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2215.5%22%20y1=%2292.0%22%20x2=%2215.2%22%20y2=%2284.9%22%20stroke=%22rgba(168,166,158,0.11)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2227.0%22%20y1=%2292.0%22%20x2=%2228.5%22%20y2=%2287.2%22%20stroke=%22rgba(168,166,158,0.14)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2223.9%22%20y1=%2292.0%22%20x2=%2223.4%22%20y2=%2285.8%22%20stroke=%22rgba(188,186,178,0.16)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2242.9%22%20y1=%2292.0%22%20x2=%2244.3%22%20y2=%2285.8%22%20stroke=%22rgba(188,186,178,0.15)%22%20stroke-width=%221.2%22/%3E%3Cline%20x1=%2238.8%22%20y1=%2292.0%22%20x2=%2238.2%22%20y2=%2285.5%22%20stroke=%22rgba(168,166,158,0.15)%22%20stroke-width=%221.2%22/%3E%3C/svg%3E") no-repeat center bottom / contain;
}

/* turf bridge: the goal's grass flows into the stadium section */
.turf-band{
  scroll-margin-top:4rem;
  padding:2.6rem 0 .1px;
  background:linear-gradient(180deg, rgba(244,243,239,.05) 0%, rgba(244,243,239,.03) 34%,
    rgba(244,243,239,.012) 62%, transparent 86%);
}
.turf-band .section{ padding-top:0; }

/* — the MVP Vision jumbotron — */
.jumbo{ position:relative; margin-top:4.5rem; }

/* the bowl wraps around the board */
.stand{
  position:absolute; bottom:64px; width:310px; z-index:0;
}
.stand svg{ display:block; width:100%; height:auto; }
.stand-l{ left:-14px; }
.stand-r{ right:-14px; }
.stand-r svg{ transform:scaleX(-1); }

.jumbo-legs{
  display:flex; justify-content:center; gap:34%;
  max-width:780px; height:44px; margin:-1px auto 0;
}
.jumbo-legs i{
  width:16px; height:100%;
  background:linear-gradient(180deg, #1B1810, #0C0B08);
  border:1px solid rgba(244,243,239,.08); border-top:0;
}
.jumbo-unit{
  position:relative; z-index:1; max-width:780px; margin:0 auto;
  border:1px solid var(--gold-line); border-radius:20px;
  overflow:hidden;
  background:#0B0A07;
  box-shadow:
    0 34px 90px -38px rgba(201,169,98,.4),
    0 60px 140px -60px rgba(0,0,0,.9);
}
.jumbo-cap{
  display:flex; align-items:center; justify-content:center; gap:.7rem;
  padding:.72rem 1rem;
  background:linear-gradient(180deg, #1A1710, #100E09);
  border-bottom:1px solid rgba(201,169,98,.28);
}
.jumbo-cap .chip-mini{ width:20px; height:20px; }
.jumbo-cap span{
  font-family:var(--display); font-weight:600; font-size:.72rem;
  letter-spacing:.34em; text-indent:.34em; text-transform:uppercase;
  color:var(--gold);
}
.jumbo-screen{ padding:8px; background:#060504; }
.jumbo-screen iframe{
  display:block; width:100%; aspect-ratio:16/9; border:0;
  border-radius:8px; background:#000;
}
.jumbo-led{
  overflow:hidden;
  background:#050403;
  border-top:1px solid rgba(201,169,98,.22);
}
.led-track{
  display:flex; width:max-content;
  animation:tick 26s linear infinite;
}
.led-track span{
  display:block; padding:.5rem 0;
  font-family:var(--mono); font-weight:500;
  font-size:.62rem; letter-spacing:.34em; text-transform:uppercase;
  color:var(--gold-hi); white-space:nowrap;
  text-shadow:0 0 10px rgba(234,209,152,.55);
}
.jumbo-glow{
  position:absolute; left:22%; right:22%; bottom:52px;
  height:70px; pointer-events:none;
  background:radial-gradient(55% 100% at 50% 0%, rgba(201,169,98,.16), transparent 75%);
  filter:blur(10px);
}

/* ─── socials ──────────────────────────────────────────────── */

.icon{ width:22px; height:22px; flex:none; }
.icon-xl{ width:52px; height:52px; }


.feed-grid{
  display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:1fr;
  gap:1.2rem; margin-top:3.2rem; align-items:stretch;
}
.feed-col{ display:flex; flex-direction:column; min-width:0; }
.tt-label{
  display:flex; align-items:center; gap:.7rem;
  font-family:var(--mono); font-size:.68rem; letter-spacing:.26em;
  text-transform:uppercase; color:var(--muted);
  margin:0 0 1.2rem;
}
/* — TikTok tiles (self-hosted covers, fully themed) — */
.feed-col > .tt-tile{ flex:1; height:auto; }
.feed-grid .tt-tile{ border-radius:16px; }
.tt-grid{
  flex:1;
  display:grid; grid-template-columns:1fr; gap:.8rem;
}
.tt-tile{
  position:relative; display:block;
  height:100%; min-height:340px;
  border-radius:12px; overflow:hidden;
  border:1px solid var(--line);
  transition:border-color .3s, transform .3s, box-shadow .3s;
}
.tt-tile img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .45s;
}
.tt-tile:hover{
  border-color:var(--gold-line); transform:translateY(-3px);
  box-shadow:0 22px 50px -28px rgba(201,169,98,.35);
}
.tt-tile:hover img{ transform:scale(1.05); }
.tt-meta{
  position:absolute; left:0; right:0; bottom:0;
  padding:2.2rem .7rem .65rem;
  background:linear-gradient(transparent, rgba(6,5,3,.88));
  display:flex; flex-direction:column; gap:.2rem;
}
.tt-views{
  display:inline-flex; align-items:center; gap:.45em;
  font-family:var(--mono); font-size:.62rem; letter-spacing:.1em;
  color:var(--gold-hi);
}
.tt-views svg{ width:10px; height:10px; fill:currentColor; }
.tt-cap{
  font-size:.7rem; color:rgba(255,255,255,.85);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* the platform mark sits on the card itself (labels above the cards are gone) */
.dcard{ position:relative; }
/* all corner marks share the X logo's center (44px down, 36px in from the right) */
.d-mark{ position:absolute; top:32px; right:24px; width:24px; height:24px; }
.tile-badge{
  position:absolute; top:26px; right:18px; z-index:2;
  width:36px; height:36px; border-radius:50%;
  background:#FFFFFF;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
  display:grid; place-items:center;
}
.tile-badge .icon{ width:18px; height:18px; }
.tile-badge-dark{
  background:rgba(11,10,8,.74); border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}

/* — TikTok tile, tinted brand treatment (the raw cover fought the theme) — */
.tt-tinted img{ filter:saturate(.5) brightness(.55) contrast(.96); object-position:50% 58%; }
.tt-scrim{
  position:absolute; inset:0;
  background:
    radial-gradient(120% 90% at 50% 100%, rgba(11,10,8,.5), transparent 62%),
    linear-gradient(180deg, rgba(11,10,8,.93), rgba(11,10,8,.72) 32%,
      rgba(11,10,8,.52) 56%, rgba(11,10,8,.64) 78%, rgba(11,10,8,.9));
}
.tt-brand{
  position:absolute; inset:0; padding:1rem;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:.9rem; text-align:center;
}
.tt-ava{
  width:54px; height:54px; padding:10px; border-radius:50%;
  background:rgba(10,9,6,.74); border:1px solid var(--gold-line);
  box-shadow:0 12px 32px -14px rgba(0,0,0,.85);
}
.tt-handle{
  font-family:var(--mono); font-size:.95rem; letter-spacing:.12em;
  color:#FFFFFF; opacity:.94; text-shadow:0 2px 14px rgba(0,0,0,.7);
}
.tt-stats{
  display:inline-flex; align-items:center; gap:.7em;
  font-family:var(--mono); font-size:.8rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted);
}
.tt-stats b{ color:#FFFFFF; font-weight:600; letter-spacing:.05em; font-size:1.08em; }
.tt-stats i{ font-style:normal; color:var(--dim); }
.tt-live{
  display:inline-flex; align-items:center; gap:.65em;
  font-family:var(--mono); font-size:.72rem; letter-spacing:.24em;
  text-transform:uppercase; color:var(--gold-hi);
}
.tt-live svg{ width:14px; height:14px; flex:none; }

/* — X tweet card (baked at build time, fully themed) — */
.xcard{
  flex:1; min-height:0;
  display:flex; flex-direction:column; gap:.85rem;
  border:1px solid var(--line); border-radius:16px;
  background:var(--card);
  padding:1.35rem 1.5rem 1.2rem;
  transition:border-color .3s, transform .3s, box-shadow .3s;
}
.xcard:hover{
  border-color:var(--gold-line); transform:translateY(-3px);
  box-shadow:0 22px 55px -30px rgba(201,169,98,.3);
}
.x-head{ display:flex; align-items:center; gap:.8rem; }
.x-avatar{
  width:40px; height:40px; border-radius:50%;
  border:1px solid var(--gold-line);
}
.x-id{ display:flex; flex-direction:column; gap:.1rem; min-width:0; }
.x-name{
  font-family:var(--display); font-weight:600; font-size:.94rem; color:var(--text);
}
.x-handle{
  font-family:var(--mono); font-size:.64rem; letter-spacing:.08em; color:var(--dim);
}
.x-mark{ margin-left:auto; opacity:.85; }
.x-text{
  margin:0; white-space:pre-line;
  font-size:.86rem; line-height:1.55; color:var(--text);
  display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;
  overflow:hidden;
}
.x-text b{ color:var(--gold); font-weight:500; }
.x-photo{
  border-radius:10px; border:1px solid var(--line-soft); display:block;
  width:100%; max-height:180px; object-fit:cover;
  margin-top:auto;
}
.x-foot{
  margin-top:auto;
  display:flex; justify-content:space-between; align-items:center;
  font-family:var(--mono); font-size:.62rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--dim);
}
.x-cta{ color:var(--gold); }
.x-cta i{ font-style:normal; }


/* ─── membership ───────────────────────────────────────────── */

.membership{ padding-bottom:7rem; }

.tiers{
  display:grid; grid-template-columns:1fr 1.45fr;
  gap:1.1rem; margin-top:3.2rem; align-items:stretch;
}
.tier{
  position:relative; overflow:hidden;
  border:1px solid var(--line); border-radius:20px;
  background:var(--card);
  padding:2.5rem 2.5rem 2.4rem;
  display:flex; flex-direction:column;
}
.tier::before{
  content:""; position:absolute; top:0; left:10%; right:10%; height:1px;
}
.tier-free::before{
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
}
.tier-free{
  border-color:rgba(255,255,255,.16);
  background:
    radial-gradient(130% 150% at 50% -30%, rgba(255,255,255,.055), transparent 60%),
    var(--card);
}
.tier-premium::before{ background:var(--holo); }
.tier-premium{
  border-color:var(--gold-line);
  background:
    radial-gradient(130% 160% at 100% 0%, rgba(201,169,98,.08), transparent 55%),
    var(--card);
}

.tier-badge{
  align-self:flex-start;
  font-family:var(--mono); font-size:.6rem; letter-spacing:.24em; text-transform:uppercase;
  color:var(--text);
  border:1px solid rgba(255,255,255,.28); border-radius:999px;
  padding:.4em 1em;
  display:inline-flex; align-items:center; gap:.6em;
}
.tier-badge::before{
  content:""; width:5px; height:5px; border-radius:50%;
  background:#fff; box-shadow:0 0 8px rgba(255,255,255,.8);
}
.badge-gold{ color:var(--gold); border-color:var(--gold-line); }
.badge-gold::before{ background:var(--gold); box-shadow:0 0 8px rgba(201,169,98,.9); }

.tier-top{
  display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap;
}
.promo-chip{
  font-family:var(--mono); font-size:.62rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted);
  border:1px solid var(--gold-line); border-radius:999px;
  background:rgba(201,169,98,.06);
  padding:.45em 1.1em;
}
.promo-chip b{ color:var(--gold-hi); font-weight:500; }

.tier h3{ font-size:1.5rem; margin:1.5rem 0 .5rem; }
.tier-sub{ color:var(--muted); font-size:.94rem; margin:0 0 1.6rem; }

.feat-list{
  list-style:none; margin:0 0 2rem; padding:0;
  display:flex; flex-direction:column; gap:.7rem;
}
.feat-list li{
  position:relative; padding-left:1.5rem;
  font-size:.95rem; color:var(--text);
}
.feat-list li::before{
  content:""; position:absolute; left:2px; top:.62em;
  width:6px; height:6px; transform:rotate(45deg);
  background:var(--gold);
}
.feat-cols{ display:block; columns:2; column-gap:2.4rem; }
.feat-cols li{ break-inside:avoid; margin-bottom:.7rem; }
.tier-stats{
  margin-top:auto;
  display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem;
  padding:1.5rem 0 1.4rem;
  border-top:1px solid var(--line-soft);
}
.tstat b{
  display:block; font-family:var(--display); font-weight:700;
  font-size:1.35rem; letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
}
.tstat span{
  font-family:var(--mono); font-size:.56rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--dim);
}
.tier-ctas{ display:flex; gap:.8rem; flex-wrap:wrap; }

.plans{ display:flex; flex-direction:column; gap:.7rem; margin-top:auto; }
.plan-row{
  display:grid; grid-template-columns:1fr auto auto;
  align-items:center; gap:1.3rem;
  border:1px solid var(--line); border-radius:12px;
  background:rgba(255,255,255,.02);
  padding:1.05rem 1.3rem;
  transition:transform .25s, border-color .25s, background .25s, box-shadow .25s;
}
.plan-row:hover{
  transform:translateY(-2px);
  border-color:var(--gold-line);
  box-shadow:0 20px 50px -28px rgba(201,169,98,.4);
}
.plan-row.best{
  border-color:var(--gold-line);
  background:linear-gradient(180deg, rgba(201,169,98,.08), rgba(201,169,98,.02));
}
.plan-info{ display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.plan-name{
  font-family:var(--display); font-weight:600; font-size:1rem;
  display:flex; align-items:center; gap:.7rem;
}
.best-tag{
  font-family:var(--mono); font-style:normal; font-size:.56rem;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold);
  border:1px solid var(--gold-line); border-radius:999px;
  padding:.28em .85em;
}
.plan-dur{
  font-family:var(--mono); font-size:.62rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--dim);
}
.plan-price{
  font-family:var(--display); font-weight:700; font-size:1.45rem;
  font-variant-numeric:tabular-nums; letter-spacing:-.01em;
}
.plan-price sup{
  font-size:.6em; font-weight:600; color:var(--gold);
  margin-right:.06em; top:-.35em; position:relative;
}
.plan-cta{
  font-family:var(--display); font-weight:600; font-size:.74rem; letter-spacing:.05em;
  color:#141105;
  background:linear-gradient(180deg, #DFC287, #C29F55);
  border-radius:999px; padding:.7em 1.5em;
  box-shadow:0 1px 0 rgba(255,240,200,.5) inset;
}
.plan-note{
  margin:1.1rem 0 0;
  font-family:var(--mono); font-size:.62rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--dim);
}

/* ─── footer ───────────────────────────────────────────────── */

.footer{ border-top:1px solid var(--line-soft); }
.footer-inner{
  max-width:var(--maxw); margin:0 auto;
  padding:3.2rem 1.5rem 2.6rem;
  display:flex; flex-direction:column; align-items:center; gap:1.5rem;
  text-align:center;
}
.footer-brand{ display:flex; align-items:center; gap:.8rem; }
.footer-tag{
  font-family:var(--mono); font-size:.66rem; letter-spacing:.22em;
  text-transform:uppercase; color:var(--dim);
}
.footer-social{ display:flex; gap:.5rem; }
.footer-social a{ display:inline-flex; padding:.55rem; } /* 40px+ tap targets */
.footer-social a{ opacity:.75; transition:opacity .25s, transform .25s; display:inline-flex; }
.footer-social a:hover{ opacity:1; transform:translateY(-2px); }
.footer-social .icon{ width:18px; height:18px; }
.footer-legal{ max-width:46em; margin:0; font-size:.8rem; color:var(--dim); line-height:1.7; }
.footer-copy{
  margin:0; font-family:var(--mono); font-size:.66rem;
  letter-spacing:.14em; color:var(--dim);
}

/* ─── reveal on scroll ─────────────────────────────────────── */

.reveal{
  opacity:0; transform:translateY(24px);
  transition:opacity .8s cubic-bezier(.2,.6,.2,1), transform .8s cubic-bezier(.2,.6,.2,1);
}
.reveal.in{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .reveal{ opacity:1; transform:none; transition:none; }
  .chip-hero, .holo-ring, .ticker-track, .marker .pulse,
  .city-row .crole::before, .g-status.in::before,
  .crown3d, .chip-wrap::after, .holo-pad{ animation:none; }
  .btn, .net-links a, .dcard, .plan-row, .tt-tile, .xcard{ transition:none; }
}

/* ─── responsive ───────────────────────────────────────────── */

@media (max-width: 900px){
  .stand{ display:none; }
}

@media (max-width: 1020px){
  .tiers{ grid-template-columns:1fr; }
}

@media (max-width: 960px){
  .cities-grid{ grid-template-columns:1fr; gap:2rem; }
  .board-grid{ grid-template-columns:repeat(2, 1fr); }
}

@media (max-width: 700px){
  .feat-cols{ columns:1; }
}

@media (max-width: 640px){
  body{ font-size:16px; }
  .turf-strip::before{ left:50%; }
  .feed-grid{ grid-template-columns:1fr; grid-auto-rows:auto; }
  .feed-col > .tt-tile{ height:min(72vw, 440px); flex:none; }
  .d-preview{ min-height:230px; }
  .nav{
    background:rgba(11,10,8,.8);
    -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    border-color:var(--line-soft);
  }
  .nav{ z-index:70; }
  .nav-inner{
    padding:.6rem 1rem .6rem 1.15rem; gap:1rem;
    padding-left:max(1.15rem, env(safe-area-inset-left));
    padding-right:max(1rem, env(safe-area-inset-right));
  }
  .nav-links{ display:none; } /* the sheet takes over below 640 */
  .nav-actions .btn{ display:none; } /* the sheet carries the Join CTA */
  .menu-btn{
    display:inline-flex; flex-direction:column; justify-content:center;
    align-items:center; gap:5px; width:42px; height:42px; flex:none;
    border-radius:999px; border:1px solid var(--line);
    background:rgba(255,255,255,.03); cursor:pointer; padding:0;
    transition:border-color .25s, background .25s;
  }
  .menu-btn span{
    display:block; width:16px; height:2px; border-radius:2px;
    background:var(--text);
    transition:transform .3s cubic-bezier(.2,.7,.2,1);
  }
  .menu-btn.open{ border-color:var(--gold-line); }
  .menu-btn.open span:first-child{ transform:translateY(3.5px) rotate(45deg); }
  .menu-btn.open span:last-child{ transform:translateY(-3.5px) rotate(-45deg); }
  .nav-sheet:not([hidden]){ display:flex; }
  .nav-sheet{
    position:fixed; inset:0; z-index:60; /* under the z-70 bar so the X stays tappable */
    flex-direction:column;
    padding:calc(76px + env(safe-area-inset-top)) 1.4rem calc(1.7rem + env(safe-area-inset-bottom));
    background:rgba(11,10,8,.93);
    -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px);
    animation:sheet-in .32s cubic-bezier(.2,.7,.2,1);
  }
  .nav-sheet nav{ display:flex; flex-direction:column; }
  .nav-sheet nav a{
    display:flex; align-items:center; gap:.95rem;
    font-family:var(--display); font-weight:600; font-size:1.22rem;
    color:var(--text); padding:1rem .15rem;
    border-bottom:1px solid var(--line-soft);
  }
  .nav-sheet .s-ic{ width:20px; height:20px; color:var(--gold); flex:none; }
  .nav-sheet nav a::after{
    content:"\2192"; font-family:var(--mono); font-size:.95rem; color:var(--dim);
    margin-left:auto;
  }
  .nav-sheet nav a.active{ color:var(--gold-hi); }
  .sheet-join{ margin-top:auto; justify-content:center; gap:.6rem; padding:1.15em 2em; }
  .sheet-join .icon{ width:19px; height:19px; }
  /* owner call: the page stays scrollable behind the open sheet */
  .section, .board-band{ scroll-margin-top:6.4rem; }
  .section{ padding-top:5.2rem; }
  .hero{ padding:7.5rem 1.2rem 5rem; }
  .hide-sm{ display:none; }
  .eyebrow-hero{ font-size:.66rem; letter-spacing:.22em; }
  .hero-sub{ font-size:1.05rem; }
  .marker .mlabel{ display:none; }
  .board-band{ margin-top:5.2rem; padding:4rem 0 4.6rem; }
  .g-grid{ grid-template-columns:1fr; gap:.7rem; }
  .gcard{ padding:.85rem 1rem .8rem; }
  .g-sub{ margin:1.7rem 0 .8rem; }
  .tick-group{ gap:2rem; padding:.75rem 1rem; }
  .t-mvp{ font-size:.68rem; letter-spacing:.26em; }
  .t-logo{ height:18px; }
  .theater-frame{ padding:6px; }
  .tier{ padding:1.9rem 1.5rem; }
  .plan-row{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"name price" "dur cta";
    gap:.6rem .9rem; padding:1rem 1.05rem;
  }
  .plan-info{ display:contents; }
  .plan-name{ grid-area:name; align-self:center; }
  .plan-dur{ grid-area:dur; align-self:center; white-space:nowrap; }
  .plan-price{ grid-area:price; justify-self:end; font-size:1.3rem; }
  .plan-cta{ grid-area:cta; justify-self:end; align-self:center;
    padding:.62em 1.1em; font-size:.7rem; white-space:nowrap; }
  .best-tag{ font-size:.5rem; padding:.24em .7em; white-space:nowrap; }
  .membership{ padding-bottom:5.5rem; }
}



/* ─── the network: unified 3-panel grid ───────────────────── */
.net-head{
  max-width:none;
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:1.6rem; flex-wrap:wrap;
}
.net-head h2{ margin-bottom:.25rem; }
.net-links{ display:flex; gap:.65rem; padding-bottom:.35rem; }
.net-links a{
  width:44px; height:44px; border-radius:999px;
  border:1px solid var(--line); background:var(--card);
  display:grid; place-items:center;
  transition:border-color .25s, transform .25s;
}
.net-links a:hover{ border-color:rgba(255,255,255,.26); transform:translateY(-2px); }
.net-links .icon{ width:19px; height:19px; }

.dcard{
  flex:1; display:flex; flex-direction:column; gap:1.1rem;
  border:1px solid rgba(88,101,242,.35); border-radius:16px;
  padding:1.5rem 1.5rem 1.4rem;
  background:
    radial-gradient(130% 150% at 50% -20%, rgba(88,101,242,.14), transparent 60%),
    var(--card);
  transition:border-color .3s, transform .3s, box-shadow .3s;
}
.dcard:hover{
  transform:translateY(-3px); border-color:rgba(88,101,242,.6);
  box-shadow:0 22px 55px -30px rgba(88,101,242,.45);
}
.d-stat b{
  display:block; font-family:var(--display); font-weight:700;
  font-size:2.2rem; letter-spacing:-.02em; line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.d-stat span{
  font-family:var(--mono); font-size:.6rem; letter-spacing:.22em;
  text-transform:uppercase; color:var(--muted);
}
.d-copy{ margin:0; color:var(--muted); font-size:.92rem; }
.d-preview{
  flex:1; min-height:190px; overflow:hidden;
  display:flex; flex-direction:column; gap:.36rem;
  padding:.95rem 1.05rem 1rem;
  border:1px solid rgba(88,101,242,.22); border-radius:12px;
  background:rgba(0,0,0,.28);
  font-family:var(--mono);
  -webkit-mask-image:linear-gradient(180deg, #000 74%, transparent 99%);
  mask-image:linear-gradient(180deg, #000 74%, transparent 99%);
}
.d-cat{
  display:flex; align-items:center; gap:.6rem;
  font-size:.54rem; letter-spacing:.22em; text-transform:uppercase;
  color:var(--dim);
  margin:.5rem 0 .15rem;
}
.d-preview .d-cat:first-child{ margin-top:0; }
.d-cat::before, .d-cat::after{
  content:""; flex:1; height:1px; background:rgba(255,255,255,.08);
}
.d-ch{
  display:flex; align-items:center; gap:.55rem;
  font-size:.68rem; letter-spacing:.03em; color:var(--muted);
}
.d-ch i{ font-style:normal; font-weight:500; color:rgba(120,132,255,.9); }
.d-ch.gold{ color:var(--gold); }
.dcard{ min-height:0; }
.dcard .btn{ margin-top:.2rem; align-self:flex-start; }

/* ─── easter egg: the VEGAS slot machine ───────────────────── */
/* hover/glow are paint-only (text-shadow) — filters rasterize the glyphs
   on a GPU layer and give the diagonals ridged edges */
.hero-title .slot-word{ cursor:pointer; transition:text-shadow .3s; }
.hero-title .slot-word:hover{ text-shadow:0 0 22px rgba(234,209,152,.55); }
.slot-letter{ display:inline-block; position:relative; overflow:hidden; }
.slot-letter.spinning .sl-char{ visibility:hidden; }
.sl-strip{ position:absolute; top:0; left:0; width:100%; text-align:center; }
.sl-strip span{ display:block; }
/* the casino seven: red body, gold edge, beveled base */
.slot-word .g7, .slot-word.sevens{
  color:#DFC287;
  -webkit-text-stroke:.032em #FFFFFF;
  text-shadow:0 .035em 0 #8A672A, 0 0 .3em rgba(234,209,152,.5);
}
@keyframes jackpot-glow{
  0%, 100%{ opacity:0; }
  25%{ opacity:1; }
}
.slot-word .xf{ grid-area:1/1; transition:opacity .5s ease; }
.hero-title .slot-word{ position:relative; }
/* the jackpot flash lives on a pseudo, not the glyphs — animating filters or
   text-shadow on the word itself rasterizes the type mid-celebration */
.hero-title .slot-word.jackpot::after{
  content:""; position:absolute; inset:-22% -12%; z-index:-1;
  background:radial-gradient(60% 62% at 50% 52%, rgba(234,209,152,.34), transparent 72%);
  pointer-events:none; opacity:0;
  animation:jackpot-glow 1s ease-out 1;
}


/* ═══ MOBILE LAYER — the phone is the primary surface (≤640px) ═══ */
@keyframes sheet-in{ from{ opacity:0; transform:translateY(-10px); } to{ opacity:1; transform:none; } }
@media (max-width:640px){
  /* rhythm: consistent, tighter section spacing */
  .section{ padding-top:4.4rem; }
  .section-head .lede{ font-size:.98rem; line-height:1.65; }
  h2{ text-wrap:balance; }

  /* hero: thumb-first CTAs — big gold primary, ghosts share one row */
  .hero{ padding:6.8rem 1.3rem 4.4rem; }
  .hero-ctas{ margin-top:2.3rem; width:100%; }
  .hero-ctas .btn-xl{ width:100%; max-width:340px; justify-content:center; }
  .hero-ctas-row{ width:100%; max-width:340px; flex-wrap:nowrap; }
  .hero-ctas-row .btn{ flex:1; justify-content:center; padding:1.05em 1em; white-space:nowrap; }

  /* cities: goalpost interior stays balanced against the crossbar
     (uprights rise 30px above the box — top padding reads 30px bigger) */
  .goalpost .city-row{ padding:.85rem 0; }
  .goalpost{ padding:12px 20px 196px; }

  /* jumbotron: keep the housing slim on small screens */
  .jumbo-cap{ font-size:.6rem; letter-spacing:.3em; }
  .theater{ padding:0 .2rem; }

  /* membership: cards hug the thumb zone */
  .tier{ padding:1.7rem 1.3rem; }
  .tier-stats{ gap:1.2rem; }

  /* socials: head stacks cleanly, icon row tucks under the h2 */
  .net-head{ flex-direction:column; align-items:flex-start; gap:1.1rem; }
  .net-links{ padding-bottom:0; }

  /* footer: single centered stack with roomy targets */
  .footer-inner{ padding:2.7rem 1.3rem 2.3rem; gap:1.2rem; }

  /* density: no card gets a whole screen to itself */
  .feed-grid{ gap:.9rem; margin-top:2.2rem; }
  .tt-label{ margin-bottom:.8rem; }
  .feed-col > .tt-tile{ height:225px; }
  .ig-latest .tt-tile img{ object-position:50% 22%; }
  .x-text{ -webkit-line-clamp:4; font-size:.84rem; }
  .x-photo{ max-height:150px; }
  .xcard{ padding:1.15rem 1.15rem 1rem; }
  .dcard{ padding:1.2rem 1.2rem 1.15rem; gap:.85rem; }
  .d-preview{ min-height:0; max-height:168px; }
  .d-stat{ font-size:1.7rem; }
  .tier ul{ gap:.55rem; }
  .tier li{ font-size:.9rem; }
  .tiers{ gap:1rem; margin-top:2.2rem; }
}
@media (prefers-reduced-motion: reduce){
  .nav-sheet{ animation:none; }
}

/* scores page, phone: condensed head + a league dropdown over chip tabs */
@media (max-width:640px){
  .scores-page .board-band{ padding-top:5.9rem; }
  .scores-page .section-head .lede{ display:none; }
  .scores-page .section-head{ margin-bottom:.2rem; }
  .scores-page .spec-row{
    margin:1.4rem 0 0; padding:0; overflow:visible;
  }
  .scores-page .spec-chip{ display:none; }
  .spec-select-wrap{
    display:flex; align-items:center; position:relative; width:100%;
  }
  .spec-select{
    appearance:none; -webkit-appearance:none; width:100%;
    font-family:var(--display); font-weight:600; font-size:.82rem;
    letter-spacing:.06em; color:var(--gold-hi);
    background:rgba(201,169,98,.07);
    border:1px solid var(--gold-line); border-radius:999px;
    padding:.78rem 2.6rem .78rem 1.2rem; cursor:pointer;
  }
  .spec-caret{
    position:absolute; right:1rem; width:16px; height:16px;
    color:var(--gold); pointer-events:none;
  }
  .scores-page .g-sub:first-child{ margin-top:1.5rem; }
}