/* ---------- 0. SELF-HOSTED FONTS (woff2, Latin subset) ----------
   Anton (display) · Oswald (condensed UI) · Inter (body). Served from /fonts/,
   no third-party origin. Fallback faces use metric overrides (computed from the
   real fonts vs Arial) so the swap causes ~zero layout shift. */
@font-face{font-family:"Anton";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/anton-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"Oswald";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/oswald-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/oswald-latin-600-normal.woff2") format("woff2");}
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/oswald-latin-700-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/inter-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/inter-latin-600-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/inter-latin-700-normal.woff2") format("woff2");}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/jetbrains-mono-latin-600-normal.woff2") format("woff2");}
/* metric-matched fallbacks (Arial-based) to zero CLS during swap */
@font-face{font-family:"Anton Fallback";src:local("Arial Narrow"),local("Arial");size-adjust:103.2%;ascent-override:114.0%;descent-override:31.9%;line-gap-override:0%;}
@font-face{font-family:"Oswald Fallback";src:local("Arial Narrow"),local("Arial");size-adjust:90.7%;ascent-override:131.6%;descent-override:31.9%;line-gap-override:0%;}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:121.6%;ascent-override:79.7%;descent-override:19.8%;line-gap-override:0%;}

/* =========================================================================
   MAT — The Ultimate Pro Wrestling Database
   site.css — single-file design system (tokens + base + components)
   Dark "arena" theme. Mobile-first. No build step. No browser storage.
   ========================================================================= */

/* ---------- 1. DESIGN TOKENS ---------- */
:root {
  color-scheme: dark;

  --c-bg:#0a0b0d; --c-bg-elev-1:#121418; --c-bg-elev-2:#1a1d23; --c-bg-elev-3:#23272f;
  --c-line:#2b3038; --c-line-strong:#3a414c;
  --c-text:#e8eaed; --c-text-muted:#a2a9b4; --c-text-dim:#6b727d;

  --c-gold:#d4af37; --c-gold-bright:#f2cc4b; --c-gold-dim:#8c7420; --c-gold-tint:rgba(212,175,55,.12);
  --c-red:#e11d2a; --c-red-bright:#ff3b48; --c-red-dim:#8f1219; --c-red-tint:rgba(225,29,42,.12);

  --c-win:#2fbf71; --c-loss:#e05263; --c-draw:#c8a44d; --c-live:var(--c-red-bright); --c-focus:#5aa9ff;

  /* promotion accents */
  --c-wwe:#c8102e; --c-wcw:#e2b13c; --c-ecw:#b0b0b0; --c-tna:#1e73be; --c-nxt:#f5c518;

  /* ===== Wrestle Lore revamp tokens (Phase 0, additive — brief §3.1) ===== */
  --c-njpw:#d81f26; --c-njpw-bright:#ff4a4f; --c-njpw-tint:rgba(216,31,38,.14); --c-njpw-sun:#fff; /* VERIFY hex */
  --c-aew:#c8a24a; /* reserved until /promotions/aew/ ships; VERIFY */
  --c-current:var(--c-red); --c-current-bright:var(--c-red-bright); --c-current-tint:var(--c-red-tint);
  --c-legend:var(--c-gold); --c-legend-bright:var(--c-gold-bright); --c-legend-tint:var(--c-gold-tint);
  --c-womens:#e0409f; --c-womens-bright:#f26bbb; --c-womens-dim:#8f2464; --c-womens-tint:rgba(224,64,159,.14);
  --c-mens:#8593a6; --c-mens-tint:rgba(133,147,166,.12);
  --c-hof:#e8b923; --c-hof-bright:#ffd24a; --c-hof-deep:#7a5c12; --c-hof-tint:rgba(232,185,35,.14);
  --c-media:#a855f7; --c-media-bright:#c084fc; --c-media-dim:#6b21a8; --c-media-tint:rgba(168,85,247,.14);
  --c-moment:var(--c-red-bright); --c-moment-tint:var(--c-red-tint);
  --c-era-golden:#c9a35b; --c-era-newgen:#9bb0c4; --c-era-attitude:#d0563f;
  --c-era-ruthless:#7f8fa6; --c-era-pg:#6f9f8f; --c-era-modern:#b9c2cf;
  --accent:var(--c-gold); --accent-bright:var(--c-gold-bright); --accent-dim:var(--c-gold-dim);
  --accent-tint:var(--c-gold-tint); --accent-on:#000;
  --c-trend:var(--c-red); --c-rising:var(--c-gold-bright); --c-new:var(--c-red-bright); --c-came-from:var(--c-focus);

  --fs-300:clamp(0.78rem,0.74rem + 0.20vw,0.875rem);
  --fs-400:clamp(0.94rem,0.90rem + 0.25vw,1.05rem);
  --fs-500:clamp(1.13rem,1.05rem + 0.40vw,1.35rem);
  --fs-600:clamp(1.35rem,1.20rem + 0.75vw,1.80rem);
  --fs-700:clamp(1.65rem,1.35rem + 1.50vw,2.55rem);
  --fs-800:clamp(2.05rem,1.55rem + 2.60vw,3.60rem);
  --fs-900:clamp(2.60rem,1.80rem + 4.20vw,5.00rem);
  --lh-tight:1.08; --lh-snug:1.28; --lh-body:1.6;

  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem;
  --sp-8:clamp(3rem,2rem + 5vw,6rem);

  --r-sm:4px; --r-md:8px; --r-lg:14px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 4px 16px rgba(0,0,0,.5);
  --shadow-gold:0 0 0 1px var(--c-gold-dim),0 6px 24px rgba(212,175,55,.10);
  --ease:cubic-bezier(.2,.7,.2,1); --dur:180ms;
  --wrap:1200px; --wrap-narrow:760px;

  --font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Noto Sans SC",sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --font-cond:"Oswald","Oswald Fallback","Bebas Neue","Arial Narrow",var(--font-sans);
  --font-mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace;
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}
}

/* ---------- 2. RESET + BASE ---------- */
*,*::before,*::after{box-sizing:border-box;} *{margin:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-400);
  line-height:var(--lh-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100dvh;}
h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:700;text-wrap:balance;}
h1{font-size:var(--fs-800);} h2{font-size:var(--fs-700);} h3{font-size:var(--fs-600);} h4{font-size:var(--fs-500);}
p{max-width:68ch;text-wrap:pretty;}
a{color:var(--c-gold-bright);text-decoration-color:color-mix(in srgb,var(--c-gold) 40%,transparent);text-underline-offset:2px;}
a:hover{color:var(--c-gold);}
img,iframe,video{max-width:100%;display:block;}
:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:var(--r-sm);}
.stat,.tale h3{font-family:var(--font-cond);letter-spacing:.01em;text-transform:uppercase;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--c-gold);color:#000;padding:.6em 1em;z-index:200;border-radius:0 0 var(--r-md) 0;}
.skip-link:focus{left:0;}

/* ---------- 3. LAYOUT PRIMITIVES ---------- */
.wrap{width:min(100% - 2rem,var(--wrap));margin-inline:auto;}
.wrap--narrow{width:min(100% - 2rem,var(--wrap-narrow));margin-inline:auto;}
.section{padding-block:var(--sp-8);}
.section--tight{padding-block:var(--sp-6);}
.stack>*+*{margin-top:var(--sp-4);}
.stack-lg>*+*{margin-top:var(--sp-6);}
.cluster{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;}
.center{text-align:center;}
.muted{color:var(--c-text-muted);} .dim{color:var(--c-text-dim);}
.eyebrow{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.12em;color:var(--c-gold);font-size:var(--fs-300);font-weight:700;}
.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5);}
.section-head h2{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.02em;}
.divider{height:1px;background:var(--c-line);border:0;margin-block:var(--sp-6);}

/* ---------- 4. HEADER + MEGA NAV ---------- */
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--c-bg-elev-1) 92%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line);}
.nav{display:flex;align-items:center;gap:var(--sp-4);min-height:60px;}
.brand{display:flex;align-items:center;gap:.55em;font-family:var(--font-cond);font-weight:700;
  font-size:var(--fs-500);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text);text-decoration:none;flex:0 0 auto;}
.brand:hover{color:var(--c-text);}
.brand__mark{display:inline-grid;place-content:center;width:34px;height:34px;border-radius:var(--r-sm);
  background:linear-gradient(135deg,var(--c-gold),var(--c-gold-dim));color:#000;font-weight:800;box-shadow:var(--shadow-gold);}
.brand__mark span{transform:skewX(-8deg);}
.nav__spacer{flex:1 1 auto;}

.nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--c-bg-elev-2);
  border:1px solid var(--c-line);border-radius:var(--r-md);color:var(--c-text);cursor:pointer;font-size:1.3rem;}
.nav__menu{list-style:none;display:flex;gap:var(--sp-1);padding:0;margin:0;}
.nav__item{position:relative;}
.nav__link{display:inline-flex;align-items:center;gap:.35em;padding:.7em .8em;color:var(--c-text-muted);
  text-decoration:none;font-weight:600;font-size:var(--fs-400);border-radius:var(--r-md);white-space:nowrap;}
.nav__link:hover,.nav__item:hover .nav__link,.nav__item:focus-within .nav__link{color:var(--c-text);background:var(--c-bg-elev-2);}
.nav__link[aria-expanded]::after{content:"▾";font-size:.7em;color:var(--c-text-dim);}

/* mega panel */
.mega{position:absolute;top:calc(100% + 6px);left:0;min-width:520px;background:var(--c-bg-elev-1);
  border:1px solid var(--c-line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-2);
  padding:var(--sp-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-6);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur);}
.nav__item:hover .mega,.nav__item:focus-within .mega,.mega.is-open{opacity:1;visibility:visible;transform:translateY(0);}
.mega--wide{min-width:640px;grid-template-columns:1fr 1fr 1fr;}
.mega__col h3{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-300);
  color:var(--c-gold);margin-bottom:var(--sp-2);border-bottom:1px solid var(--c-line);padding-bottom:var(--sp-1);}
.mega__link{display:block;padding:.4em .5em;color:var(--c-text-muted);text-decoration:none;border-radius:var(--r-sm);font-size:var(--fs-400);}
.mega__link:hover{background:var(--c-bg-elev-2);color:var(--c-text);}
.mega__link b{color:var(--c-text);display:block;font-weight:600;}
.mega__link small{color:var(--c-text-dim);}
.nav__cta{background:var(--c-red);color:#fff !important;padding:.6em 1.1em;border-radius:var(--r-pill);font-weight:700;
  text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-1);}
.nav__cta:hover{background:var(--c-red-bright);color:#fff !important;}

@media (max-width:900px){
  .nav__menu{position:fixed;inset:60px 0 auto 0;flex-direction:column;background:var(--c-bg-elev-1);
    border-bottom:1px solid var(--c-line-strong);padding:var(--sp-4);gap:var(--sp-1);max-height:calc(100dvh - 60px);
    overflow-y:auto;transform:translateY(-120%);transition:transform var(--dur) var(--ease);}
  .nav__menu.is-open{transform:translateY(0);}
  .nav__link{width:100%;font-size:var(--fs-500);padding:.8em;}
  .mega{position:static;min-width:0;grid-template-columns:1fr;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:0;border-left:2px solid var(--c-line-strong);border-radius:0;padding:var(--sp-2) var(--sp-3);
    display:none;background:transparent;}
  .mega.is-open{display:grid;}
  .mega--wide{grid-template-columns:1fr;}
}
@media (min-width:901px){ .nav__toggle{display:none;} }

/* ---------- 5. HERO ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--c-line);
  background:radial-gradient(120% 80% at 80% 0%,rgba(212,175,55,.10),transparent 60%),
             radial-gradient(90% 70% at 0% 100%,rgba(225,29,42,.10),transparent 55%),var(--c-bg);}
.hero__grid{display:grid;gap:var(--sp-6);align-items:center;padding-block:var(--sp-8);}
@media (min-width:800px){ .hero__grid{grid-template-columns:1.1fr .9fr;} }
.hero h1{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.01em;font-size:var(--fs-900);line-height:.95;}
.hero h1 .accent{color:var(--c-gold-bright);}
.hero__lead{font-size:var(--fs-500);color:var(--c-text-muted);max-width:52ch;}
.hero__card{background:var(--c-bg-elev-1);border:1px solid var(--c-line-strong);border-radius:var(--r-lg);
  overflow:clip;box-shadow:var(--shadow-2);}
.hero__card .embed{border-radius:0;}
.hero__card-body{padding:var(--sp-4);}

/* ---------- 6. BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.75em 1.4em;border-radius:var(--r-pill);
  font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;font-size:var(--fs-400);
  transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur);}
.btn:hover{transform:translateY(-1px);}
.btn--primary{background:var(--c-red);color:#fff;box-shadow:var(--shadow-1);}
.btn--primary:hover{background:var(--c-red-bright);color:#fff;}
.btn--gold{background:linear-gradient(135deg,var(--c-gold),var(--c-gold-dim));color:#000;box-shadow:var(--shadow-gold);}
.btn--gold:hover{color:#000;}
.btn--ghost{background:transparent;color:var(--c-text);border-color:var(--c-line-strong);}
.btn--ghost:hover{background:var(--c-bg-elev-2);color:var(--c-text);}
.btn--lg{padding:.9em 1.8em;font-size:var(--fs-500);}

/* ---------- 7. CARDS + GRID ---------- */
.grid-cards{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));}
.grid-2{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));}
.grid-3{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));}
@media (min-width:90rem){ .grid-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));} }

.card{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:clip;position:relative;
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);}
.card:hover{border-color:var(--c-line-strong);transform:translateY(-2px);}
.card__link::after{content:"";position:absolute;inset:0;}
.card__media{display:block;aspect-ratio:4/5;background:var(--c-bg-elev-2);position:relative;overflow:clip;}
.card__media--duo{background:linear-gradient(155deg,var(--accent,var(--c-gold)) -10%,#0b0c0f 72%);}
.card__media--duo::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.03) 3px 4px);}
.card__media img{width:100%;height:100%;object-fit:cover;}
.card__media--wide{aspect-ratio:16/9;}
.card__initials{position:absolute;inset:0;display:grid;place-content:center;font-family:var(--font-cond);
  font-size:var(--fs-800);color:var(--c-line-strong);background:linear-gradient(160deg,var(--c-bg-elev-2),var(--c-bg-elev-1));}
.card__body{padding:var(--sp-4);}
.card__title{font-size:var(--fs-500);margin-bottom:.15em;}
.card__title a{color:var(--c-text);text-decoration:none;} .card__title a:hover{color:var(--c-gold-bright);}
.card__meta{color:var(--c-text-dim);font-size:var(--fs-300);}
.card__tag{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:2;}

/* ---------- 8. CHIPS ---------- */
.chip{display:inline-flex;align-items:center;gap:.4em;padding:.2em .6em;border-radius:var(--r-pill);
  font-size:var(--fs-300);font-weight:600;line-height:1;background:var(--c-bg-elev-3);color:var(--c-text-muted);border:1px solid var(--c-line);}
.chip--live{color:#fff;background:var(--c-red);border-color:var(--c-red-bright);}
.chip--live::before{content:"";width:.5em;height:.5em;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:pulse 1.4s infinite;}
.chip--gold{color:var(--c-gold-bright);background:var(--c-gold-tint);border-color:var(--c-gold-dim);}
.chip--win{color:var(--c-win);} .chip--loss{color:var(--c-loss);}
.chip--wwe{color:#fff;background:var(--c-wwe);border-color:var(--c-wwe);}
.chip--wcw{color:#000;background:var(--c-wcw);border-color:var(--c-wcw);}
.chip--ecw{color:#000;background:var(--c-ecw);border-color:var(--c-ecw);}
.chip--tna{color:#fff;background:var(--c-tna);border-color:var(--c-tna);}
.chip--nxt{color:#000;background:var(--c-nxt);border-color:var(--c-nxt);}
@keyframes pulse{70%{box-shadow:0 0 0 6px rgba(255,255,255,0);}100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}}

/* ---------- 9. RATING METERS ---------- */
.rating{--rating:0;display:inline-block;font-size:var(--fs-500);line-height:1;}
.rating__stars{position:relative;display:inline-block;font-family:Times,serif;letter-spacing:.1em;color:var(--c-line-strong);}
.rating__stars::before{content:"★★★★★";position:absolute;inset:0;overflow:hidden;white-space:nowrap;
  width:calc(var(--rating)/5*100%);color:var(--c-gold-bright);}
.rating__num{font-family:var(--font-cond);color:var(--c-gold-bright);margin-left:.4em;}

.rate{border:0;padding:0;display:inline-flex;flex-direction:row-reverse;gap:.1em;font-size:var(--fs-600);}
.rate legend{font-size:var(--fs-300);color:var(--c-text-muted);margin-bottom:var(--sp-1);}
.rate input{position:absolute;opacity:0;width:0;}
.rate label{color:var(--c-line-strong);cursor:pointer;transition:color 120ms var(--ease);}
.rate input:checked ~ label{color:var(--c-gold);}
.rate:hover label{color:var(--c-line-strong);}
.rate label:hover,.rate label:hover ~ label{color:var(--c-gold-bright);}
.rate input:focus-visible + label{outline:2px solid var(--c-focus);outline-offset:2px;}

.meter{position:relative;height:10px;background:var(--c-bg-elev-3);border-radius:var(--r-pill);overflow:hidden;}
.meter__fill{position:absolute;inset:0 auto 0 0;width:calc(var(--pct)*1%);background:linear-gradient(90deg,var(--c-red),var(--c-gold));border-radius:inherit;}

.ratingbox{display:flex;align-items:center;gap:var(--sp-4);background:var(--c-bg-elev-1);border:1px solid var(--c-gold-dim);
  border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-gold);}
.ratingbox__big{font-family:var(--font-cond);font-size:var(--fs-900);color:var(--c-gold-bright);line-height:1;}
.ratingbox__big small{display:block;font-size:var(--fs-300);color:var(--c-text-dim);letter-spacing:.1em;}

/* ---------- 10. TALE OF THE TAPE ---------- */
.tale{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--sp-3);background:var(--c-bg-elev-1);
  border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-5);align-items:center;text-align:center;}
.tale__name{font-family:var(--font-cond);font-size:var(--fs-600);text-transform:uppercase;}
.tale__name a{color:var(--c-text);text-decoration:none;} .tale__name a:hover{color:var(--c-gold-bright);}
.tale .vs{color:var(--c-red);font-family:var(--font-cond);font-size:var(--fs-700);}

/* ---------- 11. TABLES ---------- */
.table-wrap{overflow-x:auto;border:1px solid var(--c-line);border-radius:var(--r-lg);}
table.data{width:100%;border-collapse:collapse;font-size:var(--fs-400);min-width:480px;}
table.data caption{text-align:left;padding:var(--sp-3) var(--sp-4);color:var(--c-text-dim);font-size:var(--fs-300);}
table.data th,table.data td{padding:.7em 1em;text-align:left;border-bottom:1px solid var(--c-line);}
table.data thead th{background:var(--c-bg-elev-2);color:var(--c-gold);font-family:var(--font-cond);text-transform:uppercase;
  letter-spacing:.04em;font-size:var(--fs-300);position:sticky;top:0;}
table.data tbody tr:hover{background:var(--c-bg-elev-2);}
table.data a{color:var(--c-gold-bright);text-decoration:none;} table.data a:hover{text-decoration:underline;}

/* ---------- 12. EMBEDS / FACADE ---------- */
.embed{aspect-ratio:16/9;width:100%;background:#000;border-radius:var(--r-md);overflow:clip;}
.embed>iframe,.embed>.facade{width:100%;height:100%;border:0;display:block;}
@supports not (aspect-ratio:1){.embed{position:relative;height:0;padding-bottom:56.25%;}.embed>*{position:absolute;inset:0;}}
.facade{position:relative;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#000;display:block;}
.facade__poster{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity var(--dur) var(--ease);}
.facade:hover .facade__poster{opacity:1;}
.facade__ph{position:absolute;inset:0;display:grid;place-content:center;font-family:var(--font-cond);
  color:var(--c-line-strong);font-size:var(--fs-700);text-transform:uppercase;background:linear-gradient(160deg,#15171c,#0c0d10);}
.facade__btn{position:absolute;inset:0;margin:auto;width:68px;height:48px;display:grid;place-content:center;
  font-size:24px;color:#fff;background:var(--c-red);border-radius:14px;box-shadow:var(--shadow-2);
  transition:transform var(--dur) var(--ease),background var(--dur) var(--ease);}
.facade:hover .facade__btn{transform:scale(1.06);background:var(--c-red-bright);}
.facade__label{position:absolute;left:0;right:0;bottom:0;padding:.6em .8em;font-size:var(--fs-300);
  color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);text-align:left;}

/* ---------- 13. BREADCRUMB ---------- */
.crumbs{font-size:var(--fs-300);color:var(--c-text-dim);padding-block:var(--sp-3);}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4em;padding:0;margin:0;}
.crumbs li::after{content:"/";margin-left:.5em;color:var(--c-line-strong);}
.crumbs li:last-child::after{content:"";}
.crumbs a{color:var(--c-text-muted);text-decoration:none;} .crumbs a:hover{color:var(--c-gold-bright);}

/* ---------- 14. PROFILE HEADER ---------- */
.profile{display:grid;gap:var(--sp-5);align-items:start;}
@media (min-width:720px){ .profile{grid-template-columns:280px 1fr;} }
.profile__photo{aspect-ratio:4/5;border-radius:var(--r-lg);overflow:clip;border:1px solid var(--c-line-strong);background:var(--c-bg-elev-2);}
.profile h1{font-family:var(--font-cond);text-transform:uppercase;font-size:var(--fs-800);}
.facts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-4);}
.facts li{border-bottom:1px dashed var(--c-line);padding-block:.4em;font-size:var(--fs-400);}
.facts b{display:block;color:var(--c-text-dim);font-size:var(--fs-300);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-cond);}

/* ---------- 15. RELATIONSHIP CHIPS + TIMELINE ---------- */
.rel-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));}
.rel{display:flex;gap:var(--sp-3);align-items:center;background:var(--c-bg-elev-1);border:1px solid var(--c-line);
  border-radius:var(--r-md);padding:var(--sp-3);}
.rel__type{font-family:var(--font-cond);text-transform:uppercase;font-size:var(--fs-300);color:var(--c-gold);letter-spacing:.05em;}
.rel a{color:var(--c-text);text-decoration:none;font-weight:600;} .rel a:hover{color:var(--c-gold-bright);}

.timeline{list-style:none;padding:0;margin:0;position:relative;border-left:2px solid var(--c-line-strong);margin-left:.5em;}
.timeline li{position:relative;padding:0 0 var(--sp-5) var(--sp-5);}
.timeline li::before{content:"";position:absolute;left:-7px;top:.35em;width:12px;height:12px;border-radius:50%;
  background:var(--c-gold);box-shadow:0 0 0 3px var(--c-bg);}
.timeline time{font-family:var(--font-cond);color:var(--c-gold-bright);letter-spacing:.04em;}

/* ---------- 16. FAQ ---------- */
.faq{border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:clip;}
.faq details{border-bottom:1px solid var(--c-line);}
.faq details:last-child{border-bottom:0;}
.faq summary{cursor:pointer;padding:var(--sp-4) var(--sp-5);font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1em;background:var(--c-bg-elev-1);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--c-gold);font-size:1.3em;line-height:1;}
.faq details[open] summary::after{content:"–";}
.faq details[open] summary{background:var(--c-bg-elev-2);}
.faq__body{padding:var(--sp-4) var(--sp-5);color:var(--c-text-muted);}

/* answer-first callout (GEO) */
.answer{font-size:var(--fs-500);background:var(--c-gold-tint);border-left:3px solid var(--c-gold);
  padding:var(--sp-4) var(--sp-5);border-radius:0 var(--r-md) var(--r-md) 0;max-width:none;}
.answer strong{color:var(--c-gold-bright);}

/* ---------- 17. MEMBERSHIP TIERS ---------- */
.tiers{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:start;}
.tier{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-5);position:relative;}
.tier--featured{border-color:var(--c-gold);box-shadow:var(--shadow-gold);}
.tier__badge{position:absolute;top:-.8em;left:var(--sp-5);background:var(--c-gold);color:#000;font-family:var(--font-cond);
  text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-300);font-weight:700;padding:.2em .8em;border-radius:var(--r-pill);}
.tier__name{font-family:var(--font-cond);text-transform:uppercase;font-size:var(--fs-600);}
.tier__price{font-family:var(--font-cond);font-size:var(--fs-800);color:var(--c-gold-bright);line-height:1;margin:.2em 0;}
.tier__price small{font-size:var(--fs-300);color:var(--c-text-dim);}
.tier ul{list-style:none;padding:0;margin:var(--sp-4) 0;display:grid;gap:var(--sp-2);}
.tier li{padding-left:1.6em;position:relative;color:var(--c-text-muted);}
.tier li::before{content:"✓";position:absolute;left:0;color:var(--c-win);font-weight:700;}
.tier li.no{color:var(--c-text-dim);} .tier li.no::before{content:"–";color:var(--c-line-strong);}

/* ---------- 18. FORMS / WAITLIST ---------- */
.form{display:grid;gap:var(--sp-3);}
.field{display:grid;gap:var(--sp-1);}
.field label{font-size:var(--fs-300);color:var(--c-text-muted);font-weight:600;}
.input{width:100%;padding:.8em 1em;background:var(--c-bg-elev-3);border:1px solid var(--c-line-strong);
  border-radius:var(--r-md);color:var(--c-text);font-size:var(--fs-400);font-family:inherit;}
.input:focus{border-color:var(--c-gold);outline:none;}
.form__row{display:grid;gap:var(--sp-3);grid-template-columns:1fr;}
@media (min-width:520px){ .form__row{grid-template-columns:1fr 1fr;} }
.form-note{font-size:var(--fs-300);color:var(--c-text-dim);}
.form-success{display:none;background:color-mix(in srgb,var(--c-win) 15%,transparent);border:1px solid var(--c-win);
  border-radius:var(--r-md);padding:var(--sp-4);color:var(--c-text);}
.form-success.is-visible{display:block;}
.waitlist-cta{background:linear-gradient(135deg,rgba(225,29,42,.12),rgba(212,175,55,.12)),var(--c-bg-elev-1);
  border:1px solid var(--c-gold-dim);border-radius:var(--r-lg);padding:var(--sp-6);}

/* ---------- 19. STATS STRIP ---------- */
.stats-strip{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));text-align:center;}
.stats-strip .stat-num{font-family:var(--font-cond);font-size:var(--fs-800);color:var(--c-gold-bright);line-height:1;}
.stats-strip .stat-lbl{color:var(--c-text-dim);font-size:var(--fs-300);text-transform:uppercase;letter-spacing:.06em;}

/* ---------- 20. QR ---------- */
.qr{display:inline-grid;gap:var(--sp-2);justify-items:center;padding:var(--sp-4);background:var(--c-bg-elev-1);
  border:1px solid var(--c-line);border-radius:var(--r-lg);}
.qr img{background:#fff;padding:8px;border-radius:var(--r-md);}

/* ---------- 21. FOOTER ---------- */
/* Legacy base (still used by /zh/ and /china/ minimal footers). */
.site-footer{border-top:1px solid var(--c-line);background:var(--c-bg-elev-1);margin-top:var(--sp-8);}

/* UNIVERSAL FOOTER (FT3 directory grid) — stamped site-wide from components/footer.html.
   Fully self-contained under .site-footer--fat; edit components/footer.html for markup. */
.site-footer--fat{
  --ft-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  border-top:1px solid var(--c-line);
  background:
    radial-gradient(120% 100% at 50% -10%, rgba(212,175,55,.05), transparent 60%),
    var(--c-bg-elev-1);
  margin-top:0;                 /* was var(--sp-8): the preceding section already pads the gap */
  position:relative; z-index:2;
  color:var(--c-text-muted);
}
/* kill the double dead-space: the last content section no longer needs a full section's
   worth of bottom padding when the footer sits right under it. */
main > .section:last-child{padding-block-end:var(--sp-6);}
.site-footer--fat::before{
  content:""; position:absolute; inset:0 0 auto 0; height:2px;
  background:linear-gradient(90deg,transparent,var(--c-gold-dim) 20%,var(--c-gold) 50%,var(--c-gold-dim) 80%,transparent);
  opacity:.7;
}
.site-footer--fat .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--sp-5);}

/* ---- top strip: brand + fun fact + CTA ---- */
.site-footer--fat .ftr-strip{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center;
  gap:var(--sp-4) var(--sp-6);
  padding-block:var(--sp-4);
  border-bottom:1px solid var(--c-line);
}
.site-footer--fat .ftr-brand{display:flex;align-items:center;gap:.85em;text-decoration:none;color:var(--c-text);}
.site-footer--fat .ftr-logo{
  flex:none; height:82px; width:auto; display:block;
  filter:drop-shadow(0 3px 12px rgba(212,175,55,.24));
}
.site-footer--fat .ftr-brand__txt{display:flex;flex-direction:column;}
/* single-line Impact wordmark (falls back to Anton, the site's Impact-style display face) */
.site-footer--fat .ftr-brand__word{
  font-family:"Impact","Haettenschweiler","Anton","Anton Fallback",sans-serif;
  font-size:clamp(1.55rem,7.4vw,2.4rem);line-height:1;letter-spacing:-.01em;color:#fff;white-space:nowrap;
  display:inline-block;transform:scaleX(.9);transform-origin:left center; /* condense Anton toward Impact's narrow proportions */
}
.site-footer--fat .ftr-brand:hover .ftr-brand__word{color:var(--c-gold-bright);}
.site-footer--fat .ftr-brand__tag{margin-top:.35em;font-size:var(--fs-300);color:var(--c-text-dim);white-space:normal;}

/* ---- fun fact module (replaces catalog stats) ---- */
.site-footer--fat .ftr-fact{
  justify-self:center; display:flex; align-items:center; gap:.65rem;
  max-width:480px; padding:.5rem .7rem;
  border:1px solid var(--c-line); border-radius:var(--r-lg);
  background:linear-gradient(180deg,rgba(212,175,55,.06),rgba(212,175,55,.01));
}
.site-footer--fat .ftr-fact__ico{flex:none;width:46px;height:auto;}
.site-footer--fat .ftr-fact__txt{margin:0;max-width:42ch;font-size:.8rem;line-height:1.4;color:var(--c-text-muted);}
.site-footer--fat .ftr-fact__k{
  display:block;font-family:var(--ft-mono);font-size:.58rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.18em;color:var(--c-gold);margin-bottom:.2em;
}
.site-footer--fat .ftr-fact__body{display:block;color:var(--c-text-muted);}
.site-footer--fat .ftr-fact__shuffle{
  flex:none;display:grid;place-content:center;width:26px;height:26px;padding:0;
  border:1px solid var(--c-line);border-radius:var(--r-pill);background:transparent;
  color:var(--c-text-dim);cursor:pointer;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.site-footer--fat .ftr-fact__shuffle svg{width:14px;height:14px;display:block;}
.site-footer--fat .ftr-fact__shuffle:hover{color:var(--c-gold-bright);border-color:var(--c-gold-dim);transform:rotate(90deg);}

/* ---- CTA: championship plate ---- */
.site-footer--fat .ftr-cta{
  justify-self:end; position:relative; overflow:hidden;
  display:flex; flex-direction:column; gap:.03em; text-decoration:none; text-align:left;
  padding:.5em 1.1em; border-radius:9px;
  background:linear-gradient(180deg,#fbeaa0 0%,#f2cc4b 20%,var(--c-gold) 55%,#b8912b 100%);
  color:#1a1400;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.28),0 0 0 1px var(--c-gold-dim),0 8px 26px rgba(212,175,55,.28);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.site-footer--fat .ftr-cta__sheen{
  position:absolute;top:0;bottom:0;left:0;width:55%;pointer-events:none;
  background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.6) 50%,transparent 68%);
  transform:translateX(-150%);
  animation:ftrCtaSheen 6.5s ease-in-out 2s infinite;
}
.site-footer--fat .ftr-cta__k{position:relative;font-family:var(--ft-mono);font-size:.52rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:rgba(26,20,0,.72);}
.site-footer--fat .ftr-cta__l{position:relative;font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:.98rem;line-height:1.05;margin-top:.05em;}
.site-footer--fat .ftr-cta__sub{position:relative;font-size:.59rem;font-weight:600;letter-spacing:.01em;color:rgba(26,20,0,.66);margin-top:.1em;}
.site-footer--fat .ftr-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,0,0,.3),0 0 0 1px var(--c-gold),0 12px 34px rgba(212,175,55,.42);}
.site-footer--fat .ftr-cta:hover .ftr-cta__sheen{animation-duration:1.2s;animation-delay:0s;}
@keyframes ftrCtaSheen{0%{transform:translateX(-150%)}12%{transform:translateX(170%)}100%{transform:translateX(170%)}}

/* ---- dense directory grid ---- */
.site-footer--fat .ftr-dir{
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--sp-5) var(--sp-4);
  padding-block:var(--sp-4);
}
.site-footer--fat .ftr-h{
  font-family:var(--ft-mono); font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.14em;
  color:var(--c-gold); margin:0 0 .55rem; padding-bottom:.4rem;
  border-bottom:1px solid var(--c-line);
}
.site-footer--fat .ftr-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.06rem;}
.site-footer--fat .ftr-col a{
  display:flex;align-items:baseline;gap:.4em;justify-content:space-between;
  color:var(--c-text-muted); text-decoration:none; font-size:.92rem; line-height:1.25;
  padding:.2em 0; border-radius:var(--r-sm);
  transition:color var(--dur) var(--ease),padding-left var(--dur) var(--ease);
}
.site-footer--fat .ftr-col a:hover{color:var(--c-gold-bright);padding-left:.35em;}
.site-footer--fat .ftr-col a.ftr-more{
  color:var(--c-gold);font-family:var(--ft-mono);font-size:.72rem;letter-spacing:.04em;
  text-transform:uppercase;margin-top:.15rem;
}
.site-footer--fat .ftr-col a.ftr-more:hover{color:var(--c-gold-bright);}

/* ---- provenance ---- */
.site-footer--fat .ftr-prov{
  font-family:var(--ft-mono); font-size:.66rem; text-transform:uppercase; letter-spacing:.1em;
  color:var(--c-text-dim); text-align:center; padding-block:var(--sp-3);
  border-top:1px solid var(--c-line);
  max-width:none;
}

/* ---- bottom legal bar ---- */
.site-footer--fat .ftr-legal{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-5);
  padding-block:var(--sp-3) var(--sp-4);
  border-top:1px solid var(--c-line);
  font-size:var(--fs-300);
}
.site-footer--fat .ftr-copy{color:var(--c-text-dim);margin:0;}
.site-footer--fat .ftr-legal__nav{display:flex;gap:var(--sp-4);margin-right:auto;}
.site-footer--fat .ftr-legal__nav a{color:var(--c-text-muted);text-decoration:none;}
.site-footer--fat .ftr-legal__nav a:hover{color:var(--c-gold-bright);}
.site-footer--fat .ftr-domain{font-family:var(--ft-mono);font-size:.72rem;letter-spacing:.06em;color:var(--c-gold);}

/* ---- focus-visible ---- */
.site-footer--fat a:focus-visible,.site-footer--fat button:focus-visible{outline:2px solid var(--c-focus);outline-offset:3px;border-radius:var(--r-sm);}

/* ---- responsive: 6 -> 3 -> 2 -> 1 ---- */
@media (max-width:1100px){
  .site-footer--fat .ftr-dir{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:760px){
  .site-footer--fat .ftr-strip{grid-template-columns:1fr;justify-items:start;text-align:left;}
  .site-footer--fat .ftr-fact{justify-self:stretch;max-width:none;}
  .site-footer--fat .ftr-cta{justify-self:stretch;}
}
@media (max-width:640px){
  .site-footer--fat .ftr-dir{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5) var(--sp-3);}
  .site-footer--fat .ftr-col a{min-height:38px;align-items:center;}
}
@media (max-width:400px){
  .site-footer--fat .ftr-dir{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .site-footer--fat .ftr-cta,.site-footer--fat .ftr-col a,.site-footer--fat .ftr-fact__shuffle{transition:none;}
  .site-footer--fat .ftr-col a:hover{padding-left:0;}
  .site-footer--fat .ftr-cta__sheen{animation:none;display:none;}
  .site-footer--fat .ftr-fact__shuffle:hover{transform:none;}
}

.footer-grid{display:grid;gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));padding-block:var(--sp-7);}
.footer-grid h3{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-300);color:var(--c-gold);margin-bottom:var(--sp-3);}
.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2);}
.footer-grid a{color:var(--c-text-muted);text-decoration:none;font-size:var(--fs-400);} .footer-grid a:hover{color:var(--c-gold-bright);}
.footer-bottom{border-top:1px solid var(--c-line);padding-block:var(--sp-4);color:var(--c-text-dim);font-size:var(--fs-300);
  display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;}
.disclaimer{max-width:80ch;color:var(--c-text-dim);font-size:var(--fs-300);}

/* ---------- 22. UTILITIES ---------- */
.pill-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);}
.hide{display:none !important;}
.tag-strip{display:flex;flex-wrap:wrap;gap:var(--sp-2);}
.notice{background:var(--c-bg-elev-2);border:1px solid var(--c-line);border-left:3px solid var(--c-gold);
  border-radius:var(--r-md);padding:var(--sp-4);color:var(--c-text-muted);font-size:var(--fs-400);}
.badge-era{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-dim);font-size:var(--fs-300);}
.related-links{display:grid;gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));}
.related-links a{display:block;padding:var(--sp-3);background:var(--c-bg-elev-1);border:1px solid var(--c-line);
  border-radius:var(--r-md);text-decoration:none;color:var(--c-text);}
.related-links a:hover{border-color:var(--c-gold-dim);color:var(--c-gold-bright);}

/* =====================================================================
   BROADCAST BOLD UPGRADE (v2) — additive; older classes still work
   Fonts: Anton (display) · Oswald (condensed UI) · Inter (body)
   ===================================================================== */
:root{
  --font-display:"Anton","Anton Fallback","Oswald","Arial Narrow",sans-serif;
  --font-cond:"Oswald","Bebas Neue","Arial Narrow",system-ui,sans-serif;
  --font-sans:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
  --edge-light:inset 0 1px 0 rgba(255,255,255,.07);
  --glow-gold:0 0 0 1px var(--c-gold-dim),0 8px 30px rgba(212,175,55,.22);
  --glow-red:0 0 0 1px var(--c-red-dim),0 8px 30px rgba(225,29,42,.25);
}
body{font-family:var(--font-sans);}

/* ---- global film grain (place <div class="grain"> before </body>) ---- */
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px;}

/* ---- scroll-reveal (gated behind .js so content is ALWAYS visible without JS) ---- */
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.js [data-reveal].is-in{opacity:1;transform:none;}
.js [data-reveal][data-reveal="right"]{transform:translateX(28px);}
.js [data-reveal][data-reveal="right"].is-in{transform:none;}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1 !important;transform:none !important;}}

/* ---- section head / eyebrow / gold rule ---- */
.rule-gold{height:2px;border:0;width:min(120px,32%);margin-top:var(--sp-3);
  background:linear-gradient(90deg,var(--c-gold),transparent);}
.link-more{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;
  font-weight:600;color:var(--c-gold-bright);text-decoration:none;white-space:nowrap;}
.link-more:hover{color:var(--c-gold);}

/* ---- HEADER upgrade: broadcast bar ---- */
.site-header{background:color-mix(in srgb,#0b0c0f 82%,transparent);}
.site-header.is-stuck{box-shadow:0 6px 24px rgba(0,0,0,.5);border-bottom-color:var(--c-line-strong);}
.brand{font-family:var(--font-display);letter-spacing:.02em;font-size:1.5rem;}
.brand__mark{background:linear-gradient(180deg,#f7e08a,#e8c34a 40%,var(--c-gold-dim));
  box-shadow:var(--edge-light),0 4px 14px rgba(212,175,55,.25);}
.nav__cta{background:linear-gradient(180deg,var(--c-red-bright),var(--c-red));font-family:var(--font-cond);
  text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--edge-light),var(--glow-red);}

/* ---- HERO (broadcast) ---- */
.hero-bb{position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(600px,90vh,940px);display:grid;align-items:center;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 4vw),0 100%);}
.hero-bb__bg{position:absolute;inset:0;z-index:-2;transform:translate3d(var(--px,0),var(--py,0),0) scale(1.06);
  transition:transform .4s var(--ease);
  background:
    radial-gradient(60% 80% at 18% 12%,rgba(212,175,55,.22),transparent 60%),
    radial-gradient(52% 72% at 88% 90%,rgba(225,29,42,.22),transparent 55%),
    conic-gradient(from 210deg at 50% -10%,#14161b,#0a0b0d 40%,#101217 70%,#0a0b0d);
  background-size:180% 180%,200% 200%,100% 100%;animation:heroDrift 26s ease-in-out infinite alternate;}
@keyframes heroDrift{0%{background-position:0% 0%,100% 100%,0 0;}100%{background-position:28% 18%,72% 82%,0 0;}}
@media (prefers-reduced-motion:reduce){.hero-bb__bg{animation:none;}}
.hero-bb__grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:170px 170px;}
.hero-bb::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 120% at 50% 38%,transparent 55%,rgba(0,0,0,.6) 100%);}
.hero-bb__inner{padding-block:var(--sp-8);display:grid;gap:var(--sp-6);align-items:center;}
@media (min-width:860px){.hero-bb__inner{grid-template-columns:1.15fr .85fr;}}
.hero-bb__title{font-family:var(--font-display);text-transform:uppercase;font-weight:400;
  font-size:clamp(3rem,7.5vw + .5rem,8rem);line-height:.9;letter-spacing:-.005em;text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.6);}
.hero-bb__title .accent{background:linear-gradient(180deg,#f7e08a 0%,var(--c-gold) 45%,var(--c-gold-dim) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 12px rgba(212,175,55,.28));}
.hero-bb__title .stroke{color:transparent;-webkit-text-stroke:1.6px rgba(232,234,237,.6);}
.hero-bb__lede{max-width:52ch;color:var(--c-text-muted);font-size:var(--fs-500);margin-top:var(--sp-2);}
.hero-bb + .section,.hero-bb + section{margin-top:-2vw;}

/* ---- glass stats bar overlapping hero ---- */
.glass{background:color-mix(in srgb,var(--c-bg-elev-2) 55%,transparent);
  backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);
  border:1px solid rgba(255,255,255,.08);box-shadow:var(--edge-light),var(--shadow-2);border-radius:var(--r-lg);}
@supports not (backdrop-filter:blur(2px)){.glass{background:var(--c-bg-elev-2);}}
.stats-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4) var(--sp-6);
  width:min(100% - 2rem,var(--wrap));margin:-3rem auto 0;position:relative;z-index:3;
  padding:var(--sp-5) var(--sp-6);text-align:center;}
@media (min-width:720px){.stats-bar{grid-template-columns:repeat(5,1fr);}}
.stats-bar .s-num{font-family:var(--font-display);font-size:var(--fs-800);color:var(--c-gold-bright);line-height:1;}
.stats-bar .s-lbl{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:var(--fs-300);margin-top:.2em;}

/* ---- marquee ticker ---- */
.marquee{overflow:hidden;border-block:1px solid var(--c-line);background:var(--c-bg-elev-1);
  -webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.marquee__track{display:flex;gap:var(--sp-6);width:max-content;padding-block:var(--sp-3);
  animation:marquee 42s linear infinite;}
.marquee:hover .marquee__track{animation-play-state:paused;}
.marquee__item{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-cond);
  text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted);white-space:nowrap;font-size:var(--fs-400);}
.marquee__item b{color:var(--c-gold-bright);}
.marquee__item .dot{color:var(--c-red);}
@keyframes marquee{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.marquee__track{animation:none;overflow-x:auto;}}

/* ---- duotone poster tiles ---- */
.grid-spot{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(158px,100%),1fr));}
.tile{position:relative;isolation:isolate;display:block;background:var(--c-bg-elev-1);border:1px solid var(--c-line);
  border-radius:var(--r-lg);overflow:hidden;text-decoration:none;color:inherit;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);}
.tile:hover{transform:translateY(-4px);border-color:var(--c-line-strong);box-shadow:var(--shadow-2),0 0 0 1px var(--c-gold-dim);}
.tile__media{position:relative;aspect-ratio:4/5;overflow:hidden;
  background:linear-gradient(calc(var(--seed,220)*1deg),color-mix(in oklab,var(--c-red) 55%,#000) 0%,#0c0d10 58%),var(--c-bg-elev-2);}
.tile--gold .tile__media{background:linear-gradient(calc(var(--seed,220)*1deg),color-mix(in oklab,var(--c-gold) 55%,#000) 0%,#0c0d10 58%),var(--c-bg-elev-2);}
.tile__media::after{content:"";position:absolute;inset:0;opacity:.10;mix-blend-mode:overlay;
  background:repeating-linear-gradient(115deg,#fff 0 1px,transparent 1px 9px);}
.tile__mono{position:absolute;inset:auto -.06em -.18em auto;font-family:var(--font-display);font-size:9rem;
  line-height:1;color:rgba(255,255,255,.06);-webkit-text-stroke:1px rgba(255,255,255,.10);pointer-events:none;
  transition:color var(--dur) var(--ease);}
.tile:hover .tile__mono{color:rgba(212,175,55,.16);}
.tile__spot{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;opacity:0;
  transition:opacity .25s var(--ease);
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(212,175,55,.18),transparent 60%);}
.tile:hover .tile__spot{opacity:1;}
.tile__body{position:relative;z-index:2;padding:var(--sp-4);}
.tile__kicker{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;color:var(--c-gold);font-size:var(--fs-300);}
.tile__name{font-family:var(--font-cond);text-transform:uppercase;font-size:var(--fs-500);letter-spacing:.01em;margin-top:.1em;}
.tile__badge{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:3;}
.tile__rating{position:absolute;right:var(--sp-2);bottom:var(--sp-2);z-index:3;font-family:var(--font-display);
  color:var(--c-gold-bright);background:rgba(0,0,0,.55);padding:.1em .4em;border-radius:var(--r-sm);font-size:var(--fs-400);}

/* ---- gradient-border featured poster ---- */
.card--edge{position:relative;background:var(--c-bg-elev-1);border-radius:var(--r-lg);border:1px solid transparent;}
.card--edge::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(140deg,var(--c-gold),transparent 40%,transparent 60%,var(--c-red));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  opacity:.55;transition:opacity var(--dur) var(--ease);}
.card--edge:hover::before{opacity:1;}
.poster{position:relative;overflow:hidden;border-radius:var(--r-lg);min-height:320px;display:grid;align-items:end;
  background:radial-gradient(70% 100% at 78% 18%,var(--c-red-tint),transparent 60%),var(--c-bg-elev-2);}
.poster .tile__mono{font-size:20rem;inset:auto -2.5rem -5rem auto;}
.poster__meta{position:relative;z-index:2;padding:var(--sp-6);}

/* ---- metallic gold + shine buttons ---- */
.btn{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;position:relative;overflow:hidden;}
.btn--gold{color:#1a1400;background:linear-gradient(180deg,#f7e08a,var(--c-gold) 55%,var(--c-gold-dim));
  box-shadow:var(--edge-light),0 6px 20px rgba(212,175,55,.28);}
.btn--gold::after{content:"";position:absolute;inset:0;transform:translateX(-120%);
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);transition:transform .6s var(--ease);}
.btn--gold:hover::after{transform:translateX(120%);}
.btn--ghost:hover{border-color:var(--c-gold);color:var(--c-gold-bright);box-shadow:var(--glow-gold);}
@media (prefers-reduced-motion:reduce){.btn--gold::after{display:none;}}

/* ---- angled two-tone seam ---- */
.seam{position:relative;}
.seam::before{content:"";position:absolute;top:-3.5vw;left:0;right:0;height:7vw;
  background:var(--c-bg-elev-1);transform:skewY(-2.2deg);transform-origin:0;z-index:-1;}
@media (max-width:640px){.seam::before{display:none;}}

/* ---- patterns ---- */
.pattern-hatch{background-image:repeating-linear-gradient(45deg,rgba(212,175,55,.05) 0 2px,transparent 2px 12px);}

/* ---- bento ---- */
.bento{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.bento>.is-wide{grid-column:span 2;}
@media (max-width:560px){.bento>.is-wide{grid-column:auto;}}

/* =====================================================================
   RECORD SYSTEM (adapted from the MMA "fight record" pattern for wrestling)
   ===================================================================== */
.subnav-page{position:sticky;top:60px;z-index:30;background:color-mix(in srgb,var(--c-bg) 82%,transparent);
  backdrop-filter:blur(8px);border-block:1px solid var(--c-line);}
.subnav-page ul{list-style:none;display:flex;gap:var(--sp-1);margin:0;padding:.5em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.subnav-page a{white-space:nowrap;color:var(--c-text-muted);text-decoration:none;font-family:var(--font-cond);
  text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-300);font-weight:600;padding:.4em .7em;border-radius:var(--r-pill);}
.subnav-page a:hover{color:var(--c-text);background:var(--c-bg-elev-2);}

.rec-summary{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.rec-stat{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-4);text-align:center;box-shadow:var(--edge-light);}
.rec-stat.is-gold{border-color:var(--c-gold-dim);box-shadow:var(--glow-gold);}
.rec-stat .n{font-family:var(--font-display);font-size:var(--fs-800);line-height:1;color:var(--c-gold-bright);}
.rec-stat .n .sub{color:var(--c-text-dim);font-size:.4em;}
.rec-stat .l{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-dim);font-size:var(--fs-300);margin-top:.3em;}

.rt-filters{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3);}
.rt-filters button{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-300);font-weight:600;
  color:var(--c-text-muted);background:var(--c-bg-elev-2);border:1px solid var(--c-line);border-radius:var(--r-pill);
  padding:.4em .9em;cursor:pointer;transition:all var(--dur) var(--ease);}
.rt-filters button:hover{color:var(--c-text);border-color:var(--c-line-strong);}
.rt-filters button[aria-pressed="true"]{color:#1a1400;background:linear-gradient(180deg,#f7e08a,var(--c-gold));border-color:var(--c-gold);}
.rt-count{color:var(--c-text-dim);font-size:var(--fs-300);margin-bottom:var(--sp-3);}

.res{display:inline-grid;place-content:center;min-width:2em;font-family:var(--font-display);font-size:var(--fs-500);
  border-radius:var(--r-sm);padding:.05em .35em;line-height:1;}
.res-w{color:#04120a;background:var(--c-win);} .res-l{color:#fff;background:var(--c-loss);}
.title-tag{margin-left:.5em;font-family:var(--font-cond);text-transform:uppercase;font-size:.7em;letter-spacing:.05em;
  color:var(--c-gold-bright);border:1px solid var(--c-gold-dim);border-radius:var(--r-pill);padding:.05em .5em;vertical-align:middle;}

.record-desktop{display:block;}
table.record{width:100%;border-collapse:collapse;font-size:var(--fs-400);min-width:720px;}
table.record th,table.record td{padding:.6em .8em;text-align:left;border-bottom:1px solid var(--c-line);vertical-align:top;}
table.record thead th{background:var(--c-bg-elev-2);color:var(--c-gold);font-family:var(--font-cond);text-transform:uppercase;
  letter-spacing:.04em;font-size:var(--fs-300);position:sticky;top:0;}
table.record tbody tr:hover{background:var(--c-bg-elev-2);}
table.record a{color:var(--c-gold-bright);text-decoration:none;} table.record a:hover{text-decoration:underline;}
.record-row.hide{display:none;}
.record-mobile{display:none;}

.fight-row-card{list-style:none;background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-md);
  padding:var(--sp-3);margin-bottom:var(--sp-2);}
.fight-row-card.hide{display:none;}
.frc-top{display:flex;align-items:center;gap:.6em;}
.frc-opp{font-family:var(--font-cond);text-transform:uppercase;font-size:var(--fs-500);flex:1;}
.frc-opp a{color:var(--c-text);text-decoration:none;}
.frc-rec{color:var(--c-text-dim);font-family:var(--font-cond);font-size:var(--fs-300);}
.frc-line{color:var(--c-text-muted);font-size:var(--fs-300);margin-top:.2em;} .frc-line .sep{color:var(--c-line-strong);margin-inline:.4em;}
.frc-ctx{color:var(--c-text-dim);font-size:var(--fs-300);margin-top:.3em;font-style:italic;}
@media (max-width:760px){ .record-desktop{display:none;} .record-mobile{display:block;padding:0;margin:0;} }

.method-bars{display:grid;gap:var(--sp-3);}
.mb-row .mb-head{display:flex;justify-content:space-between;font-family:var(--font-cond);text-transform:uppercase;
  letter-spacing:.03em;font-size:var(--fs-300);color:var(--c-text-muted);margin-bottom:.25em;}
.mb-row .mb-head .v{color:var(--c-gold-bright);}
.mb-track{height:10px;background:var(--c-bg-elev-3);border-radius:var(--r-pill);overflow:hidden;}
.mb-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-gold-dim),var(--c-gold));}
.mb-fill.win{background:linear-gradient(90deg,#1c6b45,var(--c-win));}
.mb-fill.loss{background:linear-gradient(90deg,var(--c-red-dim),var(--c-loss));}

.champ-panel{background:linear-gradient(160deg,rgba(212,175,55,.10),transparent 55%),var(--c-bg-elev-1);
  border:1px solid var(--c-gold-dim);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--edge-light);}
.champ-rows{display:grid;gap:var(--sp-2);margin-top:var(--sp-3);}
.champ-rows>div{display:grid;grid-template-columns:120px 1fr;gap:var(--sp-3);padding-block:.5em;border-top:1px dashed var(--c-line);}
.champ-rows .k{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;color:var(--c-gold);font-size:var(--fs-300);}
@media (max-width:560px){.champ-rows>div{grid-template-columns:1fr;gap:.2em;}}

.pull-facts{display:grid;gap:var(--sp-4);}
.pull-facts .n{font-family:var(--font-display);font-size:var(--fs-700);color:var(--c-gold-bright);line-height:1;}
.pull-facts .l{color:var(--c-text-muted);font-size:var(--fs-400);}
.editorial-grid{display:grid;gap:var(--sp-6);}
@media (min-width:820px){.editorial-grid{grid-template-columns:1.6fr .8fr;}}

/* =====================================================================
   UX PASS — usability, contrast, visual polish, engagement widgets
   ===================================================================== */
:root{--c-text-dim:#828a96;}                         /* lift dim text to ~AA */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
[id]{scroll-margin-top:112px;}                        /* anchors clear sticky header + sub-nav */

/* record table polish */
table.record thead th{top:100px;z-index:5;}
table.record tbody tr:nth-child(even){background:color-mix(in srgb,var(--c-bg-elev-1) 45%,transparent);}
table.record tr[data-result="W"] td:first-child{box-shadow:inset 3px 0 0 var(--c-win);}
table.record tr[data-result="L"] td:first-child{box-shadow:inset 3px 0 0 var(--c-loss);}
.res{box-shadow:var(--edge-light);}

/* metal summary numbers + gold stat wash */
.rec-stat .n{background:linear-gradient(180deg,#f7e08a,var(--c-gold) 55%,var(--c-gold-dim));
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(212,175,55,.25));}
.rec-stat .n .sub{-webkit-text-fill-color:var(--c-text-dim);color:var(--c-text-dim);}
.rec-stat.is-gold{background:linear-gradient(160deg,var(--c-gold-tint),transparent 55%),var(--c-bg-elev-1);}

/* animate finish/method bars on reveal */
.mb-fill{width:0;transition:width 1s var(--ease);}
.is-in .mb-fill{width:var(--w,0);}
@media (prefers-reduced-motion:reduce){.mb-fill{transition:none;width:var(--w,0);}}

/* filter count badges + streak-ends tag variant */
.rt-filters .cnt{margin-left:.45em;opacity:.65;font-size:.85em;}
.rt-filters button[aria-pressed="true"] .cnt{opacity:.8;}
.title-tag--end{color:#fff;background:var(--c-red);border-color:var(--c-red-bright);}

/* win/loss sparkline strip */
.wl-strip{display:flex;gap:3px;flex-wrap:wrap;margin-top:var(--sp-4);}
.wl-strip i{width:14px;height:14px;border-radius:3px;background:var(--c-win);box-shadow:var(--edge-light);}
.wl-strip i.l{background:var(--c-loss);}
.wl-cap{color:var(--c-text-dim);font-size:var(--fs-300);margin-top:var(--sp-2);}

/* duotone hero portrait (replaces flat initials) */
.profile__photo.duotone{position:relative;overflow:hidden;
  background:linear-gradient(150deg,color-mix(in oklab,var(--c-gold) 45%,#000),#0c0d10 62%);}
.profile__photo.duotone::after{content:"";position:absolute;inset:0;opacity:.10;mix-blend-mode:overlay;
  background:repeating-linear-gradient(115deg,#fff 0 1px,transparent 1px 9px);}
.profile__photo .pmono{position:absolute;inset:auto -.05em -.14em auto;font-family:var(--font-display);
  font-size:13rem;line-height:1;color:rgba(255,255,255,.07);-webkit-text-stroke:1px rgba(255,255,255,.10);}
.profile__photo .pkicker{position:absolute;left:var(--sp-3);top:var(--sp-3);z-index:2;font-family:var(--font-cond);
  text-transform:uppercase;letter-spacing:.1em;color:var(--c-gold);font-size:var(--fs-300);}

/* engagement widgets */
.engage{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-left:3px solid var(--c-gold);
  border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);}
.engage h3{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.03em;font-size:var(--fs-500);}
.engage .row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-2);}
.chip-btn{cursor:pointer;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-300);
  font-weight:600;color:var(--c-text);background:var(--c-bg-elev-2);border:1px solid var(--c-line-strong);
  border-radius:var(--r-pill);padding:.45em 1em;transition:all var(--dur) var(--ease);}
.chip-btn:hover{border-color:var(--c-gold);color:var(--c-gold-bright);box-shadow:var(--glow-gold);}
.engage .done{display:none;color:var(--c-win);font-weight:600;}
.engage.is-done .done{display:inline;} .engage.is-done .row .chip-btn{opacity:.5;pointer-events:none;}

/* ---- tabbed record + inner scroll ---- */
.tabs{border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;background:var(--c-bg-elev-1);}
.tab-btns{display:flex;border-bottom:1px solid var(--c-line);overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tab-btns button{flex:0 0 auto;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-weight:600;
  font-size:var(--fs-400);color:var(--c-text-muted);background:transparent;border:0;border-bottom:2px solid transparent;
  padding:.9em 1.3em;cursor:pointer;white-space:nowrap;}
.tab-btns button:hover{color:var(--c-text);background:var(--c-bg-elev-2);}
.tab-btns button[aria-selected="true"]{color:var(--c-gold-bright);border-bottom-color:var(--c-gold);}
.tab-btns .tcount{color:var(--c-text-dim);font-size:.85em;margin-left:.4em;}
.tab-panel{padding:var(--sp-4);}
.tab-panel[hidden]{display:none;}
.tab-summary{display:flex;flex-wrap:wrap;gap:var(--sp-5);margin-bottom:var(--sp-3);}
.tab-summary .ts{font-family:var(--font-display);color:var(--c-gold-bright);font-size:var(--fs-600);line-height:1;}
.tab-summary .ts small{display:block;color:var(--c-text-dim);font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:.34em;margin-top:.4em;}
.record-scroll{max-height:520px;overflow:auto;border:1px solid var(--c-line);border-radius:var(--r-md);}
.record-scroll table.record{min-width:640px;}
.record-scroll table.record thead th{position:sticky;top:0;z-index:5;}
.record-scroll::-webkit-scrollbar{width:10px;height:10px;}
.record-scroll::-webkit-scrollbar-track{background:var(--c-bg-elev-2);}
.record-scroll::-webkit-scrollbar-thumb{background:var(--c-line-strong);border-radius:99px;}
.scroll-hint{color:var(--c-text-dim);font-size:var(--fs-300);margin-top:var(--sp-2);display:flex;align-items:center;gap:.4em;}

/* ---- media: documentaries / podcasts (sticky-label rails) ---- */
.media-rail{display:grid;gap:var(--sp-5);}
@media (min-width:820px){.media-rail{grid-template-columns:220px 1fr;align-items:start;}}
.media-rail .sticky-label{position:sticky;top:120px;}
.media-rail .sticky-label h3{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-600);line-height:.95;}
.media-list{display:grid;gap:var(--sp-3);}
.media-item{display:grid;grid-template-columns:64px 1fr;gap:var(--sp-4);background:var(--c-bg-elev-1);border:1px solid var(--c-line);
  border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);text-decoration:none;color:inherit;transition:border-color var(--dur) var(--ease);}
.media-item:hover{border-color:var(--c-gold-dim);}
.media-item .yr{font-family:var(--font-display);color:var(--c-gold-bright);font-size:var(--fs-500);line-height:1;}
.media-item .yr small{display:block;color:var(--c-text-dim);font-family:var(--font-cond);font-size:.5em;text-transform:uppercase;}
.media-item h4{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.02em;font-size:var(--fs-500);}
.media-item .plat{color:var(--c-gold);font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-300);}
.media-item p{color:var(--c-text-muted);font-size:var(--fs-300);margin-top:.2em;}

/* alter-ego cross-link cards */
.persona-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));}
.persona{display:block;position:relative;overflow:hidden;border:1px solid var(--c-line);border-radius:var(--r-lg);
  text-decoration:none;color:inherit;background:linear-gradient(150deg,color-mix(in oklab,var(--c-gold) 30%,#000),#0c0d10 62%);min-height:150px;padding:var(--sp-5);}
.persona:hover{border-color:var(--c-gold-dim);}
.persona.badass{background:linear-gradient(150deg,color-mix(in oklab,var(--c-red) 40%,#000),#0c0d10 62%);}
.persona .era{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.08em;color:var(--c-gold);font-size:var(--fs-300);}
.persona h4{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-600);line-height:.95;margin:.2em 0;}
.persona p{color:var(--c-text-muted);font-size:var(--fs-300);}

/* ---------- 23. EVENTS / PPVs ---------- */
.event-hero{background:linear-gradient(160deg,rgba(212,175,55,.10),transparent 60%),var(--c-bg-elev-1);
  border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-6);margin-block:var(--sp-5);}
.event-hero__brand{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.08em;color:var(--c-gold);font-size:var(--fs-300);}
.event-hero__meta{display:flex;flex-wrap:wrap;gap:var(--sp-4);color:var(--c-text-muted);font-family:var(--font-cond);
  text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-400);margin-top:var(--sp-3);}
.event-hero__meta b{color:var(--c-gold-bright);}

.watch-panel{display:flex;flex-wrap:wrap;gap:var(--sp-4);background:var(--c-bg-elev-2);border:1px solid var(--c-line);
  border-radius:var(--r-md);padding:var(--sp-4);margin-block:var(--sp-5);}
.watch-item{flex:1;min-width:200px;}
.watch-item h4{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-dim);font-size:var(--fs-300);margin:0 0 .3em;}
.watch-item p{color:var(--c-text-muted);font-size:var(--fs-300);margin:.3em 0 0;}
.watch-btn{display:inline-block;margin-top:.5em;padding:.5em 1.1em;border-radius:var(--r-pill);background:var(--c-gold);
  color:#0a0b0d;font-weight:700;text-decoration:none;font-size:var(--fs-400);}
.watch-btn:hover{background:var(--c-gold-bright);}
.watch-btn--alt{background:var(--c-bg-elev-3);color:var(--c-text);border:1px solid var(--c-line-strong);}
.watch-btn--alt:hover{border-color:var(--c-gold-dim);color:var(--c-gold-bright);}

.match-card-list{list-style:none;margin:var(--sp-4) 0;padding:0;display:grid;gap:var(--sp-3);}
.match-card-item{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-4);}
.match-card-item--main{border-color:var(--c-gold-dim);background:linear-gradient(160deg,rgba(212,175,55,.08),transparent 60%),var(--c-bg-elev-1);box-shadow:var(--shadow-gold);}
.match-card-stip{display:block;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;color:var(--c-gold);font-size:var(--fs-300);margin-bottom:.3em;}
.match-card-result{font-size:var(--fs-500);}
.match-card-result a{color:var(--c-text);text-decoration:none;border-bottom:1px solid var(--c-line-strong);}
.match-card-result a:hover{color:var(--c-gold-bright);border-color:var(--c-gold-dim);}
.match-card-note{color:var(--c-text-muted);margin:.4em 0 0;font-size:var(--fs-400);}
.match-card-tag{display:inline-block;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;
  font-size:var(--fs-300);color:var(--c-gold-bright);background:var(--c-gold-tint);padding:.15em .6em;border-radius:var(--r-pill);margin-left:.5em;}

.event-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));margin:var(--sp-5) 0;}
.event-card{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-4);
  text-decoration:none;color:var(--c-text);display:block;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);}
.event-card:hover{border-color:var(--c-gold-dim);transform:translateY(-2px);}
.event-card__date{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;color:var(--c-gold);font-size:var(--fs-300);}
.event-card__name{font-size:var(--fs-600);margin:.2em 0;font-family:var(--font-display);text-transform:uppercase;}
.event-card__venue{color:var(--c-text-dim);font-size:var(--fs-400);}
.event-card__main{color:var(--c-text-muted);font-size:var(--fs-400);margin-top:.5em;border-top:1px dashed var(--c-line);padding-top:.5em;}

/* ---------- 24. EVENTS v2 — Broadcast Bold treatment ---------- */
.crumbs{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-300);
  color:var(--c-text-dim);padding-block:var(--sp-3);}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5em;}
.crumbs li+li::before{content:"›";margin-right:.5em;color:var(--c-text-dim);}
.crumbs a{color:var(--c-text-muted);text-decoration:none;}
.crumbs a:hover{color:var(--c-gold-bright);}
.crumbs [aria-current]{color:var(--c-gold);}

.ev-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--c-line);
  background:
    radial-gradient(120% 90% at 15% -10%,rgba(212,175,55,.16),transparent 55%),
    radial-gradient(90% 70% at 90% 0%,rgba(200,16,46,.10),transparent 50%),
    linear-gradient(180deg,#101216,#0a0b0d 75%);}
.ev-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px);}
.ev-hero__inner{padding-block:var(--sp-7) var(--sp-6);}
.ev-hero__brand{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-cond);text-transform:uppercase;
  letter-spacing:.14em;font-weight:700;font-size:var(--fs-300);color:var(--c-gold-bright);text-decoration:none;}
.ev-hero__brand::before{content:"";width:26px;height:2px;background:var(--c-gold);}
.ev-hero__brand:hover{color:var(--c-gold);}
.ev-hero h1{font-family:var(--font-display);text-transform:uppercase;font-weight:400;line-height:.92;
  font-size:var(--fs-900);margin:.12em 0 .18em;
  background:linear-gradient(180deg,#fff 30%,#c9ccd2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ev-hero h1 .accent{background:linear-gradient(180deg,#f7e08a 0%,var(--c-gold) 45%,var(--c-gold-dim) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.meta-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3);}
.meta-chip{display:inline-flex;align-items:center;gap:.5em;padding:.35em .8em;border:1px solid var(--c-line-strong);
  border-radius:var(--r-pill);background:color-mix(in srgb,var(--c-bg-elev-2) 80%,transparent);
  font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-300);color:var(--c-text-muted);}
.meta-chip b{color:var(--c-text);font-weight:600;}
.meta-chip--gold{border-color:var(--c-gold-dim);color:var(--c-gold-bright);background:var(--c-gold-tint);}

.ev-lede{max-width:62ch;color:var(--c-text-muted);font-size:var(--fs-500);line-height:var(--lh-body);}

.watch2{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));margin-block:var(--sp-5);}
.watch2__card{position:relative;overflow:hidden;border:1px solid var(--c-line);border-radius:var(--r-lg);
  padding:var(--sp-4) var(--sp-5);background:var(--c-bg-elev-1);}
.watch2__card--espn{background:linear-gradient(135deg,rgba(200,16,46,.16),transparent 60%),var(--c-bg-elev-1);}
.watch2__card--nflx{background:linear-gradient(135deg,rgba(229,9,20,.12),transparent 60%),var(--c-bg-elev-1);}
.watch2__region{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.12em;font-size:var(--fs-300);
  color:var(--c-text-dim);font-weight:700;}
.watch2__plat{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-600);line-height:1;margin:.15em 0 .3em;}
.watch2__card p{color:var(--c-text-muted);font-size:var(--fs-300);margin:0 0 var(--sp-3);}
.watch2__btn{display:inline-block;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-weight:700;
  padding:.55em 1.3em;border-radius:var(--r-pill);text-decoration:none;font-size:var(--fs-400);
  background:linear-gradient(135deg,var(--c-gold),var(--c-gold-dim));color:#000;box-shadow:var(--shadow-gold);}
.watch2__btn:hover{filter:brightness(1.1);}
.watch2__btn--ghost{background:none;box-shadow:none;color:var(--c-text);border:1px solid var(--c-line-strong);}
.watch2__btn--ghost:hover{border-color:var(--c-gold-dim);color:var(--c-gold-bright);filter:none;}

.sec-h{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-6) 0 var(--sp-4);}
.sec-h::before{content:"";width:6px;height:1.4em;background:linear-gradient(180deg,var(--c-gold),var(--c-gold-dim));border-radius:2px;}
.sec-h h2{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:var(--fs-700);line-height:1;margin:0;}
.sec-h .count{font-family:var(--font-cond);color:var(--c-text-dim);font-size:var(--fs-400);}

.night-h{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-3);
  font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.12em;font-weight:700;
  font-size:var(--fs-400);color:var(--c-gold-bright);}
.night-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--c-gold-dim),transparent);}

.me-card{position:relative;border-radius:var(--r-lg);padding:var(--sp-5);margin-block:var(--sp-3);overflow:hidden;
  background:linear-gradient(150deg,rgba(212,175,55,.14),rgba(212,175,55,.03) 45%),var(--c-bg-elev-1);
  border:1px solid transparent;}
.me-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,var(--c-gold),rgba(212,175,55,.15) 40%,rgba(212,175,55,.5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.me-card__tag{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-cond);text-transform:uppercase;
  letter-spacing:.14em;font-weight:700;font-size:var(--fs-300);color:#000;background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold));
  padding:.3em .9em;border-radius:var(--r-pill);}
.me-card__stip{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);
  font-size:var(--fs-300);margin-top:var(--sp-3);}
.me-card__match{font-family:var(--font-display);text-transform:uppercase;font-weight:400;line-height:1.02;
  font-size:var(--fs-700);margin:.1em 0 .15em;}
.me-card__match a{color:inherit;text-decoration:none;border-bottom:2px solid var(--c-gold-dim);}
.me-card__match a:hover{color:var(--c-gold-bright);}
.me-card__match .def{color:var(--c-text-dim);font-size:.55em;letter-spacing:.1em;margin-inline:.35em;vertical-align:.3em;}
.me-card__match .win{color:var(--c-gold-bright);}
.me-card__note{color:var(--c-text-muted);font-size:var(--fs-400);margin:0;}

.res-list{list-style:none;margin:var(--sp-3) 0;padding:0;border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:clip;}
.res-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3) var(--sp-4);align-items:center;
  padding:var(--sp-3) var(--sp-4);background:var(--c-bg-elev-1);}
.res-list li:nth-child(even){background:color-mix(in srgb,var(--c-bg-elev-1) 60%,var(--c-bg-elev-2));}
.res-list li+li{border-top:1px solid var(--c-line);}
.res-w{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;flex:none;
  background:rgba(47,191,113,.12);color:var(--c-win);border:1px solid rgba(47,191,113,.35);
  font-family:var(--font-cond);font-weight:700;font-size:var(--fs-300);}
.res-body{min-width:0;}
.res-stip{display:block;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.07em;
  color:var(--c-gold);font-size:var(--fs-300);}
.res-match{font-size:var(--fs-500);font-weight:600;line-height:var(--lh-snug);}
.res-match a{color:var(--c-text);text-decoration:none;border-bottom:1px solid var(--c-gold-dim);}
.res-match a:hover{color:var(--c-gold-bright);}
.res-match .def{color:var(--c-text-dim);font-weight:400;}
.res-note{color:var(--c-text-muted);font-size:var(--fs-300);margin:.2em 0 0;}

.ev-tile{position:relative;overflow:hidden;display:block;text-decoration:none;color:var(--c-text);
  border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-5);min-height:150px;
  background:linear-gradient(150deg,color-mix(in oklab,var(--c-gold) 16%,#000),#0c0d10 62%);
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);}
.ev-tile:hover{border-color:var(--c-gold-dim);transform:translateY(-2px);}
.ev-tile__date{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.08em;color:var(--c-gold-bright);font-size:var(--fs-300);}
.ev-tile__name{font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-600);line-height:.95;margin:.15em 0;}
.ev-tile__sub{color:var(--c-text-muted);font-size:var(--fs-300);}
.ev-tile--red{background:linear-gradient(150deg,color-mix(in oklab,var(--c-red) 22%,#000),#0c0d10 62%);}

/* ---------- 25. MOMENTS ---------- */
.moment-body{max-width:68ch;}
.moment-body p{color:var(--c-text-muted);font-size:var(--fs-500);line-height:var(--lh-body);margin:0 0 var(--sp-4);}
.moment-body a{color:var(--c-gold-bright);text-decoration:none;border-bottom:1px solid var(--c-gold-dim);}
.moment-body a:hover{color:var(--c-gold);}
.related-links__a{display:inline-flex;align-items:center;padding:.5em 1em;border:1px solid var(--c-line-strong);
  border-radius:var(--r-pill);background:var(--c-bg-elev-1);color:var(--c-text);text-decoration:none;
  font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-300);margin:.25em .4em .25em 0;}
.related-links__a:hover{border-color:var(--c-gold-dim);color:var(--c-gold-bright);}
.moments-embed-cap{color:var(--c-text-dim);font-size:var(--fs-300);margin-top:.4em;}

/* ---------- 26. NAV v2 — search button + command palette (⌘K) ---------- */
.nav__spacer{flex:1 1 auto;}
.nav__search{display:inline-flex;align-items:center;gap:.55em;padding:.5em .8em;margin-right:var(--sp-2);
  background:var(--c-bg-elev-2);border:1px solid var(--c-line);border-radius:var(--r-pill);color:var(--c-text-dim);
  font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-300);cursor:pointer;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);}
.nav__search:hover{border-color:var(--c-gold-dim);color:var(--c-text);}
.nav__search svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;}
.nav__search kbd{font-family:var(--font-cond);background:var(--c-bg-elev-3);border:1px solid var(--c-line-strong);
  border-radius:var(--r-sm);padding:.1em .4em;font-size:.85em;color:var(--c-text-muted);}
@media (max-width:900px){.nav__search kbd{display:none;} .nav__search{margin:0 0 0 auto;} }

.cmdk{position:fixed;inset:0;z-index:200;display:none;background:rgba(6,7,9,.72);backdrop-filter:blur(4px);
  padding:12vh var(--sp-4) var(--sp-4);}
.cmdk.is-open{display:block;}
.cmdk__box{max-width:640px;margin:0 auto;background:var(--c-bg-elev-1);border:1px solid var(--c-line-strong);
  border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden;}
.cmdk__head{display:flex;align-items:center;gap:.6em;padding:var(--sp-4);border-bottom:1px solid var(--c-line);}
.cmdk__head svg{width:18px;height:18px;fill:none;stroke:var(--c-text-dim);stroke-width:2;flex:none;}
.cmdk__input{flex:1;background:none;border:0;color:var(--c-text);font-size:var(--fs-500);font-family:var(--font-body);outline:none;}
.cmdk__input::placeholder{color:var(--c-text-dim);}
.cmdk__hint{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-300);color:var(--c-text-dim);}
.cmdk__results{list-style:none;margin:0;padding:var(--sp-2);max-height:52vh;overflow:auto;}
.cmdk__row{display:flex;align-items:center;gap:.8em;padding:.6em .7em;border-radius:var(--r-md);cursor:pointer;}
.cmdk__row.is-active,.cmdk__row:hover{background:var(--c-bg-elev-2);}
.cmdk__kind{flex:none;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-300);
  padding:.15em .55em;border-radius:var(--r-pill);border:1px solid var(--c-line-strong);color:var(--c-text-dim);min-width:74px;text-align:center;}
 /* ONE COLOR PER KIND - the complete map, every search-index kind listed.
   The first pass gave Wrestler RAF blue while Match kept its old light blue,
   and the owner immediately read them as the same chip. Lesson kept here:
   when color IS the taxonomy, near is equal - either every kind gets its own
   hue or the system claims a distinction it does not draw.

   Construction is uniform: light text (readable on the dark ground), a
   darker border of the same hue, a ~12% tint. Anchors that stay fixed:
   Pro Wrestler = house gold (the show), Wrestler = RAF blue #2E5FA3 (the
   real sport, brand-set), Moment = house red. Everything else spreads
   around the wheel; the four one-or-two-entry kinds at the bottom sit in
   deliberately quiet distinct grays so rare chips never outshine the
   taxonomy that matters. Crossovers (Lesnar, Angle) join two chips with
   .cmdk__x. */
.cmdk__kind--pro-wrestler{color:var(--c-gold-bright);border-color:var(--c-gold-dim);background:var(--c-gold-tint);}
.cmdk__kind--wrestler{color:var(--c-raf-b);border-color:var(--c-raf);background:rgba(46,95,163,.14);}
.cmdk__kind--match{color:#b3a1f9;border-color:#5b46b8;background:rgba(122,92,230,.13);}
.cmdk__kind--event{color:#ffa057;border-color:#a3591c;background:rgba(214,116,37,.13);}
.cmdk__kind--moment{color:var(--c-red-bright);border-color:var(--c-red-dim);background:var(--c-red-tint);}
.cmdk__kind--rivalry{color:#f77fb9;border-color:#a12e68;background:rgba(220,70,140,.12);}
.cmdk__kind--title{color:#e7e2d2;border-color:#9a927c;background:rgba(230,220,190,.09);}
.cmdk__kind--faction{color:#58d98f;border-color:#1f7a4a;background:rgba(46,160,95,.12);}
.cmdk__kind--tag-team{color:#4fd8c8;border-color:#147568;background:rgba(32,160,146,.12);}
.cmdk__kind--promotion{color:#74d0f4;border-color:#1a7ca8;background:rgba(56,160,205,.12);}
.cmdk__kind--lore-feed{color:#c3d95a;border-color:#6b7a1e;background:rgba(150,170,50,.12);}
.cmdk__kind--recap{color:#d8b078;border-color:#8a6430;background:rgba(190,140,70,.11);}
.cmdk__kind--video{color:#97a3f7;border-color:#4a58c9;background:rgba(90,105,225,.12);}
.cmdk__kind--media{color:#cf9ad6;border-color:#7e478b;background:rgba(170,100,190,.11);}
.cmdk__kind--hall-of-fame{color:#eaa48f;border-color:#96513c;background:rgba(210,120,95,.11);}
.cmdk__kind--hub{color:#aab6c4;border-color:#55616e;background:rgba(150,165,180,.09);}
.cmdk__kind--showcase{color:#c4b8aa;border-color:#6e6255;background:rgba(180,165,150,.09);}
.cmdk__kind--page{color:#9aa3b8;border-color:#4e576e;background:rgba(140,150,180,.09);}
.cmdk__x{flex:none;color:var(--c-text-dim);font-size:var(--fs-300);margin:0 -2px;opacity:.7;}
.cmdk__title{color:var(--c-text);font-size:var(--fs-400);}
.cmdk__row.is-active .cmdk__title{color:var(--c-gold-bright);}
.cmdk__empty{padding:var(--sp-5);text-align:center;color:var(--c-text-dim);}
.cmdk__foot{display:flex;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-line);
  font-size:var(--fs-300);color:var(--c-text-dim);}
.cmdk__foot kbd{font-family:var(--font-cond);background:var(--c-bg-elev-3);border:1px solid var(--c-line-strong);
  border-radius:var(--r-sm);padding:.1em .45em;margin-right:.3em;}

/* Wrestle Lore — themed mega panels (Phase 1) */
.mega.theme-hof h3{color:var(--c-hof-bright);}
.mega.theme-hof .mega__link:hover{background:var(--c-hof-tint);}
.mega.theme-media h3{color:var(--c-media-bright);}
.mega.theme-media .mega__link:hover{background:var(--c-media-tint);}

/* Wrestle Lore — facet filter bar + promotion-tinted cards (Phase 1 UX) */
.facetbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:var(--sp-4) 0;}
.facetbar__label{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-300);color:var(--c-text-dim);margin-right:.3em;}
.fbtn{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-300);
  padding:.4em 1em;border-radius:var(--r-pill);border:1px solid var(--c-line-strong);background:var(--c-bg-elev-1);
  color:var(--c-text-muted);cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease);}
.fbtn:hover{border-color:var(--c-gold-dim);color:var(--c-text);}
.fbtn.is-active{background:var(--c-gold);border-color:var(--c-gold);color:#0a0b0d;font-weight:600;}
.facet-count{margin-left:auto;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-300);color:var(--c-text-dim);}
.facet-empty{padding:var(--sp-6);text-align:center;color:var(--c-text-dim);}
.card[data-promo]{--accent:var(--c-gold);}
.card[data-promo="wwe"]{--accent:var(--c-wwe);} .card[data-promo="wcw"]{--accent:var(--c-wcw);}
.card[data-promo="ecw"]{--accent:var(--c-ecw);} .card[data-promo="tna"]{--accent:var(--c-tna);}
.card[data-promo="nxt"]{--accent:var(--c-nxt);} .card[data-promo="njpw"]{--accent:var(--c-njpw);}
.card[data-promo="aew"]{--accent:var(--c-aew);}
.card[data-promo] .card__media{background:linear-gradient(155deg,color-mix(in oklab,var(--accent) 24%,#000),#0b0c0f 72%);}
.card[data-promo] .card__initials{color:color-mix(in oklab,var(--accent) 30%,#e8eaed);opacity:.85;}
.card:hover{box-shadow:0 0 0 1px color-mix(in oklab,var(--accent,var(--c-gold)) 40%,transparent),0 10px 30px rgba(0,0,0,.4);}

/* ============================================================
   WRESTLER PROFILE TEMPLATE (build_wrestlers_* pages) — was unstyled
   Styles athlete-hero/content-grid/bio-col/stats-col/record-table/etc.
   ============================================================ */
.page-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--sp-4) var(--sp-8);}
.athlete-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--c-line);margin-bottom:var(--sp-5);
  background:radial-gradient(120% 90% at 12% -10%,rgba(212,175,55,.14),transparent 55%),
    radial-gradient(90% 70% at 92% 0%,rgba(200,16,46,.09),transparent 50%),linear-gradient(180deg,#101216,#0a0b0d 78%);}
.athlete-hero .hero-inner{max-width:var(--wrap);margin:0 auto;padding:var(--sp-7) var(--sp-4) var(--sp-6);}
.athlete-hero h1{font-family:var(--font-display);text-transform:uppercase;font-weight:400;line-height:.92;font-size:var(--fs-900);
  margin:0 0 .12em;color:transparent;background:linear-gradient(180deg,#fff 32%,#c9ccd2);-webkit-background-clip:text;background-clip:text;}
.hero-sub{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.1em;color:var(--c-gold-bright);font-size:var(--fs-400);margin:0 0 .5em;}
.hero-desc{color:var(--c-text-muted);font-size:var(--fs-500);line-height:var(--lh-body);max-width:64ch;margin:0;}
.wl-strip-wrap{max-width:var(--wrap);margin:0 auto var(--sp-5);padding:0 var(--sp-4);}

.content-grid{display:grid;gap:var(--sp-6);grid-template-columns:1fr;}
@media(min-width:900px){.content-grid{grid-template-columns:1.9fr .9fr;}}
.bio-col h2,.record-section h2,.sig-section h2{font-family:var(--font-display);text-transform:uppercase;font-weight:400;
  font-size:var(--fs-700);line-height:1;margin:var(--sp-6) 0 var(--sp-3);padding-left:.5em;border-left:5px solid var(--c-gold);}
.bio-col p{color:var(--c-text-muted);font-size:var(--fs-400);line-height:var(--lh-body);margin:0 0 var(--sp-4);}
.bio-col a{color:var(--c-gold-bright);text-decoration:none;border-bottom:1px solid var(--c-gold-dim);}
.bio-col a:hover{color:var(--c-gold);}
.fin-list{list-style:none;margin:0 0 var(--sp-4);padding:0;display:grid;gap:var(--sp-2);}
.fin-list li{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-left:3px solid var(--c-gold);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);color:var(--c-text-muted);}
.fin-list strong{color:var(--c-text);}

.stats-col{display:grid;gap:var(--sp-4);align-content:start;}
.stat-card{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);}
.stat-card h3{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-300);color:var(--c-gold);margin:0 0 var(--sp-3);}
.stat-card dl{display:grid;grid-template-columns:auto 1fr;gap:.35em var(--sp-3);margin:0;font-size:var(--fs-400);}
.stat-card dt{color:var(--c-text-dim);font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-300);}
.stat-card dd{margin:0;color:var(--c-text);}
.stat-big{display:inline-flex;flex-direction:column;margin-right:var(--sp-5);}
.stat-big .stat-num{font-family:var(--font-display);font-size:var(--fs-700);line-height:1;color:transparent;background:linear-gradient(180deg,#f7e08a,var(--c-gold) 55%,var(--c-gold-dim));-webkit-background-clip:text;background-clip:text;}
.stat-big .stat-label{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-300);color:var(--c-text-dim);}

.champ-row{display:grid;grid-template-columns:1fr auto;gap:.2em var(--sp-3);padding:.55em 0;border-top:1px dashed var(--c-line);}
.champ-row:first-child{border-top:0;}
.cr-title{font-weight:600;color:var(--c-text);}
.cr-reign{font-family:var(--font-cond);color:var(--c-gold-bright);text-align:right;}
.cr-note{grid-column:1/-1;color:var(--c-text-dim);font-size:var(--fs-300);}

.persona-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin-bottom:var(--sp-4);}
.persona-card{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-4);}
.persona-card h3{margin:0 0 .2em;font-size:var(--fs-500);}
.persona-card p{color:var(--c-text-muted);font-size:var(--fs-300);margin:0;}

.timeline{list-style:none;margin:0 0 var(--sp-4);padding:0;}
.timeline li{position:relative;padding:0 0 var(--sp-4) var(--sp-5);border-left:2px solid var(--c-line);}
.timeline li::before{content:"";position:absolute;left:-5px;top:.3em;width:8px;height:8px;border-radius:50%;background:var(--c-gold);}
.timeline .tl-year{font-family:var(--font-cond);font-weight:700;color:var(--c-gold-bright);margin-right:.5em;}

.faq-block details{border-bottom:1px solid var(--c-line);}
.faq-block summary{cursor:pointer;padding:var(--sp-3) 0;font-weight:600;list-style:none;color:var(--c-text);}
.faq-block summary::-webkit-details-marker{display:none;}
.faq-block summary::after{content:"+";float:right;color:var(--c-gold);}
.faq-block details[open] summary::after{content:"\2013";}
.faq-block p{color:var(--c-text-muted);padding:0 0 var(--sp-3);margin:0;}

.sig-section,.record-section{max-width:var(--wrap);margin:var(--sp-6) auto 0;padding:0 var(--sp-4);}
.sig-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));}
.sig-card,.sig-match{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-4);}
.sig-card h3,.sig-match h3{margin:.2em 0;font-size:var(--fs-500);}
.sig-card p,.sig-match p{color:var(--c-text-muted);font-size:var(--fs-400);margin:.3em 0 0;}
.sig-rating{font-family:var(--font-cond);color:var(--c-gold-bright);letter-spacing:.1em;}

.record-filter{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-3) 0;}
.rf-btn{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-300);padding:.4em 1em;
  border-radius:var(--r-pill);border:1px solid var(--c-line-strong);background:var(--c-bg-elev-1);color:var(--c-text-muted);cursor:pointer;}
.rf-btn:hover{border-color:var(--c-gold-dim);color:var(--c-text);}
.rf-btn.active{background:var(--c-gold);border-color:var(--c-gold);color:#0a0b0d;font-weight:600;}
.record-table{width:100%;border-collapse:collapse;font-size:var(--fs-400);}
.record-table thead th{text-align:left;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-300);
  color:var(--c-text-dim);padding:.5em .6em;border-bottom:1px solid var(--c-line-strong);}
.record-table td{padding:.55em .6em;border-bottom:1px solid var(--c-line);color:var(--c-text-muted);vertical-align:top;}
.record-row:nth-child(even){background:color-mix(in srgb,var(--c-bg-elev-1) 55%,var(--c-bg-elev-2));}
.record-table td.dim{color:var(--c-text-dim);font-size:var(--fs-300);}
.res-cell{width:2.4em;}
.res-badge{display:inline-grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;font-family:var(--font-cond);font-weight:700;font-size:var(--fs-300);
  background:rgba(47,191,113,.14);color:var(--c-win);border:1px solid rgba(47,191,113,.35);}
.res-badge.res-l{background:rgba(224,82,99,.14);color:var(--c-loss);border-color:rgba(224,82,99,.35);}
.res-badge.res-d{background:var(--c-gold-tint);color:var(--c-gold-bright);border-color:var(--c-gold-dim);}
.mb-label{font-size:var(--fs-400);color:var(--c-text-muted);}
.mb-pct{font-family:var(--font-cond);color:var(--c-gold-bright);font-size:var(--fs-300);}
@media(max-width:560px){.record-table thead{display:none;}.record-table td{display:block;border:0;padding:.15em .6em;}.record-row{display:block;border-bottom:1px solid var(--c-line);padding:.5em 0;}}

/* ============================================================
   ENGAGEMENT LAYER — sticky left rail, bottom rail, discover floater
   ============================================================ */
/* LEFT RAIL */
.engage-left{position:fixed;left:calc((100vw - var(--wrap))/2 - 196px);top:96px;width:172px;z-index:60;
  display:none;flex-direction:column;gap:.1em;padding-right:var(--sp-3);border-right:1px solid var(--c-line);}
@media(min-width:1600px){.engage-left{display:flex;}}
.engage-left__h{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--c-text-dim);margin:var(--sp-3) 0 .3em;}
.engage-left__a{font-size:var(--fs-300);color:var(--c-text-muted);text-decoration:none;padding:.3em .5em;border-left:2px solid transparent;border-radius:0 var(--r-sm) var(--r-sm) 0;cursor:pointer;transition:all var(--dur) var(--ease);}
.engage-left__a:hover{color:var(--c-text);background:var(--c-bg-elev-1);}
.engage-left__a.is-active{color:var(--c-gold-bright);border-left-color:var(--c-gold);background:var(--c-gold-tint);}
.engage-left__act{color:var(--c-gold-bright);}

/* BOTTOM RAIL */
.engage-bottom{position:fixed;left:0;right:0;bottom:0;z-index:70;transform:translateY(110%);transition:transform .3s var(--ease);
  background:linear-gradient(0deg,rgba(10,11,13,.98),rgba(12,14,18,.94));border-top:1px solid var(--c-gold-dim);backdrop-filter:blur(10px);box-shadow:0 -8px 30px rgba(0,0,0,.5);}
.engage-bottom.is-in{transform:translateY(0);}
.engage-bottom__in{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:var(--sp-3);padding:.6em var(--sp-4);}
.engage-bottom__lbl{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-300);color:var(--c-gold-bright);flex:none;}
.engage-bottom__row{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:thin;padding:.2em 0;flex:1;}
.engage-chip{display:inline-flex;align-items:center;gap:.5em;flex:none;padding:.35em .7em .35em .35em;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);
  background:var(--c-bg-elev-1);color:var(--c-text);text-decoration:none;font-size:var(--fs-300);white-space:nowrap;transition:border-color var(--dur) var(--ease);}
.engage-chip:hover{border-color:var(--c-gold);color:var(--c-gold-bright);}
.engage-chip__m{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:linear-gradient(145deg,var(--c-gold-dim),#0c0d10);color:#fff;font-family:var(--font-cond);font-weight:700;font-size:.8em;}
.engage-bottom__x{flex:none;background:none;border:0;color:var(--c-text-dim);font-size:1.1em;cursor:pointer;padding:.3em;}
.engage-bottom__x:hover{color:var(--c-text);}
@media(max-width:640px){.engage-bottom__lbl{display:none;}}

/* DISCOVER FLOATER */
.engage-fab{position:fixed;right:20px;bottom:80px;z-index:80;}
.engage-fab__btn{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.2em;border:0;border-radius:var(--r-pill);cursor:pointer;
  font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:var(--fs-400);color:#0a0b0d;
  background:linear-gradient(135deg,var(--c-gold-bright),var(--c-gold-dim));box-shadow:0 6px 24px rgba(212,175,55,.35);transition:transform var(--dur) var(--ease);}
.engage-fab__btn:hover{transform:translateY(-2px);}
.engage-fab__spark{animation:fabpulse 2.4s ease-in-out infinite;}
@keyframes fabpulse{0%,100%{opacity:.6;transform:scale(1);}50%{opacity:1;transform:scale(1.2);}}
@media(prefers-reduced-motion:reduce){.engage-fab__spark{animation:none;}.engage-bottom{transition:none;}}
.engage-fab__pop{position:absolute;right:0;bottom:calc(100% + 10px);width:280px;background:var(--c-bg-elev-1);border:1px solid var(--c-line-strong);
  border-radius:var(--r-lg);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6);}
.engage-fab__row{display:flex;flex-direction:column;gap:.1em;width:100%;text-align:left;padding:.7em 1em;background:none;border:0;border-bottom:1px solid var(--c-line);cursor:pointer;text-decoration:none;}
.engage-fab__row:last-child{border-bottom:0;}
.engage-fab__row:hover{background:var(--c-bg-elev-2);}
.engage-fab__row b{color:var(--c-gold-bright);font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-300);}
.engage-fab__row span{color:var(--c-text-muted);font-size:var(--fs-400);}
@media(max-width:640px){.engage-fab{right:12px;bottom:12px;}.engage-fab__pop{width:min(280px,88vw);}}
/* keep bottom rail from hiding the fab */
.engage-bottom.is-in ~ .engage-fab{bottom:88px;}

/* engagement v2 polish (research-driven) */
:root{scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto;}}
main h2{scroll-margin-top:84px;}
.engage-left{opacity:0;transform:translateX(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease);pointer-events:none;}
.engage-left.is-in{opacity:1;transform:none;pointer-events:auto;}
.engage-fab__fact{margin:0;padding:.8em 1em;background:linear-gradient(150deg,var(--c-gold-tint),transparent 70%);border-bottom:1px solid var(--c-gold-dim);color:var(--c-text-muted);font-size:var(--fs-300);line-height:1.5;}
.engage-fab__fact span{display:block;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--c-gold-bright);margin-bottom:.2em;}
.engage-fab__row--hot b{color:var(--c-red-bright);}
.engage-fab__row--hot:hover{background:var(--c-red-tint);}
.engage-chip{transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);}
.engage-chip:hover{transform:translateY(-2px);}
@media(prefers-reduced-motion:reduce){.engage-chip:hover{transform:none;}.engage-left{transition:none;}}

/* bottom rail must never cover content */
html.has-bottom-rail body{padding-bottom:76px;}

/* ---------- A11Y + POLISH BATCH (2026-07-26 perf/polish sprint) ---------- */
/* Q8: solid loss badge white-on-red was 3.8:1; deepen red to reach AA (5.25:1) */
.res-l{background:#c23a4a;}
/* Q11: 16px form controls on small screens so iOS Safari does not auto-zoom the funnel field */
@media (max-width:640px){
  .input,input,select,textarea,.cmdk__input{font-size:16px;}
}
/* Q13: >=44px touch targets on coarse pointers (phones/tablets) */
@media (pointer:coarse){
  .subnav-page a,.rt-filters button,.rf-btn,.nav__search,.cmdk__row,.fbtn,
  .site-footer nav a,.engage-chip{min-height:44px;}
  .rf-btn,.rt-filters button,.fbtn{display:inline-flex;align-items:center;}
}
/* Q10: forced-colors (Windows high-contrast). Gradient-clipped headlines render as
   transparent text there and vanish; restore a system color and drop the clip. */
@media (forced-colors:active){
  .hero-bb__title .accent,.ev-hero h1,.rec-stat .n,.stat-big .stat-num,
  .hero h1 .accent,[class*="__title"] .accent{
    -webkit-text-fill-color:CanvasText;color:CanvasText;
    -webkit-background-clip:border-box;background-clip:border-box;background:none;filter:none;
  }
  :focus-visible{outline:2px solid Highlight;}
  .btn,.rf-btn,.rt-filters button{border:1px solid ButtonText;}
}

/* =====================================================================
   HOME V3 + NAV7 (home page only)
   Root scopes: .ticker7 (live strip) · header .nav7 (full-bleed bar +
   seven mega panels) · main .hv3 (home blocks). Every rule below is
   scoped under one of those roots or uses a class name that exists
   nowhere else in this file, so the 225 shell pages are untouched.
   ===================================================================== */
.ticker7,.nav7,.hv3{
  --e1:#101216;--e2:#161a20;--e3:#1e232b;--line:#242a32;--line2:#39414c;
  --tx:#e8eaed;--mut:#9aa2ad;--dim:#828a96;
  --gold:#d4af37;--goldb:#f2cc4b;--golddim:#8c7420;
  --red:#e11d2a;--redb:#ff3b48;--grn:#2fbf71;--ev:#ff5722;
  --wwe:#c8102e;--wcw:#e2b13c;--ecw:#b0b0b0;--tna:#1e73be;--nxt:#f5c518;
  --njpw:#d81f26;--aew:#c8a24a;--aaa:#00964b;
  --hof:#e8b923;--media:#a855f7;--womens:#e0409f;
  --anton:"Anton","Anton Fallback",sans-serif;
  --osw:"Oswald","Oswald Fallback",sans-serif;
  --mono7:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --inter:"Inter","Inter Fallback",system-ui,sans-serif;
}
/* ---- live five-star ticker strip ---- */
.ticker7{background:#000;border-bottom:1px solid var(--line);display:flex;align-items:stretch;
  font-family:var(--mono7);font-size:12px;overflow:hidden;user-select:none;}
.ticker7 .lock{flex:0 0 auto;display:flex;align-items:center;gap:.55em;padding:7px 14px;
  border-right:1px solid var(--line);background:#000;color:var(--redb);
  text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;z-index:2;}
.ticker7 .lock::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--redb);
  box-shadow:0 0 8px var(--redb);animation:blink7 1.6s steps(2,start) infinite;}
@keyframes blink7{50%{opacity:.35}}
.ticker7 .view{flex:1;overflow:hidden;display:flex;align-items:center;}
.tk7{display:flex;gap:38px;white-space:nowrap;width:max-content;padding:7px 0 7px 24px;animation:tk7 36s linear infinite;}
@keyframes tk7{to{transform:translateX(-50%)}}
.tk7 span{color:var(--mut);} .tk7 b{color:var(--goldb);font-weight:600;} .tk7 i{font-style:normal;color:var(--dim);}
.ticker7 .utc{flex:0 0 auto;display:none;align-items:center;padding:7px 14px;border-left:1px solid var(--line);
  color:var(--dim);letter-spacing:.08em;white-space:nowrap;}
@media(min-width:1100px){.ticker7 .utc{display:flex;}}
/* ---- full-bleed bar ---- */
/* FULL BLEED: bar spans 100% (the .wrap wrapper was removed from the nav markup); edge padding only */
.nav7 .bar{display:flex;align-items:center;gap:4px;min-height:62px;width:100%;padding-inline:clamp(16px,3vw,34px);}
.nav7 .brand7{display:flex;align-items:center;gap:.85em;font-family:var(--anton);font-weight:400;font-size:22px;
  letter-spacing:.02em;color:#fff;text-decoration:none;margin-right:16px;white-space:nowrap;user-select:none;}
.nav7 .brand7:hover{color:#fff;}
.nav7 .mark{position:relative;overflow:hidden;width:33px;height:33px;display:grid;place-content:center;border-radius:4px;
  color:#1a1400;font-family:var(--anton);font-size:15px;background:linear-gradient(180deg,#f7e08a,var(--gold) 55%,var(--golddim));
  box-shadow:0 0 0 1px var(--golddim),0 4px 14px rgba(212,175,55,.18);}
.nav7 .wlshim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;}
.nav7 .wlsweep{animation:wlsweep7 6s linear infinite;}
@keyframes wlsweep7{0%{transform:translateX(-16px)}9%{transform:translateX(48px)}100%{transform:translateX(48px)}}
.nav7 .tabs7{display:flex;align-items:center;gap:2px;}
.nav7 .navitem{position:relative;}
/* Concept C directory: airier Oswald 400, wider tracking, slightly larger */
.nav7 .tab{display:inline-block;color:var(--mut);text-decoration:none;font-family:var(--osw);text-transform:uppercase;
  letter-spacing:.11em;font-weight:400;font-size:14px;padding:.85em .68em;cursor:pointer;position:relative;
  white-space:nowrap;user-select:none;}
.nav7 .tab:hover{color:#fff;}
.nav7 .tab::after{content:"";position:absolute;left:.68em;right:.68em;bottom:8px;height:2px;
  background:var(--tabacc,var(--red));transform:scaleX(0);transform-origin:left;transition:transform .1s ease;}
.nav7 .tab:hover::after{transform:scaleX(1);}
.nav7 .navitem.open .tab{color:#fff;}
.nav7 .navitem.open .tab::after{transform:scaleX(1);}
.nav7 .spacer{flex:1;}
.nav7 .nv-w{--tabacc:var(--gold);} .nav7 .nv-m{--tabacc:var(--red);} .nav7 .nv-e{--tabacc:var(--ev);}
.nav7 .nv-h{--tabacc:var(--hof);} .nav7 .nv-d{--tabacc:var(--media);}
.nav7 .nv-p .tab::after{background:linear-gradient(90deg,var(--wwe),var(--wcw),var(--ecw),var(--tna),var(--nxt),var(--njpw),var(--aew),var(--aaa));}
.nav7 .nv-t .tab::after{background:linear-gradient(90deg,#f7e08a,#8c7420);}
/* search pill wired to the production cmdk palette */
.nav7 .pill{display:flex;align-items:center;gap:.55em;background:var(--e2);border:1px solid var(--line2);
  border-radius:99px;padding:.5em .9em;color:var(--dim);cursor:pointer;min-width:230px;
  font-size:13.5px;font-family:var(--inter);margin:0 12px 0 8px;text-align:left;user-select:none;}
.nav7 .pill:hover{border-color:var(--gold);color:var(--mut);}
.nav7 .pill svg{flex:0 0 auto;}
.nav7 .pill .ph{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.nav7 .pill .kbd7{margin-left:auto;font-family:var(--mono7);font-size:11px;background:var(--e3);
  border:1px solid var(--line2);border-radius:5px;padding:.1em .45em;color:var(--mut);}
/* red-outline Join Insider CTA (also used on the home hero) */
:is(.nav7,.hv3) .cta{background:transparent;border:1px solid var(--red);color:var(--redb);font-family:var(--osw);
  text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:13.5px;
  padding:.6em 1.1em;border-radius:4px;text-decoration:none;white-space:nowrap;
  transition:background .1s,color .1s;user-select:none;display:inline-block;}
:is(.nav7,.hv3) .cta:hover{background:var(--red);color:#fff;}
:is(.nav7,.hv3) .cta:active{transform:translateY(1px);}
:is(.nav7,.hv3) .btn-ghost{border:1px solid var(--line2);color:var(--mut);font-family:var(--osw);text-transform:uppercase;
  letter-spacing:.06em;font-weight:600;font-size:13.5px;padding:.6em 1.1em;border-radius:4px;text-decoration:none;
  user-select:none;display:inline-block;}
:is(.nav7,.hv3) .btn-ghost:hover{color:#fff;border-color:var(--gold);}
/* ---- mega panels ---- */
.nav7 .mega7{position:absolute;left:0;top:calc(100% + 2px);z-index:60;width:min(940px,94vw);min-width:0;
  background:var(--e1);border:1px solid var(--line2);border-radius:6px;
  box-shadow:0 30px 80px #000d;padding:14px 12px 12px;user-select:none;
  display:grid;gap:8px;opacity:0;visibility:hidden;transform:translateY(5px);pointer-events:none;
  transition:opacity .1s ease,transform .1s ease,visibility .1s;}
.nav7 .navitem.open .mega7{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
.nav7 .mega7::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;
  border-radius:6px 6px 0 0;background:var(--tabacc,var(--red));
  box-shadow:0 0 14px color-mix(in srgb,var(--tabacc,var(--red)) 45%,transparent);}
.nav7 .nv-p .mega7::before{background:linear-gradient(90deg,var(--wwe),var(--wcw),var(--ecw),var(--tna),var(--nxt),var(--njpw),var(--aew),var(--aaa));box-shadow:0 0 14px rgba(200,162,74,.35);}
.nav7 .nv-t .mega7::before{background:linear-gradient(90deg,#f7e08a,#c9a53a,#8c7420);box-shadow:0 0 14px rgba(247,224,138,.35);}
.nav7 .mega7{--acc:var(--tabacc,var(--gold));}
/* telemetry micro-label, lives only inside clickable targets */
:is(.nav7,.hv3) .klbl{font-family:var(--mono7);font-size:9px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--dim);display:block;user-select:none;}
/* ---- deck card: gradient edge + holo sweep ---- */
:is(.nav7,.hv3) .dk{position:relative;display:block;text-decoration:none;color:var(--tx);border-radius:9px;
  overflow:hidden;cursor:pointer;border:2px solid transparent;
  --edge:color-mix(in srgb,var(--acc,var(--gold)) 46%,#232830);--fill:var(--e2);
  background:linear-gradient(var(--fill),var(--fill)) padding-box,
    conic-gradient(from 205deg,var(--edge),#262b33 22%,var(--edge) 48%,#262b33 74%,var(--edge)) border-box;
  padding:9px 12px 11px;transition:transform .09s ease,box-shadow .09s ease;}
:is(.nav7,.hv3) .dk:hover{--edge:var(--acc,var(--gold));--fill:var(--e3);transform:translateY(-2px);box-shadow:0 10px 26px #000b;}
:is(.nav7,.hv3) .dk:active{transform:translateY(0) scale(.99);box-shadow:none;}
:is(.nav7,.hv3) .dk:hover .klbl{color:var(--acc,var(--gold));}
:is(.nav7,.hv3) .dk::after{content:"";position:absolute;top:-45%;bottom:-45%;left:0;width:34%;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.09) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.09) 60%,transparent);
  transform:translateX(-160%) rotate(9deg);opacity:0;}
:is(.nav7,.hv3) .dk:hover::after{opacity:1;transform:translateX(340%) rotate(9deg);transition:transform .5s ease;}
:is(.nav7,.hv3) .rare-gold{--acc:var(--goldb);} :is(.nav7,.hv3) .rare-red{--acc:var(--redb);} :is(.nav7,.hv3) .rare-purp{--acc:var(--media);}
:is(.nav7,.hv3) .go{position:absolute;right:10px;bottom:9px;font-family:var(--mono7);font-size:9px;letter-spacing:.14em;
  color:var(--dim);opacity:.55;transition:color .09s,opacity .09s,transform .09s;user-select:none;z-index:1;}
:is(.nav7,.hv3) .dk:hover .go{color:var(--acc,var(--gold));opacity:1;transform:translateX(2px);}
:is(.nav7,.hv3) .dk--feat{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;--fill:#14171d;
  background:linear-gradient(160deg,color-mix(in srgb,var(--acc,var(--gold)) 15%,#14171d),#14171d 62%) padding-box,
    conic-gradient(from 205deg,var(--edge),#262b33 22%,var(--edge) 48%,#262b33 74%,var(--edge)) border-box;}
:is(.nav7,.hv3) .dk--feat:hover{background:linear-gradient(160deg,color-mix(in srgb,var(--acc,var(--gold)) 22%,#171b22),#171b22 62%) padding-box,
    conic-gradient(from 205deg,var(--edge),#2b313b 22%,var(--edge) 48%,#2b313b 74%,var(--edge)) border-box;}
:is(.nav7,.hv3) .dk--feat h3{font-family:var(--anton);font-weight:400;text-transform:uppercase;font-size:23px;line-height:.95;
  margin:4px 0 3px;letter-spacing:.01em;}
:is(.nav7,.hv3) .dk--feat .featstat{font-family:var(--anton);color:var(--acc,var(--goldb));font-size:16px;letter-spacing:.02em;user-select:none;}
:is(.nav7,.hv3) .dk--feat .go{position:static;align-self:flex-end;font-size:10px;opacity:.75;margin-top:6px;}
:is(.nav7,.hv3) .dk--feat:hover .go{color:#fff;}
:is(.nav7,.hv3) .dk--stat .big{font-family:var(--anton);font-size:26px;color:var(--goldb);line-height:1;margin-top:4px;user-select:none;}
:is(.nav7,.hv3) .dk--stat .big--word{font-size:19px;letter-spacing:.03em;}
:is(.nav7,.hv3) .dk--stat .n{font-family:var(--osw);text-transform:uppercase;font-size:12px;letter-spacing:.04em;
  color:var(--mut);margin-top:2px;display:block;}
:is(.nav7,.hv3) .dk--stat:hover .n{color:#fff;}
:is(.nav7,.hv3) .dk--stat:hover .big{color:#fff;}
:is(.nav7,.hv3) .mono7c{min-height:64px;}
:is(.nav7,.hv3) .mono7c .ini{position:absolute;right:-5px;bottom:-16px;font-family:var(--anton);font-size:56px;line-height:1;
  color:color-mix(in srgb,var(--acc,var(--gold)) 24%,transparent);pointer-events:none;user-select:none;transition:color .09s ease;z-index:0;}
:is(.nav7,.hv3) .mono7c:hover .ini{color:color-mix(in srgb,var(--acc,var(--gold)) 52%,transparent);}
:is(.nav7,.hv3) .mono7c .nm{font-family:var(--osw);text-transform:uppercase;font-size:14px;letter-spacing:.03em;margin-top:3px;position:relative;z-index:1;}
:is(.nav7,.hv3) .mono7c .ms{font-family:var(--mono7);font-size:9px;letter-spacing:.09em;color:var(--dim);margin-top:2px;display:block;user-select:none;position:relative;z-index:1;}
:is(.nav7,.hv3) .mono7c:hover .nm{color:#fff;}
/* ---- chip rail (stretch to fill) ---- */
:is(.nav7,.hv3) .chiprow{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;}
:is(.nav7,.hv3) .chip7{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:.45em;background:var(--e2);
  border:1px solid var(--line);border-radius:5px;padding:.5em .7em;text-decoration:none;color:var(--mut);
  font-family:var(--osw);text-transform:uppercase;font-size:12px;letter-spacing:.04em;cursor:pointer;
  transition:border-color .09s,color .09s,background .09s,transform .09s;user-select:none;white-space:nowrap;}
:is(.nav7,.hv3) .chip7:hover{color:#fff;border-color:var(--acc,var(--gold));background:var(--e3);transform:translateY(-1px);}
:is(.nav7,.hv3) .chip7:active{transform:translateY(0);}
:is(.nav7,.hv3) .chip7 .dot{width:8px;height:8px;border-radius:99px;flex:0 0 auto;box-shadow:0 0 0 0 transparent;transition:box-shadow .09s;}
:is(.nav7,.hv3) .chip7:hover .dot{box-shadow:0 0 7px 0 currentColor;}
:is(.nav7,.hv3) .chip7--more{color:var(--goldb);border-color:var(--golddim);}
:is(.nav7,.hv3) .chip7--more:hover{border-color:var(--goldb);}
:is(.nav7,.hv3) .chip7 .plat{font-family:var(--mono7);font-size:9px;color:var(--dim);letter-spacing:.06em;text-transform:none;
  border-left:1px solid var(--line2);padding-left:.55em;}
:is(.nav7,.hv3) .chip7:hover .plat{color:var(--mut);}
/* ---- row link ---- */
:is(.nav7,.hv3) .rowlink{display:flex;align-items:center;justify-content:space-between;gap:.7em;background:var(--e2);
  border:1px solid var(--line);border-radius:5px;padding:8px 11px;text-decoration:none;color:var(--mut);
  font-family:var(--osw);text-transform:uppercase;font-size:12.5px;letter-spacing:.04em;cursor:pointer;
  transition:border-color .09s,color .09s,background .09s,transform .09s;user-select:none;}
:is(.nav7,.hv3) .rowlink:hover{color:#fff;border-color:var(--acc,var(--gold));background:var(--e3);transform:translateY(-1px);}
:is(.nav7,.hv3) .rowlink:active{transform:translateY(0);}
:is(.nav7,.hv3) .rowlink .tag2{font-family:var(--mono7);font-size:9px;color:var(--dim);flex:0 0 auto;letter-spacing:.08em;}
:is(.nav7,.hv3) .rowlink:hover .tag2{color:var(--acc,var(--gold));}
/* ---- ident cell ---- */
:is(.nav7,.hv3) .chc{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:4px;
  background:#0d0f14;border:1px solid var(--line);border-radius:9px;padding:9px 12px;
  text-decoration:none;color:var(--tx);cursor:pointer;overflow:hidden;
  transition:border-color .09s,background .09s,transform .09s;user-select:none;}
:is(.nav7,.hv3) .chc .chn{font-family:var(--anton);font-size:21px;line-height:1;color:var(--acc,var(--gold));letter-spacing:.03em;margin-top:2px;user-select:none;}
:is(.nav7,.hv3) .chc .chs{font-family:var(--mono7);font-size:9px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;transition:color .09s;user-select:none;}
:is(.nav7,.hv3) .chc:hover{border-color:var(--acc,var(--gold));background:#12151c;transform:translateY(-2px);}
:is(.nav7,.hv3) .chc:hover .chn{text-shadow:0 0 14px color-mix(in srgb,var(--acc,var(--gold)) 65%,transparent);}
:is(.nav7,.hv3) .chc:hover .chs{color:var(--acc,var(--gold));}
:is(.nav7,.hv3) .chc:active{transform:translateY(0) scale(.99);}
/* ---- panel 1: wrestlers roster mosaic ---- */
.nav7 .mega7--roster{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(64px,auto);}
.nav7 .mega7--roster .dk--feat{grid-column:span 2;grid-row:span 2;}
/* ---- panel 2: matches ladder + desk rail ---- */
.nav7 .mega7--ladder{width:min(900px,94vw);grid-template-columns:2.15fr 1fr;}
.nav7 .ladcol,.nav7 .deskcol{display:flex;flex-direction:column;gap:8px;min-width:0;}
.nav7 .deskcol .chc{flex:1;} .nav7 .deskcol .dk--stat{flex:1;}
.nav7 .lrow{display:flex;align-items:center;gap:14px;padding:8px 12px;min-height:0;flex:1;}
.nav7 .lrow .rank{font-family:var(--anton);font-size:20px;color:var(--dim);width:34px;flex:0 0 auto;transition:color .09s;user-select:none;}
.nav7 .lrow:hover .rank{color:var(--acc,var(--redb));}
.nav7 .lrow .lbody{flex:1;min-width:0;}
.nav7 .lrow .lnm{font-family:var(--osw);text-transform:uppercase;font-size:14px;letter-spacing:.03em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.nav7 .lrow:hover .lnm{color:#fff;}
.nav7 .meter7{position:relative;font-family:var(--mono7);font-size:13px;letter-spacing:.22em;flex:0 0 auto;line-height:1;user-select:none;}
.nav7 .meter7 .off{color:#3b414b;}
.nav7 .meter7 .on{position:absolute;left:0;top:0;width:8%;overflow:hidden;white-space:nowrap;color:var(--goldb);
  text-shadow:0 0 8px rgba(242,204,75,.55);transition:width .3s ease;}
.nav7 .lrow:hover .meter7 .on{width:100%;}
.nav7 .lrow .ltag{font-family:var(--mono7);font-size:10px;color:var(--goldb);border:1px solid var(--golddim);
  border-radius:4px;padding:.08em .4em;flex:0 0 auto;transition:background .09s,color .09s;user-select:none;}
.nav7 .lrow:hover .ltag{background:var(--goldb);color:#151004;border-color:var(--goldb);}
/* ---- panel 3 + home events: T-numbered season rail ---- */
.nav7 .mega7--timeline{width:min(1000px,94vw);display:flex;flex-direction:column;}
:is(.nav7,.hv3) .rail7{display:flex;gap:8px;position:relative;padding-top:16px;}
:is(.nav7,.hv3) .rail7::before{content:"";position:absolute;left:6px;right:6px;top:5px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--ev),color-mix(in srgb,var(--ev) 25%,transparent));}
:is(.nav7,.hv3) .tc{position:relative;flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;min-height:104px;
  background:var(--e2);border:1px solid var(--line);border-radius:6px;padding:9px 10px 26px;
  text-decoration:none;color:var(--tx);cursor:pointer;overflow:hidden;
  transition:border-color .09s,background .09s,transform .09s,box-shadow .09s;user-select:none;}
:is(.nav7,.hv3) .tc::before{content:"";position:absolute;left:14px;top:-16px;width:8px;height:8px;border-radius:99px;
  background:#3a3f47;box-shadow:0 0 0 3px var(--e1);transition:background .09s,box-shadow .09s;}
:is(.nav7,.hv3) .tc:hover{border-color:var(--ev);background:var(--e3);transform:translateY(-2px);box-shadow:0 8px 20px #000a;}
:is(.nav7,.hv3) .tc:hover::before{background:var(--ev);box-shadow:0 0 0 3px var(--e1),0 0 9px var(--ev);}
:is(.nav7,.hv3) .tc:active{transform:translateY(0) scale(.985);}
:is(.nav7,.hv3) .tc .dt{font-family:var(--mono7);font-size:9px;letter-spacing:.13em;color:var(--ev);text-transform:uppercase;user-select:none;}
:is(.nav7,.hv3) .tc .enm{font-family:var(--osw);font-weight:600;text-transform:uppercase;font-size:13.5px;letter-spacing:.02em;
  line-height:1.12;margin:4px 0 3px;display:block;}
:is(.nav7,.hv3) .tc:hover .enm{color:#fff;}
:is(.nav7,.hv3) .tc .go{right:9px;bottom:8px;}
:is(.nav7,.hv3) .tc:hover .go{color:var(--ev);opacity:1;transform:translateX(2px);}
:is(.nav7,.hv3) .tc--main{flex:1.5 1 0;background:linear-gradient(150deg,color-mix(in srgb,var(--ev) 18%,#0d0f13),var(--e2) 65%);}
:is(.nav7,.hv3) .tc--main .enm{font-family:var(--anton);font-weight:400;font-size:21px;line-height:.95;}
:is(.nav7,.hv3) .tc--main::before{background:var(--ev);}
:is(.nav7,.hv3) .tc--wc{border:1px solid transparent;
  background:linear-gradient(var(--e2),var(--e2)) padding-box,linear-gradient(90deg,#00964b,#e8e8e8 50%,#d02831) border-box;}
:is(.nav7,.hv3) .tc--wc::before{background:var(--grn);}
:is(.nav7,.hv3) .tc--wc:hover{border-color:transparent;
  background:linear-gradient(var(--e3),var(--e3)) padding-box,linear-gradient(90deg,#00c765,#ffffff 50%,#ff4d55) border-box;
  box-shadow:0 8px 20px #000a,0 0 14px rgba(47,191,113,.18);}
:is(.nav7,.hv3) .tc--wc:hover::before{background:var(--grn);box-shadow:0 0 0 3px var(--e1),0 0 9px var(--grn);}
:is(.nav7,.hv3) .tc--wc .dt{color:var(--grn);}
:is(.nav7,.hv3) .tc--wc:hover .go{color:var(--grn);}
:is(.nav7,.hv3) .wcbadge{align-self:flex-start;margin-top:5px;font-family:var(--mono7);font-size:8.5px;letter-spacing:.1em;
  color:var(--grn);background:#000a;border:1px solid color-mix(in srgb,var(--grn) 45%,transparent);
  border-radius:4px;padding:2px 5px;text-transform:uppercase;user-select:none;}
:is(.nav7,.hv3) .tc--wc:hover .wcbadge{border-color:var(--grn);}
:is(.nav7,.hv3) .brandstrip{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
/* ---- panel 4 + home: brand cards in house colors ---- */
.nav7 .mega7--brands{grid-template-columns:repeat(4,1fr);}
:is(.nav7,.hv3) .bcard{--acc:var(--pc,var(--gold));min-height:88px;
  background:linear-gradient(150deg,color-mix(in srgb,var(--pc,var(--gold)) 17%,#12151b),#12151b 68%) padding-box,
    conic-gradient(from 205deg,var(--edge),#262b33 22%,var(--edge) 48%,#262b33 74%,var(--edge)) border-box;}
:is(.nav7,.hv3) .bcard:hover{background:linear-gradient(150deg,color-mix(in srgb,var(--pc,var(--gold)) 26%,#151920),#151920 68%) padding-box,
    conic-gradient(from 205deg,var(--edge),#2b313b 22%,var(--edge) 48%,#2b313b 74%,var(--edge)) border-box;}
:is(.nav7,.hv3) .bcard .bnm{font-family:var(--anton);font-size:21px;letter-spacing:.02em;margin-top:3px;
  color:color-mix(in srgb,var(--pc,var(--gold)) 80%,#fff);}
:is(.nav7,.hv3) .bcard:hover .bnm{color:#fff;}
:is(.nav7,.hv3) .bcard .bys{font-family:var(--mono7);font-size:9px;letter-spacing:.09em;color:var(--dim);margin-top:2px;display:block;user-select:none;}
:is(.nav7,.hv3) .bcard .stream{display:inline-block;margin:6px 4px 0 0;font-family:var(--mono7);font-size:8.5px;letter-spacing:.07em;
  color:color-mix(in srgb,var(--pc,var(--gold)) 85%,#fff);background:#000a;border:1px solid var(--line2);
  border-radius:4px;padding:2px 5px;user-select:none;position:relative;z-index:1;}
:is(.nav7,.hv3) .bcard:hover .stream{border-color:var(--pc,var(--gold));}
:is(.nav7,.hv3) .bnm--tri{background:linear-gradient(100deg,#00c765 20%,#f2f2f2 50%,#ff4d55 80%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;}
:is(.nav7,.hv3) .bcard--aaa:hover .bnm--tri{filter:brightness(1.25);}
:is(.nav7,.hv3) .bcard--aaa .stream{color:#7fe0b0;}
/* ---- panel 5 + home: Hall of Fame plaque wall ---- */
.nav7 .mega7--plaques{grid-template-columns:repeat(3,1fr);}
:is(.nav7,.hv3) .plq{--pa:var(--hof);position:relative;display:block;text-decoration:none;color:#dcc37b;border-radius:7px;overflow:hidden;
  cursor:pointer;padding:10px 12px 12px;min-height:72px;
  background:radial-gradient(130% 95% at 0% 0%,color-mix(in srgb,var(--pa) 16%,transparent),transparent 56%),linear-gradient(172deg,#3d3423,#221d12 46%,#39301e 92%);
  border:1px solid #6b5a2a;border-left:3px solid color-mix(in srgb,var(--pa) 62%,#3a3220);
  box-shadow:inset 0 1px 0 rgba(255,235,170,.14),inset 0 -6px 14px #0008;
  transition:transform .09s ease,box-shadow .09s ease,border-color .09s ease;}
:is(.nav7,.hv3) .plq:hover{transform:translateY(-2px);border-color:var(--pa);
  box-shadow:inset 0 1px 0 rgba(255,235,170,.22),inset 0 -6px 14px #0007,0 10px 24px #000b,0 0 18px color-mix(in srgb,var(--pa) 30%,transparent);}
:is(.nav7,.hv3) .plq .klbl{color:color-mix(in srgb,var(--pa) 55%,#8a7440);}
:is(.nav7,.hv3) .plq:active{transform:translateY(0) scale(.99);}
:is(.nav7,.hv3) .plq::before,:is(.nav7,.hv3) .plq .scr{content:"";position:absolute;width:5px;height:5px;border-radius:99px;
  background:radial-gradient(circle at 35% 30%,#f4e2a5,#7d6828 70%);pointer-events:none;}
:is(.nav7,.hv3) .plq::before{top:5px;left:5px;}
:is(.nav7,.hv3) .plq .scr{bottom:5px;right:5px;}
:is(.nav7,.hv3) .plq:hover .klbl{color:var(--pa);}
:is(.nav7,.hv3) .plq .eng{font-family:var(--osw);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:14.5px;
  margin-top:4px;text-shadow:0 1px 0 #000,0 -1px 0 rgba(255,240,190,.12);}
:is(.nav7,.hv3) .plq:hover .eng{color:#f5df9a;}
:is(.nav7,.hv3) .plq .sub{font-family:var(--mono7);font-size:9px;letter-spacing:.1em;color:#8a7440;margin-top:3px;display:block;user-select:none;text-transform:uppercase;}
:is(.nav7,.hv3) .plq .go{color:#8a7440;}
:is(.nav7,.hv3) .plq:hover .go{color:var(--pa);opacity:1;transform:translateX(2px);}
:is(.nav7,.hv3) .plq--big{grid-column:span 2;min-height:96px;background:linear-gradient(160deg,#4a3f26,#241f12 52%,#3d341f 94%);}
:is(.nav7,.hv3) .plq--wide{grid-column:span 2;}
:is(.nav7,.hv3) .plq--big .eng{font-family:var(--anton);font-weight:400;font-size:23px;letter-spacing:.03em;line-height:.98;margin-top:5px;}
/* ---- panel 6: belt rack with crest craft ---- */
.nav7 .mega7--rack{width:min(980px,94vw);display:flex;flex-direction:column;}
.nav7 .rackwrap{display:grid;grid-template-columns:2.1fr 1fr;gap:8px;}
.nav7 .rackwrap>div{display:flex;flex-direction:column;gap:8px;}
.nav7 .belt{position:relative;display:block;text-decoration:none;padding:2px;cursor:pointer;user-select:none;
  clip-path:polygon(0 50%,16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%);
  background:linear-gradient(90deg,#8c7420,#f7e08a 50%,#8c7420);
  transition:transform .09s ease,filter .09s ease;}
.nav7 .belt:hover{transform:translateY(-1px);filter:brightness(1.18) saturate(1.1);}
.nav7 .belt:active{transform:translateY(0);filter:brightness(1);}
.nav7 .belt .bin{position:relative;display:flex;align-items:center;gap:12px;padding:8px 24px;
  clip-path:polygon(0 50%,15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%);
  background:linear-gradient(180deg,#21252d,#14171d);}
.nav7 .belt .bnm2{flex:1;min-width:0;font-family:var(--osw);text-transform:uppercase;font-size:13px;letter-spacing:.05em;
  color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .09s;}
.nav7 .belt:hover .bnm2{color:#fff;}
.nav7 .bwho{flex:0 0 auto;font-family:var(--mono7);font-size:8.5px;letter-spacing:.12em;color:var(--dim);
  text-transform:uppercase;user-select:none;transition:color .09s;}
.nav7 .belt:hover .bwho{color:var(--goldb);}
/* crest craft: original heraldic crest at each strap's left edge.
   Panel open: outline draws on via stroke-dashoffset (~600ms, staggered
   80ms per strap through --i); then a soft radial pulse breathes every 6s.
   Hover: crest fills with its accent (--cr) and springs 8deg. */
.nav7 .crest{flex:0 0 auto;width:28px;height:28px;color:var(--cr,var(--goldb));overflow:visible;}
.nav7 .crest .cg{transform-box:fill-box;transform-origin:center;transition:transform .34s cubic-bezier(.34,1.7,.44,1);will-change:transform;}
.nav7 .crest .cg path,.nav7 .crest .cg circle,.nav7 .crest .cg ellipse{fill:var(--cr,var(--goldb));fill-opacity:0;
  stroke:var(--cr,var(--goldb));stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:100;stroke-dashoffset:100;transition:fill-opacity .16s ease;}
.nav7 .navitem.open .crest .cg path,.nav7 .navitem.open .crest .cg circle,.nav7 .navitem.open .crest .cg ellipse{
  animation:crestdraw7 .6s ease forwards;animation-delay:calc(var(--i,0)*80ms);}
@keyframes crestdraw7{to{stroke-dashoffset:0}}
.nav7 .crest .pulse{fill:var(--cr,var(--goldb));opacity:0;transform-box:fill-box;transform-origin:center;}
.nav7 .navitem.open .crest .pulse{animation:crestbreathe7 6s ease-in-out infinite;
  animation-delay:calc(.7s + var(--i,0)*80ms);will-change:transform,opacity;}
@keyframes crestbreathe7{0%,100%{transform:scale(.9);opacity:.04}50%{transform:scale(1.12);opacity:.13}}
.nav7 .belt:hover .crest .cg,.nav7 .belt:focus-visible .crest .cg,.nav7 .belt.flipped .crest .cg{transform:rotate(8deg);}
.nav7 .belt:hover .crest .cg path,.nav7 .belt:hover .crest .cg circle,.nav7 .belt:hover .crest .cg ellipse,
.nav7 .belt:focus-visible .crest .cg path,.nav7 .belt:focus-visible .crest .cg circle,.nav7 .belt:focus-visible .crest .cg ellipse,
.nav7 .belt.flipped .crest .cg path,.nav7 .belt.flipped .crest .cg circle,.nav7 .belt.flipped .crest .cg ellipse{fill-opacity:.3;}
/* plate roll: one gold plate window; the day-count face rolls up and the
   champion face rolls in from below. Completes in <400ms. */
.nav7 .plate{flex:0 0 auto;position:relative;overflow:hidden;font-family:var(--anton);font-size:12.5px;letter-spacing:.05em;color:#241c04;
  text-transform:uppercase;white-space:nowrap;user-select:none;
  clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);
  background:linear-gradient(180deg,#f7e08a,#d4af37 55%,#8c7420);}
.nav7 .pcore{display:grid;}
.nav7 .pf{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:6px;padding:.32em .95em;white-space:nowrap;
  transition:transform .26s cubic-bezier(.5,.05,.2,1);will-change:transform;}
.nav7 .pf--champ{transform:translateY(104%);}
.nav7 .belt:hover .pf--day,.nav7 .belt:focus-visible .pf--day,.nav7 .belt.flipped .pf--day{transform:translateY(-104%);}
.nav7 .belt:hover .pf--champ,.nav7 .belt:focus-visible .pf--champ,.nav7 .belt.flipped .pf--champ{transform:translateY(0);}
/* gold shine sweeps the plate window as the champ face lands */
.nav7 .plate::after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:34%;transform:skewX(-18deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.62) 50%,transparent);opacity:0;pointer-events:none;}
.nav7 .belt:hover .plate::after,.nav7 .belt:focus-visible .plate::after,.nav7 .belt.flipped .plate::after{animation:kshine7 .22s ease-out .18s both;}
@keyframes kshine7{0%{left:-45%;opacity:1}100%{left:112%;opacity:1}}
.nav7 .pdays{font-family:var(--mono7);font-weight:700;font-size:.94em;letter-spacing:.07em;font-variant-numeric:tabular-nums;
  text-shadow:0 1px 0 rgba(255,246,205,.55);}
.nav7 .psub{font-family:var(--mono7);font-size:7.5px;font-weight:600;letter-spacing:.14em;color:rgba(36,28,4,.62);}
/* thin laurel-leaf pair beside the champ name: LIVE strap only, unfurls
   from center with a spring once the roll lands */
.nav7 .lf{flex:0 0 auto;width:9px;height:13px;fill:none;stroke:#4a3a08;stroke-width:1.5;stroke-linecap:round;
  transform:scale(0);transform-origin:center;transition:transform .3s cubic-bezier(.34,1.75,.45,1) .12s;will-change:transform;}
.nav7 .belt--live:hover .lf,.nav7 .belt--live:focus-visible .lf,.nav7 .belt--live.flipped .lf{transform:scale(1);}
.nav7 .belt .btag{flex:0 0 auto;font-family:var(--mono7);font-size:9px;letter-spacing:.12em;color:var(--dim);transition:color .09s;}
.nav7 .belt:hover .btag{color:var(--goldb);}
.nav7 .belt--live{background:linear-gradient(90deg,#7a0f16,var(--redb) 50%,#7a0f16);}
.nav7 .belt--live:hover{filter:brightness(1.16) saturate(1.28);}
.nav7 .belt--live:hover .bin{background:linear-gradient(180deg,#2a2128,#170f12);}
.nav7 .belt--live:hover .bwho,.nav7 .belt--live:hover .btag{color:var(--redb);}
.nav7 .belt--live .plate{filter:drop-shadow(0 0 6px rgba(255,59,72,.45));}
.nav7 .belt--live .klive{flex:0 0 auto;font-family:var(--mono7);font-size:8.5px;letter-spacing:.12em;color:var(--redb);}
.nav7 .belt--live .klive::before{content:"";display:inline-block;width:6px;height:6px;border-radius:99px;
  background:var(--redb);box-shadow:0 0 6px var(--redb);margin-right:5px;vertical-align:1px;}
.nav7 .bctx{position:absolute;left:26px;bottom:1px;font-family:var(--mono7);font-size:7px;letter-spacing:.14em;
  color:#ff9aa1;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .12s ease;
  pointer-events:none;user-select:none;}
.nav7 .belt:hover .bctx,.nav7 .belt:focus-visible .bctx,.nav7 .belt.flipped .bctx{opacity:.85;}
.nav7 .belt--wm{background:linear-gradient(90deg,#7a1f56,var(--womens) 50%,#7a1f56);}
.nav7 .belt--wm .plate{color:#2a0519;background:linear-gradient(180deg,#ffc3e4,var(--womens) 55%,#8c2a66);}
.nav7 .belt--wm .pdays{text-shadow:0 1px 0 rgba(255,222,242,.55);}
.nav7 .belt--wm .psub{color:rgba(42,5,25,.62);}
.nav7 .belt--wm:hover .btag,.nav7 .belt--wm:hover .bwho{color:var(--womens);}
/* corner sparks on the right-rail cells when the Titles panel opens */
.nav7 .nv-t .cspark{position:absolute;top:5px;right:5px;width:15px;height:15px;pointer-events:none;transform:rotate(90deg);}
.nav7 .nv-t .cspark path{fill:none;stroke:var(--goldb);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;}
.nav7 .nv-t.open .cspark path{animation:cspark7 .5s ease-out both;}
.nav7 .nv-t.open .rackwrap>div:last-child>a:nth-child(2) .cspark path{animation-delay:.08s;}
.nav7 .nv-t.open .rackwrap>div:last-child>a:nth-child(3) .cspark path{animation-delay:.16s;}
.nav7 .nv-t.open .rackwrap>div:last-child>a:nth-child(4) .cspark path{animation-delay:.24s;}
@keyframes cspark7{0%{stroke-dashoffset:100;opacity:0}14%{opacity:1}70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.45}}
.nav7 .feeds{display:flex;flex-direction:column;gap:3px;padding:9px 12px 24px;}
.nav7 .feeds .fl{font-family:var(--mono7);font-size:10px;letter-spacing:.06em;color:var(--mut);transition:color .09s;user-select:none;}
.nav7 .feeds .fl b{color:var(--goldb);font-weight:600;display:inline-block;min-width:44px;}
.nav7 .feeds:hover .fl{color:var(--tx);}
.nav7 .duorow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.nav7 .duo{min-height:62px;}
.nav7 .duo .i1,.nav7 .duo .i2{position:absolute;font-family:var(--anton);font-size:44px;line-height:1;
  pointer-events:none;user-select:none;transition:color .09s;z-index:0;color:color-mix(in srgb,var(--goldb) 22%,transparent);}
.nav7 .duo .i1{left:6px;bottom:-11px;}
.nav7 .duo .i2{right:6px;bottom:-11px;color:color-mix(in srgb,var(--redb) 20%,transparent);}
.nav7 .duo:hover .i1{color:color-mix(in srgb,var(--goldb) 46%,transparent);}
.nav7 .duo:hover .i2{color:color-mix(in srgb,var(--redb) 42%,transparent);}
.nav7 .duo .nm{position:relative;z-index:1;font-family:var(--osw);text-transform:uppercase;font-size:13px;
  letter-spacing:.03em;margin-top:3px;text-align:center;}
.nav7 .duo:hover .nm{color:#fff;}
.nav7 .duo .klbl{text-align:center;}
/* ---- panel 7 + home: purple studio media ---- */
.nav7 .mega7--studio{width:min(880px,94vw);grid-template-columns:1.1fr 1.1fr 1fr 1fr;
  background:repeating-linear-gradient(0deg,rgba(168,85,247,.03) 0 1px,transparent 1px 4px),
    radial-gradient(55% 90% at 20% 0%,rgba(168,85,247,.14),transparent 62%),
    radial-gradient(40% 70% at 92% 100%,rgba(168,85,247,.07),transparent 60%),var(--e1);}
.nav7 .mega7--studio .dk--feat{grid-column:span 2;grid-row:span 2;}
:is(.nav7,.hv3) .pb{width:34px;height:34px;border-radius:99px;border:1.5px solid var(--media);display:grid;place-content:center;
  flex:0 0 auto;transition:background .09s,box-shadow .09s;user-select:none;}
:is(.nav7,.hv3) .pb::after{content:"";display:block;border-left:10px solid var(--media);border-top:6px solid transparent;
  border-bottom:6px solid transparent;margin-left:3px;transition:border-left-color .09s;}
:is(.nav7,.hv3) .ptile{display:flex;align-items:center;gap:11px;min-height:60px;}
:is(.nav7,.hv3) .ptile .pb{width:28px;height:28px;}
:is(.nav7,.hv3) .ptile .pb::after{border-left-width:8px;border-top-width:5px;border-bottom-width:5px;margin-left:2px;}
:is(.nav7,.hv3) .ptile:hover .pb,:is(.nav7,.hv3) .dk--feat:hover .pb{background:var(--media);box-shadow:0 0 14px rgba(168,85,247,.5);}
:is(.nav7,.hv3) .ptile:hover .pb::after,:is(.nav7,.hv3) .dk--feat:hover .pb::after{border-left-color:#120521;}
:is(.nav7,.hv3) .ptile .pmeta{flex:1;min-width:0;}
:is(.nav7,.hv3) .ptile .nm{font-family:var(--osw);text-transform:uppercase;font-size:13.5px;letter-spacing:.03em;}
:is(.nav7,.hv3) .ptile:hover .nm{color:#fff;}
:is(.nav7,.hv3) .studiohead{display:flex;align-items:center;gap:12px;}
:is(.nav7,.hv3) .ptile--ega .pb{border-color:var(--goldb);}
:is(.nav7,.hv3) .ptile--ega .pb::after{border-left-color:var(--goldb);}
:is(.nav7,.hv3) .ptile--ega:hover .pb{background:var(--goldb);box-shadow:0 0 14px rgba(242,204,75,.5);}
:is(.nav7,.hv3) .ptile--ega:hover .pb::after{border-left-color:#151004;}
/* =====================  HOME BLOCKS (main.hv3)  ===================== */
.hv3-hero{padding:44px 0 34px;position:relative;}
.hv3 .frame{position:relative;border:1px solid var(--line);border-radius:8px;padding:42px 40px 34px;
  background:linear-gradient(160deg,rgba(225,29,42,.06),transparent 50%),linear-gradient(320deg,rgba(168,85,247,.05),transparent 55%);}
.hv3 .corner{position:absolute;width:18px;height:18px;border-color:var(--gold);pointer-events:none;}
.hv3 .c1{top:-1px;left:-1px;border-left:2px solid;border-top:2px solid;}
.hv3 .c2{top:-1px;right:-1px;border-right:2px solid;border-top:2px solid;}
.hv3 .c3{bottom:-1px;left:-1px;border-left:2px solid;border-bottom:2px solid;}
.hv3 .c4{bottom:-1px;right:-1px;border-right:2px solid;border-bottom:2px solid;}
.hv3 .onair{display:inline-flex;align-items:center;gap:.55em;font-family:var(--mono7);font-size:12px;color:var(--redb);
  text-transform:uppercase;letter-spacing:.12em;user-select:none;}
.hv3 .onair::before{content:"";width:8px;height:8px;border-radius:99px;background:var(--redb);box-shadow:0 0 8px var(--redb);}
.hv3 .herogrid{display:grid;gap:28px;align-items:center;}
@media(min-width:980px){.hv3 .herogrid{grid-template-columns:1.3fr .7fr;}}
.hv3 .hv3-h1{font-family:var(--anton);font-weight:400;text-transform:uppercase;
  font-size:clamp(2.6rem,5.8vw,5.1rem);line-height:.92;margin:.18em 0 .12em;letter-spacing:.005em;}
.hv3 .hv3-h1 .g{background:linear-gradient(180deg,#f7e08a,var(--gold) 48%,var(--golddim));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.hv3 .lede{color:var(--mut);font-size:16.5px;max-width:62ch;line-height:1.55;}
.hv3 .herocta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.hv3 .heroposter{min-height:190px;}
/* scale readouts: every number is a door */
.hv3 .readouts{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;border-top:1px solid var(--line);padding-top:16px;}
.hv3 .readouts a{flex:1 1 auto;text-decoration:none;font-family:var(--mono7);font-size:10px;letter-spacing:.1em;
  color:var(--dim);text-transform:uppercase;padding:9px 12px 10px;border:1px solid var(--line);border-radius:6px;
  background:var(--e1);transition:border-color .09s,background .09s,transform .09s;user-select:none;position:relative;
  border-top:2px solid color-mix(in srgb,var(--rc,var(--gold)) 55%,var(--line));}
.hv3 .readouts a b{color:var(--rc,var(--goldb));font-family:var(--anton);font-weight:400;font-size:22px;display:block;letter-spacing:.02em;}
.hv3 .readouts a:hover{border-color:var(--rc,var(--gold));background:var(--e2);transform:translateY(-2px);color:var(--mut);}
.hv3 .readouts a:hover b{color:#fff;}
.hv3 .readouts a:active{transform:translateY(0);}
.hv3 .readouts a::after{content:"\2192";position:absolute;right:9px;bottom:8px;font-family:var(--mono7);font-size:10px;
  color:var(--rc,var(--gold));opacity:0;transition:opacity .09s;}
.hv3 .readouts a:hover::after{opacity:1;}
/* home grids */
.hv3 .lanegrid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:var(--sp-5);}
.hv3 .grid8{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);}
.hv3 .plaqrow{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);}
.hv3 .jgrid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);}
.hv3 .mediagrid{display:grid;gap:10px;grid-template-columns:1.2fr 1fr 1fr;}
.hv3 .mediagrid .dk--feat{grid-row:span 2;}
.hv3 .split2{display:grid;gap:var(--sp-5);grid-template-columns:1.4fr 1fr;align-items:start;}
.hv3 .stackcol{display:flex;flex-direction:column;gap:10px;}
.hv3 .kgrow{display:grid;gap:10px;grid-template-columns:repeat(5,1fr);}
.hv3 .serierow{display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:10px;}
.hv3 .filterrow{margin-bottom:var(--sp-4);}
.hv3-media{background:radial-gradient(60% 90% at 12% 0%,rgba(168,85,247,.12),transparent 60%),
  radial-gradient(45% 70% at 95% 100%,rgba(168,85,247,.06),transparent 60%);}
.hv3 .insider{border:1px solid var(--c-gold-dim);border-radius:var(--r-lg);padding:var(--sp-6);
  background:linear-gradient(150deg,rgba(212,175,55,.10),transparent 55%),var(--c-bg-elev-1);}
.hv3-alt{background:var(--c-bg-elev-1);}
@media(max-width:980px){
  .hv3 .mediagrid{grid-template-columns:1fr 1fr;}
  .hv3 .mediagrid .dk--feat{grid-row:auto;grid-column:span 2;min-height:118px;}
  .hv3 .split2{grid-template-columns:1fr;}
  .hv3 .kgrow,.hv3 .serierow{grid-template-columns:repeat(3,1fr);}
  .hv3 .plaqrow{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:880px){
  .hv3 .lanegrid,.hv3 .grid8,.hv3 .jgrid{grid-template-columns:1fr 1fr;}
  .hv3 .frame{padding:30px 22px 26px;}
}
@media(max-width:560px){
  .hv3 .lanegrid,.hv3 .grid8,.hv3 .jgrid,.hv3 .plaqrow,.hv3 .kgrow,.hv3 .serierow,.hv3 .mediagrid{grid-template-columns:1fr;}
  .hv3 .mediagrid .dk--feat,:is(.nav7,.hv3) .plq--big,:is(.nav7,.hv3) .plq--wide{grid-column:auto;}
}
/* home-only promo chips for the poster grid (additive, unique names) */
.chip--njpw{color:#fff;background:var(--c-njpw);border-color:var(--c-njpw);}
.chip--womens{color:#fff;background:var(--c-womens);border-color:var(--c-womens);}
/* ---- nav7 responsive ---- */
@media(max-width:1280px){.nav7 .pill{min-width:170px;}}
@media(max-width:1024px){
  .nav7 .tabs7{overflow-x:auto;scrollbar-width:none;}
  .nav7 .tabs7::-webkit-scrollbar{display:none;}
  .nav7 .pill{min-width:0;flex:0 1 150px;}
  .nav7 .pill .ph{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media(max-width:880px){
  .nav7 .mega7--roster,.nav7 .mega7--brands,.nav7 .mega7--studio{grid-template-columns:1fr 1fr;}
  .nav7 .mega7--roster .dk--feat,.nav7 .mega7--studio .dk--feat{grid-row:auto;grid-column:span 2;min-height:118px;}
  .nav7 .mega7--ladder{grid-template-columns:1fr;}
  .nav7 .mega7--plaques{grid-template-columns:1fr 1fr;}
  :is(.nav7,.hv3) .rail7{flex-wrap:wrap;}
  :is(.nav7,.hv3) .tc{flex:1 1 30%;}
  :is(.nav7,.hv3) .tc--main{flex:1 1 40%;}
  .nav7 .rackwrap{grid-template-columns:1fr;}
  .nav7 .duorow{grid-template-columns:1fr 1fr;}
  :is(.nav7,.hv3) .brandstrip{grid-template-columns:1fr;}
  .nav7 .pill .ph{display:none;}
  .nav7 .pill{flex:0 0 auto;}
}
@media(max-width:620px){
  .nav7 .mega7--roster,.nav7 .mega7--brands,.nav7 .mega7--studio,.nav7 .mega7--plaques{grid-template-columns:1fr;}
  .nav7 .mega7--roster .dk--feat,.nav7 .mega7--studio .dk--feat{grid-column:auto;}
  .nav7 .duorow{grid-template-columns:1fr;}
  :is(.nav7,.hv3) .tc{flex:1 1 45%;}
  .nav7 .lrow{gap:9px;}
  .nav7 .meter7{display:none;}
  .nav7 .brand7 .bword{display:none;}
  .nav7 .cta7hide{display:none;}
}
/* ---- reduced motion: freeze crests, sweeps and sparks; keep instant reveals ---- */
@media(prefers-reduced-motion:reduce){
  :is(.nav7,.hv3) .dk::after{display:none;}
  :is(.nav7,.hv3) .dk:hover,:is(.nav7,.hv3) .chip7:hover,:is(.nav7,.hv3) .rowlink:hover,:is(.nav7,.hv3) .plq:hover,
  .nav7 .belt:hover,:is(.nav7,.hv3) .tc:hover,:is(.nav7,.hv3) .chc:hover,.hv3 .readouts a:hover{transform:none;}
  .nav7 .wlsweep,.nav7 .nv-t .cspark path,.nav7 .pf--champ,.nav7 .pf--day{animation:none !important;}
  .nav7 .wlshim{display:none !important;}
  .nav7 .mark--logo .sheen{animation:none !important;display:none !important;}
  .nav7 .nv-t .cspark path{stroke-dashoffset:0;opacity:.35;}
  /* plate roll: swap faces instantly, no roll, no shine */
  .nav7 .pf{transition:none !important;}
  .nav7 .plate::after{animation:none !important;opacity:0 !important;}
  /* crests: no draw-on, no breathing pulse, no spring — fully drawn, still */
  .nav7 .crest .cg path,.nav7 .crest .cg circle,.nav7 .crest .cg ellipse{animation:none !important;stroke-dashoffset:0 !important;transition:none !important;}
  .nav7 .crest .pulse{animation:none !important;opacity:.05 !important;}
  .nav7 .crest .cg{transition:none !important;}
  .nav7 .belt:hover .crest .cg,.nav7 .belt:focus-visible .crest .cg,.nav7 .belt.flipped .crest .cg{transform:none;}
  /* laurel pair + lineage footnote appear instantly, no unfurl */
  .nav7 .lf{transition:none !important;}
  .nav7 .bctx{transition:none !important;}
  .tk7{animation:none;}
  .ticker7 .lock::before{animation:none;}
}

/* =========================================================================
   HOME ENGAGE LAYER (home only) — F2 "Match Card & Control": a balanced pair
   of corner floaters (.f2- prefix). Replaces the old single .he-rail + .he-fab.
   Distinct from the profile .engage-* layer. Reuses existing tokens only.
   z-index contract: cmdk (200) > header (100) > floaters (90) > content.
   ========================================================================= */
.f2-card,.f2-ctrl,.f2-tab,.f2-recall{position:fixed;z-index:90;box-sizing:border-box;
  font-family:var(--font-sans);}

/* shared enter/exit */
.f2-card,.f2-ctrl{opacity:0;transform:translateY(18px);pointer-events:none;visibility:hidden;
  transition:opacity .32s var(--ease),transform .32s var(--ease),visibility 0s linear .32s;}
.f2-card.is-live,.f2-ctrl.is-live{opacity:1;transform:none;pointer-events:auto;visibility:visible;
  transition:opacity .32s var(--ease),transform .32s var(--ease),visibility 0s;}

/* ---- BOTTOM-LEFT: poster discovery card ---- */
.f2-card{left:20px;bottom:20px;width:300px;max-width:calc(100vw - 40px);
  background:linear-gradient(160deg,var(--c-bg-elev-2),var(--c-bg-elev-1));
  border:1px solid var(--c-line-strong);border-left:3px solid var(--c-gold);
  border-radius:var(--r-lg);box-shadow:0 18px 48px rgba(0,0,0,.55);overflow:hidden;}
.f2-card__x{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;
  display:grid;place-items:center;background:rgba(10,11,13,.55);border:1px solid var(--c-line);
  color:var(--c-text-dim);border-radius:var(--r-pill);font-size:16px;line-height:1;cursor:pointer;
  transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);}
.f2-card__x:hover{color:var(--c-text);border-color:var(--c-line-strong);}
.f2-card__link{display:block;position:relative;padding:.95em 1.05em .8em;text-decoration:none;color:inherit;}
.f2-card__mono{position:absolute;top:-.28em;right:.02em;font-family:var(--font-display);
  font-size:6.4rem;line-height:1;color:var(--c-gold);opacity:.11;pointer-events:none;
  -webkit-text-stroke:1px var(--c-gold);letter-spacing:-.03em;}
.f2-card__kick{display:block;font-family:var(--font-mono);text-transform:uppercase;
  letter-spacing:.16em;font-size:10px;color:var(--c-gold);margin-bottom:.35em;position:relative;}
.f2-card__title{display:block;font-family:var(--font-cond);text-transform:uppercase;
  letter-spacing:.01em;font-size:var(--fs-500);line-height:1.06;color:var(--c-text);
  max-width:82%;position:relative;}
.f2-card__stars{display:block;color:var(--c-gold-bright);font-family:Times,serif;
  letter-spacing:.12em;font-size:.95rem;margin-top:.3em;position:relative;}
.f2-card__reason{margin:.4em 0 0;color:var(--c-text-muted);font-size:var(--fs-300);line-height:1.45;
  max-width:90%;position:relative;}
.f2-card__cta{display:inline-block;margin-top:.6em;font-family:var(--font-cond);
  text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-300);color:var(--c-gold-bright);position:relative;}
.f2-card__link:hover .f2-card__title{color:var(--c-gold-bright);}
.f2-card__link:hover .f2-card__mono{opacity:.17;}
.f2-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.5em;
  padding:.55em 1.05em .7em;border-top:1px solid var(--c-line);}
.f2-card__tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;
  font-size:10px;color:var(--c-text-muted);border:1px solid var(--c-line);border-radius:var(--r-sm);
  padding:.25em .55em;}
.f2-card__tag[data-kind="match"]{color:var(--c-gold-bright);border-color:var(--c-gold-dim);}
.f2-card__tag[data-kind="champ"]{color:var(--c-red-bright);border-color:var(--c-red-dim);}
.f2-card__next{background:none;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);
  color:var(--c-text-muted);font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;
  font-size:var(--fs-300);padding:.35em .95em;cursor:pointer;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);}
.f2-card__next:hover{border-color:var(--c-gold);color:var(--c-gold-bright);}

/* left collapsed tab */
.f2-tab{left:20px;bottom:20px;display:inline-flex;align-items:center;gap:.45em;
  background:var(--c-bg-elev-2);border:1px solid var(--c-line-strong);border-left:3px solid var(--c-gold);
  color:var(--c-text);border-radius:var(--r-pill);padding:.55em .9em;cursor:pointer;
  font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-300);
  box-shadow:0 10px 26px rgba(0,0,0,.45);}
.f2-tab__i{color:var(--c-gold);}
.f2-tab:hover{border-color:var(--c-gold);color:var(--c-gold-bright);}
/* hidden attribute must beat the display rules above */
.f2-tab[hidden],.f2-recall[hidden]{display:none;}

/* ---- BOTTOM-RIGHT: broadcast control cluster ---- */
.f2-ctrl{right:20px;bottom:20px;display:flex;flex-direction:column;align-items:flex-end;gap:.6em;}
.f2-ctrl__x{align-self:flex-end;width:24px;height:24px;display:grid;place-items:center;
  background:rgba(10,11,13,.55);border:1px solid var(--c-line);color:var(--c-text-dim);
  border-radius:var(--r-pill);font-size:15px;line-height:1;cursor:pointer;
  opacity:0;transform:scale(.8);
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),color var(--dur) var(--ease);}
.f2-ctrl:hover .f2-ctrl__x,.f2-ctrl[data-open="true"] .f2-ctrl__x,.f2-ctrl:focus-within .f2-ctrl__x{opacity:1;transform:scale(1);}
.f2-ctrl__x:hover{color:var(--c-text);}

.f2-ctrl__panel{width:250px;max-width:calc(100vw - 40px);
  background:var(--c-bg-elev-1);border:1px solid var(--c-line-strong);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.55);}
.f2-dyk{padding:.75em .9em;border-bottom:1px solid var(--c-line);
  background:linear-gradient(150deg,var(--c-gold-tint),transparent 72%);}
.f2-dyk__h{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;
  font-size:10px;color:var(--c-gold);margin-bottom:.3em;}
.f2-dyk__t{margin:0 0 .5em;color:var(--c-text-muted);font-size:var(--fs-300);line-height:1.45;}
.f2-dyk__link{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;
  font-size:var(--fs-300);color:var(--c-gold-bright);text-decoration:none;}
.f2-dyk__link:hover{color:var(--c-gold);}
.f2-ctrl__hof{display:flex;flex-direction:column;gap:.05em;padding:.7em .9em;text-decoration:none;
  transition:background var(--dur) var(--ease);}
.f2-ctrl__hof:hover{background:var(--c-bg-elev-2);}
.f2-ctrl__hofh{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;
  font-size:var(--fs-400);color:var(--c-text);}
.f2-ctrl__hofs{color:var(--c-text-muted);font-size:var(--fs-300);}
/* panel action rows (mobile substitute for the graphic satellites) */
.f2-prow{display:none;flex-direction:column;gap:.05em;width:100%;text-align:left;
  padding:.7em .9em;background:none;border:0;border-bottom:1px solid var(--c-line);cursor:pointer;
  transition:background var(--dur) var(--ease);}
.f2-prow:hover{background:var(--c-bg-elev-2);}
.f2-prow__h{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;
  font-size:var(--fs-400);color:var(--c-text);}
.f2-prow__s{color:var(--c-text-muted);font-size:var(--fs-300);}

.f2-ctrl__cluster{position:relative;display:flex;align-items:center;gap:.5em;}
.f2-sat,.f2-ctrl__more{display:grid;place-items:center;cursor:pointer;border-radius:var(--r-pill);}
.f2-sat{width:42px;height:42px;background:var(--c-bg-elev-2);border:1px solid var(--c-line-strong);
  color:var(--c-gold);
  opacity:0;transform:translateX(14px) scale(.6);pointer-events:none;visibility:hidden;
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s linear .22s,border-color var(--dur) var(--ease),color var(--dur) var(--ease);}
.f2-ctrl[data-open="true"] .f2-sat{opacity:1;transform:none;pointer-events:auto;visibility:visible;
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s,border-color var(--dur) var(--ease),color var(--dur) var(--ease);}
.f2-ctrl[data-open="true"] .f2-sat--legend{transition-delay:.05s;}
.f2-sat:hover{border-color:var(--c-gold);color:var(--c-gold-bright);background:var(--c-bg-elev-3);}
.f2-ctrl__more{width:30px;height:30px;background:var(--c-bg-elev-1);border:1px solid var(--c-line-strong);
  color:var(--c-text-muted);
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);}
.f2-ctrl__more:hover{border-color:var(--c-gold);color:var(--c-gold-bright);}
.f2-ctrl[data-open="true"] .f2-ctrl__more{transform:rotate(180deg);}

.f2-disc{width:78px;height:78px;border-radius:var(--r-pill);border:0;cursor:pointer;
  display:grid;place-content:center;text-align:center;gap:.05em;color:#0a0b0d;
  background:radial-gradient(120% 120% at 30% 25%,var(--c-gold-bright),var(--c-gold) 60%,var(--c-gold-dim));
  box-shadow:0 0 0 2px var(--c-gold-dim),0 12px 30px rgba(212,175,55,.34);
  font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;line-height:1;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.f2-disc__k{font-size:.72rem;font-weight:600;}
.f2-disc__m{font-size:1.02rem;font-weight:700;}
.f2-disc:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--c-gold),0 14px 36px rgba(212,175,55,.5);}
.f2-disc:active{transform:scale(.97);}

/* right collapsed recall icon */
.f2-recall{right:20px;bottom:20px;width:52px;height:52px;border-radius:var(--r-pill);cursor:pointer;
  display:grid;place-items:center;color:#0a0b0d;font-size:1.3rem;
  background:radial-gradient(120% 120% at 30% 25%,var(--c-gold-bright),var(--c-gold) 65%,var(--c-gold-dim));
  border:0;box-shadow:0 0 0 2px var(--c-gold-dim),0 10px 26px rgba(212,175,55,.3);
  transition:transform var(--dur) var(--ease);}
.f2-recall:hover{transform:scale(1.06);}

/* focus visibility */
.f2-card__link:focus-visible,.f2-card__next:focus-visible,.f2-card__x:focus-visible,
.f2-tab:focus-visible,.f2-disc:focus-visible,.f2-sat:focus-visible,.f2-ctrl__more:focus-visible,
.f2-ctrl__x:focus-visible,.f2-ctrl__hof:focus-visible,.f2-dyk__link:focus-visible,
.f2-recall:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;}

/* ---- mobile: two small non-colliding corners ---- */
@media(max-width:640px){
  .f2-card{left:10px;bottom:10px;width:min(56vw,240px);border-radius:var(--r-md);}
  .f2-card__mono{font-size:4.4rem;}
  .f2-card__title{font-size:var(--fs-400);max-width:82%;}
  .f2-card__reason{display:none;}
  .f2-tab{left:10px;bottom:10px;}
  .f2-ctrl{right:10px;bottom:10px;gap:.5em;}
  .f2-ctrl__panel{width:min(66vw,230px);}
  .f2-disc{width:62px;height:62px;}
  .f2-disc__k{font-size:.6rem;} .f2-disc__m{font-size:.86rem;}
  /* drop the graphic satellites on small screens; the panel rows carry the actions */
  .f2-sat{display:none;}
  .f2-prow{display:flex;}
  .f2-recall{right:10px;bottom:10px;width:44px;height:44px;}
  /* while the right panel is open, fold the left card away so they never overlap */
  html.f2-ctrl-open .f2-card,html.f2-ctrl-open .f2-tab{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease);}
}

/* ---- reduced motion ---- */
@media(prefers-reduced-motion:reduce){
  .f2-card,.f2-ctrl,.f2-sat,.f2-disc,.f2-recall,.f2-ctrl__more,.f2-ctrl__x,.f2-tab,.f2-card__next,.f2-card__x{
    transition:opacity .001s,visibility 0s !important;transform:none !important;}
  .f2-ctrl[data-open="true"] .f2-ctrl__more{transform:none !important;}
}


/* HOF RING (home only) */
.nav7 .mega7--hof2{width:min(960px,94vw);}
.nav7 .mega7--hof2 .hof2-grid{display:grid;grid-template-columns:262px 1fr;gap:10px;align-items:stretch;}
.nav7 .mega7--hof2 .hof2-side{display:flex;flex-direction:column;gap:8px;}
.nav7 .mega7--hof2 .hof2-eyebrow{font-family:var(--mono7);font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  color:color-mix(in srgb,var(--hof) 42%,var(--dim));display:block;user-select:none;}
/* --- featured legend spotlight --- */
.nav7 .mega7--hof2 .hof2-spot{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;
  overflow:hidden;text-decoration:none;border-radius:9px;padding:14px 15px 13px;min-height:222px;
  background:linear-gradient(162deg,#16171c,#0b0c0f 58%,#131218);
  border:1px solid var(--line2);border-left:2px solid color-mix(in srgb,var(--hof) 38%,#2b2a22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease;}
.nav7 .mega7--hof2 .hof2-spot:hover{transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--hof) 40%,var(--line2));
  border-left-color:var(--hof);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px #000c;}
.nav7 .mega7--hof2 .hof2-spot:active{transform:translateY(0) scale(.995);}
.nav7 .mega7--hof2 .hof2-spot__medal{position:absolute;top:-16px;right:-16px;width:158px;height:158px;
  color:var(--hof);opacity:.5;pointer-events:none;transition:opacity .1s ease;}
.nav7 .mega7--hof2 .hof2-spot:hover .hof2-spot__medal{opacity:.72;}
.nav7 .mega7--hof2 .hof2-mono{font-family:var(--anton);font-size:38px;fill:none;stroke:currentColor;stroke-width:.6;
  opacity:.55;text-anchor:middle;dominant-baseline:middle;letter-spacing:1px;}
.nav7 .mega7--hof2 .hof2-spot__name{font-family:var(--anton);font-weight:400;font-size:35px;line-height:.9;
  color:#f1ebdd;letter-spacing:.01em;margin-top:4px;user-select:none;
  text-shadow:0 1px 0 #000;transition:color .1s ease;}
.nav7 .mega7--hof2 .hof2-spot:hover .hof2-spot__name{color:#fff;}
.nav7 .mega7--hof2 .hof2-spot:hover .hof2-eyebrow{color:var(--hof);}
.nav7 .mega7--hof2 .hof2-spot__ctx{font-family:var(--osw);font-weight:400;font-size:11.5px;line-height:1.32;
  color:var(--mut);margin-top:6px;max-width:210px;user-select:none;}
.nav7 .mega7--hof2 .hof2-go{position:static;align-self:flex-start;margin-top:10px;font-family:var(--mono7);
  font-size:9px;letter-spacing:.16em;color:color-mix(in srgb,var(--hof) 55%,var(--dim));opacity:.85;
  transition:color .1s ease,transform .1s ease;user-select:none;}
.nav7 .mega7--hof2 .hof2-spot:hover .hof2-go{color:var(--hof);opacity:1;transform:translateX(2px);}
/* --- the two-time club module --- */
.nav7 .mega7--hof2 .hof2-club{border:1px solid var(--line2);border-radius:9px;
  background:linear-gradient(180deg,#121317,#0e0f12);padding:11px 13px 13px;}
.nav7 .mega7--hof2 .hof2-club__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.nav7 .mega7--hof2 .hof2-club__title{font-family:var(--anton);font-weight:400;font-size:16px;letter-spacing:.05em;
  text-transform:uppercase;color:#e9e2d2;user-select:none;}
.nav7 .mega7--hof2 .hof2-hair{border:0;height:1px;margin:9px 0 12px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hof) 72%,transparent) 10%,
    color-mix(in srgb,var(--hof) 42%,transparent) 55%,transparent);}
.nav7 .mega7--hof2 .hof2-medals{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}
.nav7 .mega7--hof2 .hof2-chip{display:flex;flex-direction:column;align-items:center;gap:6px;
  text-decoration:none;padding:7px 3px 8px;border-radius:8px;border:1px solid transparent;
  transition:transform .1s ease,border-color .1s ease,background .1s ease;}
.nav7 .mega7--hof2 .hof2-chip[href]{cursor:pointer;}
.nav7 .mega7--hof2 .hof2-chip[href]:hover{transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--hof) 46%,var(--line));background:rgba(255,255,255,.02);}
.nav7 .mega7--hof2 .hof2-chip[href]:active{transform:translateY(0) scale(.98);}
.nav7 .mega7--hof2 .hof2-chip--static{cursor:default;}
.nav7 .mega7--hof2 .hof2-medal{width:46px;height:46px;flex:0 0 auto;color:color-mix(in srgb,var(--hof) 70%,#5a4d1e);
  transition:color .1s ease;}
.nav7 .mega7--hof2 .hof2-chip[href]:hover .hof2-medal{color:var(--hof);}
.nav7 .mega7--hof2 .hof2-medal svg{display:block;width:100%;height:100%;overflow:visible;}
.nav7 .mega7--hof2 .hof2-init{font-family:var(--anton);font-size:15px;fill:#e9e2d2;
  text-anchor:middle;dominant-baseline:middle;letter-spacing:.5px;}
.nav7 .mega7--hof2 .hof2-2x{font-family:var(--mono7);font-size:7px;fill:currentColor;
  text-anchor:middle;dominant-baseline:middle;letter-spacing:.5px;}
.nav7 .mega7--hof2 .hof2-chip__nm{font-family:var(--osw);font-weight:600;font-size:9.5px;text-transform:uppercase;
  letter-spacing:.03em;color:var(--mut);text-align:center;line-height:1.06;user-select:none;}
.nav7 .mega7--hof2 .hof2-chip[href]:hover .hof2-chip__nm{color:#f1ebdd;}
.nav7 .mega7--hof2 .hof2-chip--static .hof2-chip__nm{color:var(--dim);}
.nav7 .mega7--hof2 .hof2-chip__note{font-family:var(--mono7);font-size:8px;letter-spacing:.04em;
  color:#6a6f79;text-align:center;line-height:1;user-select:none;}
/* --- secondary rail reuses .chip7 (already restrained) --- */
.nav7 .mega7--hof2 .hof2-rail{display:flex;flex-wrap:wrap;gap:8px;}
.nav7 .mega7--hof2 .hof2-rail .chip7{flex:1 1 auto;}
@media(max-width:880px){
  .nav7 .mega7--hof2 .hof2-grid{grid-template-columns:1fr;}
  .nav7 .mega7--hof2 .hof2-spot{min-height:150px;}
}
@media(max-width:560px){
  .nav7 .mega7--hof2 .hof2-medals{grid-template-columns:repeat(3,1fr);}
}
@media(prefers-reduced-motion:reduce){
  .nav7 .mega7--hof2 .hof2-spot:hover,.nav7 .mega7--hof2 .hof2-chip[href]:hover{transform:none;}
}


/* SUPERSTARS PANEL (home only) */
.nav7 .mega7--rdossier{grid-template-columns:1fr 1.5fr;gap:9px;width:min(984px,94vw);
  grid-template-rows:auto auto auto auto;align-items:start;}
/* --- featured active file (RIGHT column) --- */
.nav7 .mega7--rdossier .rd-feat{grid-column:2;grid-row:1;position:relative;display:flex;flex-direction:column;
  justify-content:flex-start;overflow:hidden;text-decoration:none;cursor:pointer;border-radius:6px;min-height:200px;
  padding:15px 16px 14px;background:linear-gradient(158deg,#1d1913,#131009 58%,#191510);border:1px solid #43391f;
  box-shadow:inset 0 1px 0 rgba(232,185,35,.07),inset 0 -26px 46px #0007;
  transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease;}
.nav7 .mega7--rdossier .rd-feat:hover{transform:translateY(-2px);border-color:#7a6427;
  box-shadow:inset 0 1px 0 rgba(232,185,35,.14),0 14px 30px #000a;}
.nav7 .mega7--rdossier .rd-mono{position:absolute;right:-6px;bottom:-30px;font-family:var(--anton);font-size:150px;
  line-height:1;color:rgba(232,185,35,.05);pointer-events:none;user-select:none;letter-spacing:-.02em;transition:color .12s ease;}
.nav7 .mega7--rdossier .rd-feat:hover .rd-mono{color:rgba(232,185,35,.09);}
.nav7 .mega7--rdossier .rd-tab{position:absolute;top:0;right:16px;font-family:var(--mono7);font-size:8.5px;letter-spacing:.16em;
  color:#e8b923;background:#131009;border:1px solid #6b5824;border-top:none;padding:5px 9px 4px;border-radius:0 0 4px 4px;user-select:none;}
.nav7 .mega7--rdossier .rd-meta{font-family:var(--mono7);font-size:9px;letter-spacing:.15em;text-transform:uppercase;
  color:#9c8442;user-select:none;position:relative;z-index:1;}
.nav7 .mega7--rdossier .rd-name{font-family:var(--anton);font-weight:400;text-transform:uppercase;color:#efe7d3;
  font-size:42px;line-height:.9;letter-spacing:.01em;margin:9px 0 0;position:relative;z-index:1;text-shadow:0 1px 0 #000;
  user-select:none;transition:color .1s ease;}
.nav7 .mega7--rdossier .rd-feat:hover .rd-name{color:#fff;}
.nav7 .mega7--rdossier .rd-rule{display:block;height:1px;width:66px;background:linear-gradient(90deg,#e8b923,rgba(232,185,35,0));
  margin:10px 0;position:relative;z-index:1;transition:width .12s ease;}
.nav7 .mega7--rdossier .rd-feat:hover .rd-rule{width:104px;}
.nav7 .mega7--rdossier .rd-role{font-family:var(--osw);font-weight:600;text-transform:uppercase;font-size:11px;
  letter-spacing:.1em;color:#b89a55;user-select:none;position:relative;z-index:1;}
.nav7 .mega7--rdossier .rd-blurb{font-family:var(--osw);font-size:12px;line-height:1.45;color:#b0a992;margin:8px 0 0;
  max-width:80%;position:relative;z-index:1;}
.nav7 .mega7--rdossier .rd-go{font-family:var(--mono7);font-size:9px;letter-spacing:.16em;color:#8a7440;margin-top:auto;
  padding-top:12px;position:relative;z-index:1;user-select:none;transition:color .1s ease,transform .1s ease;}
.nav7 .mega7--rdossier .rd-feat:hover .rd-go{color:#e8b923;transform:translateX(2px);}
/* --- current stars ledger (LEFT / primary column) --- */
.nav7 .mega7--rdossier .rd-current{grid-column:1;grid-row:1 / 4;display:flex;flex-direction:column;border-radius:6px;
  overflow:hidden;background:linear-gradient(180deg,#16130d,#100e08);border:1px solid #3a3320;}
.nav7 .mega7--rdossier .ldg-head{font-family:var(--mono7);font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;
  color:#e8b923;user-select:none;padding:10px 12px 9px;border-bottom:1px solid #4a3f22;
  background:linear-gradient(180deg,rgba(232,185,35,.06),transparent);}
.nav7 .mega7--rdossier .ldg-row{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;
  row-gap:2px;align-items:center;padding:7px 12px;text-decoration:none;border-bottom:1px solid #241f14;position:relative;
  cursor:pointer;transition:background .1s ease,transform .1s ease;}
.nav7 .mega7--rdossier .ldg-row:last-child{border-bottom:none;}
.nav7 .mega7--rdossier a.ldg-row:hover{background:#1d1910;transform:translateX(2px);}
.nav7 .mega7--rdossier a.ldg-row:hover .ldg-nm{color:#fff;}
.nav7 .mega7--rdossier a.ldg-row:hover .ldg-x{border-color:#e8b923;color:#f4d24e;}
.nav7 .mega7--rdossier .ldg-x{grid-column:1;grid-row:1 / span 2;align-self:center;justify-self:center;font-family:var(--mono7);
  font-size:9px;font-weight:600;color:#e8b923;border:1px solid #7a6427;border-radius:3px;padding:3px 5px;line-height:1;
  user-select:none;transition:border-color .1s ease,color .1s ease;}
.nav7 .mega7--rdossier .ldg-nm{grid-column:2;grid-row:1;font-family:var(--osw);font-weight:600;text-transform:uppercase;
  font-size:13px;letter-spacing:.04em;color:#d8cfb8;transition:color .1s ease;}
.nav7 .mega7--rdossier .ldg-aka{font-family:var(--mono7);font-style:normal;font-size:8px;letter-spacing:.08em;color:#7c7360;
  margin-left:6px;text-transform:uppercase;}
.nav7 .mega7--rdossier .ldg-tags{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:5px;}
.nav7 .mega7--rdossier .tg{font-family:var(--mono7);font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#8f866f;
  border:1px solid #3f3826;border-radius:3px;padding:2px 5px;line-height:1.05;user-select:none;}
/* --- women's + rising, side by side (RIGHT column) --- */
.nav7 .mega7--rdossier .rd-sec{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.nav7 .mega7--rdossier .rd-col{background:linear-gradient(180deg,#16130d,#100e08);border:1px solid #2e2817;border-radius:6px;
  overflow:hidden;display:flex;flex-direction:column;}
.nav7 .mega7--rdossier .rd-col--women{border-color:#4a2338;}
.nav7 .mega7--rdossier .rd-col--rise{border-color:#37363f;}
.nav7 .mega7--rdossier .rd-chd{font-family:var(--mono7);font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;
  user-select:none;padding:9px 11px 8px;border-bottom:1px solid #2e2817;}
.nav7 .mega7--rdossier .rd-col--women .rd-chd{color:#e0409f;border-bottom-color:#5a2942;
  background:linear-gradient(180deg,rgba(224,64,159,.07),transparent);}
.nav7 .mega7--rdossier .rd-col--rise .rd-chd{color:#b9bcc6;border-bottom-color:#3a3945;
  background:linear-gradient(180deg,rgba(150,160,180,.06),transparent);}
.nav7 .mega7--rdossier .rd-mini{display:flex;align-items:center;justify-content:space-between;gap:.6em;text-decoration:none;
  padding:6px 11px;border-bottom:1px solid #201c13;cursor:pointer;transition:background .1s ease,transform .1s ease;}
.nav7 .mega7--rdossier .rd-mini:last-child{border-bottom:none;}
.nav7 .mega7--rdossier .rd-mnm{font-family:var(--osw);font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.04em;
  color:#cfc7b2;transition:color .1s ease;}
.nav7 .mega7--rdossier .rd-mtg{font-family:var(--mono7);font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;color:#8f866f;
  border:1px solid #3f3826;border-radius:3px;padding:2px 5px;line-height:1.05;user-select:none;transition:border-color .1s ease,color .1s ease;}
.nav7 .mega7--rdossier .rd-col--women .rd-mini:hover{background:#211320;transform:translateX(2px);}
.nav7 .mega7--rdossier .rd-col--women .rd-mini:hover .rd-mnm{color:#fff;}
.nav7 .mega7--rdossier .rd-col--women .rd-mini:hover .rd-mtg{border-color:#e0409f;color:#f07ac0;}
.nav7 .mega7--rdossier .rd-col--rise .rd-mini:hover{background:#181820;transform:translateX(2px);}
.nav7 .mega7--rdossier .rd-col--rise .rd-mini:hover .rd-mnm{color:#fff;}
.nav7 .mega7--rdossier .rd-col--rise .rd-mini:hover .rd-mtg{border-color:#8a8f9c;color:#cfd3dc;}
/* --- de-emphasized legends pointer (RIGHT column) --- */
/* see-all rows in mini columns */
.nav7 .mega7--rdossier .rd-mini--more .rd-mnm{color:#e8b923;font-weight:600;}
.nav7 .mega7--rdossier .rd-mini--more{border-top:1px dashed rgba(232,185,35,.25);}
/* legends section: rock hero + more-legends links */
.nav7 .mega7--rdossier .rd-icons{grid-column:2;grid-row:3;display:flex;gap:9px;align-items:stretch;}
.nav7 .mega7--rdossier .rd-icons .rd-feat--icon{flex:1.5;min-width:0;grid-column:auto;grid-row:auto;height:auto;}
.nav7 .mega7--rdossier .rd-icons .rd-col--lgd{flex:1;min-width:0;display:flex;flex-direction:column;}
.nav7 .mega7--rdossier .rd-col--lgd .rd-mini{padding:5px 10px;}
/* roster intel pinned to ledger bottom */
.nav7 .mega7--rdossier .ldg-intel{margin-top:auto;border-top:1px solid #3a3320;display:flex;flex-direction:column;}
.nav7 .mega7--rdossier .ldg-int{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:8px 14px;text-decoration:none;border-top:1px solid rgba(58,51,32,.55);transition:background .09s ease;}
.nav7 .mega7--rdossier .ldg-int:first-child{border-top:0;}
.nav7 .mega7--rdossier .ldg-int:hover{background:rgba(232,185,35,.05);}
.nav7 .mega7--rdossier .ldg-ik{font-family:var(--mono7);font-size:8px;letter-spacing:.14em;color:#8a7440;text-transform:uppercase;user-select:none;white-space:nowrap;}
.nav7 .mega7--rdossier .ldg-iv{font-family:var(--osw);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#cdd2da;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav7 .mega7--rdossier .ldg-int:hover .ldg-iv{color:#f2cc4b;}
.nav7 .mega7--rdossier .ldg-days{color:#e8b923;font-weight:600;}
/* featured icon file (compact, replaces legends row) */
.nav7 .mega7--rdossier .rd-feat--icon{grid-row:3;min-height:0;flex-direction:row;align-items:center;gap:14px;
  padding:14px 96px 14px 16px;}
.nav7 .mega7--rdossier .rd-feat--icon .rd-mono{font-size:92px;bottom:-24px;right:2px;}
.nav7 .mega7--rdossier .rd-icobody{display:flex;flex-direction:column;gap:3px;min-width:0;}
.nav7 .mega7--rdossier .rd-name--sm{font-size:24px;line-height:.95;margin:0;}
.nav7 .mega7--rdossier .rd-feat--icon .rd-go{position:absolute;right:16px;bottom:12px;}
.nav7 .mega7--rdossier .rd-legends{grid-column:2;grid-row:3;display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;
  padding:8px 11px;border:1px dashed #2e2817;border-radius:6px;background:#100e08;}
.nav7 .mega7--rdossier .rd-lglbl{font-family:var(--mono7);font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;
  color:#6f6a5a;user-select:none;}
.nav7 .mega7--rdossier .rd-lgk{font-family:var(--osw);text-transform:uppercase;font-size:11px;letter-spacing:.04em;
  color:#8a8474;text-decoration:none;transition:color .1s ease;}
.nav7 .mega7--rdossier .rd-lgk .rd-vw{font-family:var(--mono7);font-size:8px;letter-spacing:.1em;color:#5c5849;margin-left:3px;
  transition:color .1s ease;}
.nav7 .mega7--rdossier .rd-lgk:hover{color:#d8cfb8;}
.nav7 .mega7--rdossier .rd-lgk:hover .rd-vw{color:#e8b923;}
/* --- chip rail full width --- */
.nav7 .mega7--rdossier .chiprow{grid-column:1 / -1;grid-row:4;margin-bottom:6px;}
@media(prefers-reduced-motion:reduce){
  .nav7 .mega7--rdossier .rd-feat:hover,.nav7 .mega7--rdossier a.ldg-row:hover,
  .nav7 .mega7--rdossier .rd-mini:hover{transform:none;}
  .nav7 .mega7--rdossier .rd-feat:hover .rd-rule{width:66px;}
  .nav7 .mega7--rdossier .rd-feat:hover .rd-go{transform:none;}
}
@media(max-width:720px){
  .nav7 .mega7--rdossier{grid-template-columns:1fr;grid-template-rows:auto;}
  .nav7 .mega7--rdossier .rd-feat,.nav7 .mega7--rdossier .rd-current,
  .nav7 .mega7--rdossier .rd-sec,.nav7 .mega7--rdossier .rd-legends{grid-column:1;grid-row:auto;}
  .nav7 .mega7--rdossier .rd-sec{grid-template-columns:1fr;}
  .nav7 .mega7--rdossier .rd-blurb{max-width:100%;}
}

/* ===== WRESTLE LORE MEDIA ENGINE (facades / modal / feed / rails) ===== */
/* =========================================================================
   WRESTLE LORE — MEDIA KIT (kit.css)
   Media-specific components layered ON TOP of base.css.
   Assumes base.css is loaded/inlined FIRST. Reuses base.css tokens:
     colors  --c-bg / --c-bg-elev-1..3 / --c-line(-strong) / --c-text(-muted/-dim)
             --c-gold / --c-gold-bright / --c-gold-dim / --c-gold-tint / --c-red(-bright)
     type    --font-display (Anton) / --font-cond (Oswald) / --font-sans (Inter) / --font-mono
     scale   --fs-300..900 / --sp-1..8 / --r-sm/md/lg/pill
     fx      --ease / --dur / --shadow-1/2 / --glow-gold / --glow-red / --edge-light
   Nothing here duplicates base.css; it only adds the MEDIA layer.
   ========================================================================= */

/* ---------- 0. MONO TELEMETRY LABEL ("PRESS ROW // FEATURED CREATOR") ---- */
.telemetry{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;
  font-size:var(--fs-300);color:var(--c-text-dim);display:inline-flex;align-items:center;gap:.5em;}
.telemetry .sep{color:var(--c-gold-dim);}
.telemetry b{color:var(--c-gold);font-weight:600;}
.telemetry::before{content:"";width:.5em;height:.5em;background:var(--c-red);border-radius:1px;
  box-shadow:0 0 6px var(--c-red-bright);}

/* corner-bracket dossier frame (opt-in wrapper) */
.brackets{position:relative;}
.brackets::before,.brackets::after{content:"";position:absolute;width:18px;height:18px;pointer-events:none;
  border:2px solid var(--c-gold-dim);opacity:.7;}
.brackets::before{top:-4px;left:-4px;border-right:0;border-bottom:0;}
.brackets::after{bottom:-4px;right:-4px;border-left:0;border-top:0;}

/* =========================================================================
   1. .yt FACADE COMPONENT  (upgraded by WL.mountFacades)
   Markup expected (progressive-enhancement, real link for no-JS):
     <div class="yt" data-yt-id="ID" data-yt-title="…" data-yt-creator="…" data-yt-dur="12:34">
       <a class="yt__link" href="https://www.youtube.com/watch?v=ID">Title</a>
     </div>
   ========================================================================= */
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;
  border-radius:var(--r-md);overflow:hidden;contain:content;isolation:isolate;
  border:1px solid var(--c-line);}
/* no-JS / pre-mount: the bare link still fills the box and looks intentional */
.yt__link{position:absolute;inset:0;display:block;color:#fff;text-decoration:none;
  background:linear-gradient(160deg,var(--c-bg-elev-2),var(--c-bg-elev-1));
  font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.02em;
  display:flex;align-items:flex-end;padding:var(--sp-3);font-size:var(--fs-300);}
.yt.is-mounted .yt__link{padding:0;font-size:0;} /* text hidden once chrome is injected */

.yt__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.9;transition:opacity var(--dur) var(--ease),transform .5s var(--ease);background:#000;}
.yt:hover .yt__thumb{opacity:1;transform:scale(1.03);}

/* broken-thumbnail fallback — gradient + mono initials, looks deliberate */
.yt__fallback{position:absolute;inset:0;display:none;place-content:center;text-align:center;
  font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;
  font-size:clamp(2rem,8vw,4rem);line-height:1;color:rgba(255,255,255,.14);
  -webkit-text-stroke:1px rgba(212,175,55,.25);
  background:
    radial-gradient(120% 90% at 20% 0%,var(--c-gold-tint),transparent 55%),
    linear-gradient(150deg,color-mix(in oklab,var(--c-red) 32%,#000),#0c0d10 62%);}
.yt__fallback::after{content:"NO SIGNAL";position:absolute;left:0;right:0;bottom:12px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;color:var(--c-text-dim);
  -webkit-text-stroke:0;}
.yt.is-broken .yt__thumb{display:none;}
.yt.is-broken .yt__fallback{display:grid;}

/* big play button (decorative; the .yt__link carries the accessible name) */
.yt__play{position:absolute;inset:0;margin:auto;width:68px;height:48px;display:grid;place-content:center;
  color:#fff;background:linear-gradient(180deg,var(--c-red-bright),var(--c-red));border-radius:14px;
  box-shadow:var(--shadow-2),var(--edge-light);pointer-events:none;
  transition:transform var(--dur) var(--ease),background var(--dur) var(--ease);z-index:2;}
.yt__play svg{width:26px;height:26px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));}
.yt:hover .yt__play,.yt__link:focus-visible ~ .yt__play{transform:scale(1.08);background:var(--c-red-bright);}
.yt__link:focus-visible{outline:2px solid var(--c-focus);outline-offset:-2px;}

/* duration pill (bottom-right) */
.yt__dur{position:absolute;right:var(--sp-2);bottom:var(--sp-2);z-index:3;
  font-family:var(--font-mono);font-size:11px;line-height:1;color:#fff;
  background:rgba(0,0,0,.78);padding:.35em .5em;border-radius:var(--r-sm);letter-spacing:.02em;}

/* title / creator overlay (top gradient bar, like YT chrome) */
.yt__meta{position:absolute;left:0;right:0;top:0;z-index:2;padding:var(--sp-3) var(--sp-3) var(--sp-6);
  background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.35) 55%,transparent);
  pointer-events:none;}
.yt__title{display:block;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.01em;
  font-size:var(--fs-400);color:#fff;line-height:1.15;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.yt__creator{display:block;margin-top:.25em;font-family:var(--font-mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--c-gold-bright);}

/* activated: live iframe fills the box, chrome hides */
.yt>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5;background:#000;}
.yt.is-active .yt__play,.yt.is-active .yt__meta,.yt.is-active .yt__dur,
.yt.is-active .yt__thumb,.yt.is-active .yt__fallback{opacity:0;pointer-events:none;}
.yt.is-active .yt__link{pointer-events:none;}

/* =========================================================================
   2. VIDEO CARD + GRID
   ========================================================================= */
.vcard{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);
  overflow:hidden;position:relative;display:flex;flex-direction:column;
  content-visibility:auto;contain-intrinsic-size:auto 340px;
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.vcard:hover{border-color:var(--c-line-strong);transform:translateY(-3px);
  box-shadow:var(--shadow-2),0 0 0 1px var(--c-gold-dim);}
.vcard .yt{border:0;border-radius:0;}
.vcard__body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1;}
.vcard__title{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.01em;
  font-size:var(--fs-500);line-height:1.15;color:var(--c-text);}
.vcard__title a{color:inherit;text-decoration:none;}
.vcard__title a:hover{color:var(--c-gold-bright);}
.vcard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;margin-top:auto;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-dim);}
.vcard__meta .dot{color:var(--c-gold-dim);}
.vcard__creator{color:var(--c-gold);}

/* "big moment" full-width card */
.vcard--big{grid-column:1/-1;}
@media (min-width:760px){
  .vcard--big{flex-direction:row;align-items:stretch;}
  .vcard--big .yt{flex:1 1 58%;min-width:0;}
  .vcard--big .vcard__body{flex:1 1 42%;justify-content:center;gap:var(--sp-3);}
  .vcard--big .vcard__title{font-size:var(--fs-700);font-family:var(--font-display);font-weight:400;}
}
.vcard--big::before{content:"BIG MOMENT";position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:6;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:#1a1400;
  background:linear-gradient(180deg,#f7e08a,var(--c-gold));padding:.3em .6em;border-radius:var(--r-sm);
  box-shadow:var(--edge-light);}

.vgrid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));}

/* =========================================================================
   3. HORIZONTAL SCROLL-SNAP RAIL (with edge fades)
   ========================================================================= */
.rail-wrap{position:relative;}
.rail-wrap::before,.rail-wrap::after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;
  pointer-events:none;transition:opacity var(--dur) var(--ease);}
.rail-wrap::before{left:0;background:linear-gradient(90deg,var(--c-bg),transparent);}
.rail-wrap::after{right:0;background:linear-gradient(270deg,var(--c-bg),transparent);}
.rail-wrap[data-at-start]::before{opacity:0;}
.rail-wrap[data-at-end]::after{opacity:0;}
.rail{display:flex;gap:var(--sp-4);overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-padding-inline:var(--sp-1);
  padding-block:var(--sp-2);-webkit-overflow-scrolling:touch;scrollbar-width:thin;
  scrollbar-color:var(--c-line-strong) transparent;}
.rail::-webkit-scrollbar{height:8px;}
.rail::-webkit-scrollbar-track{background:transparent;}
.rail::-webkit-scrollbar-thumb{background:var(--c-line-strong);border-radius:99px;}
.rail__item{flex:0 0 min(82%,340px);scroll-snap-align:start;}
.rail__item .vcard{height:100%;}
@media (prefers-reduced-motion:reduce){.rail{scroll-snap-type:none;}}
/* focusable rail keyboard hint */
.rail:focus-visible{outline:2px solid var(--c-focus);outline-offset:4px;border-radius:var(--r-md);}

/* =========================================================================
   4. FEED COLUMN + SKELETON + STATES
   ========================================================================= */
.feed{display:grid;gap:var(--sp-5);width:min(100%,720px);margin-inline:auto;}
.feed .vcard{content-visibility:auto;contain-intrinsic-size:auto 520px;}
.feed-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* sentinel is invisible but occupies flow */
.feed-sentinel{height:1px;width:100%;}

/* skeleton shimmer */
.skel{background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;}
.skel__media{aspect-ratio:16/9;}
.skel__lines{padding:var(--sp-4);display:grid;gap:var(--sp-3);}
.skel__bar{height:12px;border-radius:var(--r-pill);}
.skel__bar.w-70{width:70%;} .skel__bar.w-40{width:40%;}
.skel__media,.skel__bar{position:relative;background:var(--c-bg-elev-2);overflow:hidden;}
.skel__media::after,.skel__bar::after{content:"";position:absolute;inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c-gold) 8%,transparent) 45%,
    color-mix(in srgb,var(--c-gold) 12%,transparent) 55%,transparent);
  animation:wl-shimmer 1.25s var(--ease) infinite;}
@keyframes wl-shimmer{100%{transform:translateX(100%);}}
@media (prefers-reduced-motion:reduce){.skel__media::after,.skel__bar::after{animation:none;}}

/* loading sentinel pip */
.feed-loading{display:flex;align-items:center;justify-content:center;gap:.6em;padding:var(--sp-5);
  font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:var(--fs-300);
  color:var(--c-text-dim);}
.feed-loading .pip{width:8px;height:8px;border-radius:50%;background:var(--c-gold);
  animation:wl-pulse 1s var(--ease) infinite;}
@keyframes wl-pulse{0%,100%{opacity:.3;transform:scale(.8);}50%{opacity:1;transform:scale(1.2);}}
@media (prefers-reduced-motion:reduce){.feed-loading .pip{animation:none;}}
.feed-loading[hidden]{display:none;}

/* "you're caught up" break state (ethical stop cue) */
.feed-break{text-align:center;padding:var(--sp-7) var(--sp-5);border:1px dashed var(--c-line-strong);
  border-radius:var(--r-lg);background:
    radial-gradient(120% 90% at 50% 0%,var(--c-gold-tint),transparent 60%),var(--c-bg-elev-1);
  display:grid;gap:var(--sp-3);place-items:center;}
.feed-break__kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.24em;
  font-size:var(--fs-300);color:var(--c-gold);}
.feed-break__title{font-family:var(--font-display);text-transform:uppercase;font-weight:400;
  font-size:var(--fs-700);line-height:.95;}
.feed-break__body{color:var(--c-text-muted);max-width:46ch;}
.feed-break[hidden]{display:none;}

/* =========================================================================
   5. STICKY MINI-PLAYER SHELL (bottom-right, draggable-looking)
   ========================================================================= */
.wl-mini{position:fixed;right:16px;bottom:16px;z-index:70;width:min(360px,44vw);
  background:var(--c-bg-elev-1);border:1px solid var(--c-line-strong);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.6),var(--glow-gold);
  transform:translateY(12px) scale(.98);opacity:0;pointer-events:none;
  transition:opacity .2s var(--ease),transform .2s var(--ease);}
.wl-mini.is-open{transform:none;opacity:1;pointer-events:auto;}
@media (prefers-reduced-motion:reduce){.wl-mini{transition:none;}}
.wl-mini__bar{display:flex;align-items:center;gap:.5em;padding:.4em .6em;cursor:move;
  background:var(--c-bg-elev-2);border-bottom:1px solid var(--c-line);user-select:none;}
.wl-mini__grip{display:inline-grid;grid-template-columns:repeat(3,3px);gap:3px;}
.wl-mini__grip i{width:3px;height:3px;border-radius:50%;background:var(--c-line-strong);}
.wl-mini__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;
  font-size:10px;color:var(--c-text-dim);flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wl-mini__close{width:26px;height:26px;flex:0 0 auto;border:0;border-radius:50%;cursor:pointer;
  background:rgba(0,0,0,.55);color:#fff;font-size:16px;line-height:1;display:grid;place-content:center;}
.wl-mini__close:hover{background:var(--c-red);}
.wl-mini__stage{position:relative;aspect-ratio:16/9;background:#000;}
.wl-mini__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* =========================================================================
   6. SCROLL PROGRESS + BACK-TO-TOP + REVEAL STAGGER
   ========================================================================= */
.wl-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:120;
  transform-origin:0 50%;transform:scaleX(0);
  background:linear-gradient(90deg,var(--c-red),var(--c-gold-bright));
  box-shadow:0 0 10px rgba(212,175,55,.5);will-change:transform;}
@supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
    .wl-progress.is-css{animation:wl-grow linear both;animation-timeline:scroll(root block);}
    @keyframes wl-grow{to{transform:scaleX(1);}}
  }
}

.wl-totop{position:fixed;right:16px;bottom:16px;z-index:65;width:46px;height:46px;
  display:grid;place-content:center;border:1px solid var(--c-gold-dim);border-radius:50%;cursor:pointer;
  background:var(--c-bg-elev-2);color:var(--c-gold-bright);font-size:18px;line-height:1;
  box-shadow:var(--shadow-2);opacity:0;transform:translateY(10px);pointer-events:none;
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease);}
.wl-totop.is-show{opacity:1;transform:none;pointer-events:auto;}
.wl-totop:hover{background:var(--c-bg-elev-3);box-shadow:var(--glow-gold);}
/* when both mini-player and back-to-top are visible, lift the button above the mini */
.wl-mini.is-open ~ .wl-totop.is-show{bottom:calc(16px + min(360px,44vw)*0.5625 + 46px);}
@media (prefers-reduced-motion:reduce){.wl-totop{transition:none;}}

/* reveal stagger (base.css supplies the [data-reveal] start/is-in states + RM off) */
.js [data-reveal]{transition-delay:calc(var(--i,0)*70ms);}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{transition-delay:0ms;}}

/* =========================================================================
   7. CREATOR HEADER + STAT PILLS + FILTER CHIP BAR
   ========================================================================= */
.creator{display:grid;gap:var(--sp-4);align-items:center;grid-template-columns:auto 1fr;
  background:
    radial-gradient(90% 140% at 0% 0%,var(--c-gold-tint),transparent 55%),var(--c-bg-elev-1);
  border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-5);}
.creator__avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:0 0 auto;
  border:2px solid var(--c-gold-dim);background:
    linear-gradient(150deg,color-mix(in oklab,var(--c-gold) 45%,#000),#0c0d10 62%);
  display:grid;place-content:center;font-family:var(--font-display);font-size:2rem;color:rgba(255,255,255,.3);}
.creator__head{display:flex;flex-direction:column;gap:.35em;min-width:0;}
.creator__name{font-family:var(--font-display);text-transform:uppercase;font-weight:400;
  font-size:var(--fs-700);line-height:.95;}
.creator__name .verified{color:var(--c-gold-bright);font-size:.6em;vertical-align:middle;margin-left:.2em;}
.creator__tagline{color:var(--c-text-muted);font-size:var(--fs-400);}
.creator__stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:.35em;}
@media (max-width:560px){.creator{grid-template-columns:1fr;text-align:center;}
  .creator__avatar{margin-inline:auto;} .creator__stats{justify-content:center;}}

.statpill{display:inline-flex;align-items:baseline;gap:.4em;padding:.35em .8em;border-radius:var(--r-pill);
  background:var(--c-bg-elev-2);border:1px solid var(--c-line);}
.statpill b{font-family:var(--font-cond);color:var(--c-gold-bright);font-size:var(--fs-400);line-height:1;}
.statpill span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;
  font-size:10px;color:var(--c-text-dim);}

/* filter chip bar (buttons; aria-pressed reflects active) */
.filterbar{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;}
.filterbar__chip{cursor:pointer;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;
  font-weight:600;font-size:var(--fs-300);color:var(--c-text-muted);
  background:var(--c-bg-elev-2);border:1px solid var(--c-line);border-radius:var(--r-pill);
  padding:.45em 1em;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),
    background var(--dur) var(--ease);}
.filterbar__chip:hover{color:var(--c-text);border-color:var(--c-line-strong);}
.filterbar__chip[aria-pressed="true"]{color:#1a1400;border-color:var(--c-gold);
  background:linear-gradient(180deg,#f7e08a,var(--c-gold));box-shadow:var(--edge-light);}
.filterbar__chip .cnt{opacity:.65;margin-left:.35em;font-size:.85em;}

/* ==================================================================== *
 * MODAL / LIGHTBOX PLAYER  (WL.openModal)                              *
 * ==================================================================== */
.wl-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(14px,4vw,52px);}
.wl-modal[hidden]{display:none;}
.wl-modal__backdrop{position:absolute;inset:0;background:rgba(3,4,6,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:wl-modal-fade .18s ease both;}
.wl-modal__box{position:relative;width:min(1120px,100%);animation:wl-modal-pop .2s var(--ease,cubic-bezier(.2,.7,.2,1)) both;}
.wl-modal__stage{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--c-line-strong,#3a414c);box-shadow:0 30px 90px rgba(0,0,0,.6);overflow:hidden;}
.wl-modal__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.wl-modal__close{position:absolute;top:-16px;right:-16px;z-index:3;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--c-bg-elev-2,#1a1d23);color:var(--c-text,#e8eaed);border:1px solid var(--c-line-strong,#3a414c);font-size:17px;line-height:1;cursor:pointer;transition:background .15s,color .15s,transform .15s;}
.wl-modal__close:hover{background:var(--c-red-bright,#ff3b48);color:#fff;transform:scale(1.08);}
.wl-modal__close:focus-visible{outline:2px solid var(--c-gold-bright,#f2cc4b);outline-offset:2px;}
.wl-modal__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .15rem .1rem;}
.wl-modal__title{font-family:var(--font-cond,Oswald),sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--c-text,#e8eaed);font-size:var(--fs-400,1rem);}
.wl-modal__yt{font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.04em;color:var(--c-gold-bright,#f2cc4b);text-decoration:none;white-space:nowrap;}
.wl-modal__yt:hover{text-decoration:underline;}
@keyframes wl-modal-fade{from{opacity:0}to{opacity:1}}
@keyframes wl-modal-pop{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wl-modal__backdrop,.wl-modal__box{animation:none;}}
@media (max-width:640px){.wl-modal__close{top:-12px;right:-4px;width:38px;height:38px;}}

/* This-week modal: streaming-service link */
.wl-modal__links{display:flex;gap:.8rem;align-items:center;white-space:nowrap;flex-wrap:wrap;justify-content:flex-end;}
.wl-modal__svc{font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.04em;color:var(--c-text,#e8eaed);text-decoration:none;border:1px solid var(--c-line-strong,#3a414c);padding:.4em .8em;border-radius:var(--r-pill,999px);transition:border-color .15s,color .15s;}
.wl-modal__svc[hidden]{display:none;}
.wl-modal__svc:hover{border-color:var(--c-gold-bright,#f2cc4b);color:var(--c-gold-bright,#f2cc4b);}

/* Viewing-gallery brand header on the modal */
.wl-modal__brand{display:flex;align-items:center;gap:.6rem;padding:0 2.4rem .7rem 0;flex-wrap:wrap;}
.wl-modal__logo{height:48px;width:auto;object-fit:contain;display:block;flex:none;filter:drop-shadow(0 2px 8px rgba(212,175,55,.28));}
.wl-modal__mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:var(--c-gold-bright,#f2cc4b);color:#0a0b0d;font-family:var(--font-display,sans-serif);font-size:12px;font-weight:700;letter-spacing:.02em;flex:none;}
.wl-modal__gallery{font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--c-text-muted,#a2a9b4);}
.wl-modal__gallery b{color:var(--c-text,#e8eaed);font-weight:700;}
.wl-modal__note{margin-left:auto;font-family:var(--font-mono,monospace);font-size:10px;line-height:1.35;color:var(--c-text-dim,#6b727d);letter-spacing:.02em;max-width:42ch;text-align:right;}
@media (max-width:640px){.wl-modal__note{display:none;}}

/* ==================================================================== *
 * VIEWING GALLERY — $10M home-theater framing (velvet + gilded frame)  *
 * ==================================================================== */
/* House lights down: warm ambient bloom fading to deep black */
.wl-modal__backdrop{background:radial-gradient(130% 100% at 50% 42%, rgba(74,36,12,.42) 0%, rgba(9,6,5,.92) 55%, #030202 100%);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);}
/* Velvet stage curtains pinned to the viewport edges, framing the whole view */
.wl-modal::before,.wl-modal::after{content:"";position:absolute;top:0;bottom:0;width:clamp(34px,10vw,180px);pointer-events:none;z-index:1;
  background:repeating-linear-gradient(90deg, rgba(0,0,0,.55) 0 5px, rgba(0,0,0,0) 5px 20px, rgba(255,255,255,.05) 20px 22px), linear-gradient(90deg,#240710,#5c1622 44%,#7c1d2c 62%,#360c15 100%);}
.wl-modal::before{left:0;box-shadow:inset -34px 0 70px rgba(0,0,0,.65), 6px 0 22px rgba(0,0,0,.5);}
.wl-modal::after{right:0;transform:scaleX(-1);box-shadow:inset -34px 0 70px rgba(0,0,0,.65), 6px 0 22px rgba(0,0,0,.5);}
@media (max-width:640px){.wl-modal::before,.wl-modal::after{display:none;}}
/* Box sits above the curtains */
.wl-modal__box{z-index:2;}
/* Gilded frame around the screen */
.wl-modal__frame{position:relative;padding:13px;border-radius:12px;isolation:isolate;
  background:linear-gradient(135deg,#f7db7a 0%,#9c7c1e 18%,#e6c356 40%,#7d6317 62%,#dcb941 82%,#8c6f1c 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 -1px 0 rgba(0,0,0,.45) inset, 0 44px 120px rgba(0,0,0,.78), 0 0 100px rgba(242,204,75,.12);}
/* Velvet mat between frame and screen */
.wl-velvet{padding:15px;border-radius:5px;
  background:repeating-linear-gradient(90deg,#390d14 0 4px,#4d131d 4px 8px), radial-gradient(150% 130% at 50% 0%, #611826, #2b0a11);
  box-shadow:inset 0 0 46px rgba(0,0,0,.72), inset 0 0 0 1px rgba(0,0,0,.55);}
/* The lit screen */
.wl-modal__stage{position:relative;aspect-ratio:16/9;background:#000;border:0;border-radius:2px;overflow:hidden;
  box-shadow:inset 0 0 55px rgba(0,0,0,.9), 0 0 70px 6px rgba(242,204,75,.14), 0 0 0 1px rgba(0,0,0,.85);}
.wl-modal__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* ==== Viewing Gallery v2: red+gold close, share button, bolder theater ==== */
.wl-modal__close{background:var(--c-red-bright,#ff3b48);border:2px solid var(--c-gold-bright,#f2cc4b);color:#fff;width:46px;height:46px;font-size:18px;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.55), 0 0 0 4px rgba(10,11,13,.45);}
.wl-modal__close:hover{background:#ff5a64;color:#fff;transform:scale(1.07);}
.wl-modal__share{font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#0a0b0d;background:var(--c-gold-bright,#f2cc4b);border:0;padding:.5em 1.05em;border-radius:var(--r-pill,999px);cursor:pointer;font-weight:700;transition:filter .15s,transform .15s;}
.wl-modal__share:hover{filter:brightness(1.08);transform:translateY(-1px);}
/* bolder gilded frame */
.wl-modal__frame{padding:18px;background:linear-gradient(135deg,#ffe89a 0%,#b8942a 16%,#f4cf5e 38%,#8a6c1a 60%,#f0c94e 82%,#9c7d1f 100%);box-shadow:0 2px 0 rgba(255,255,255,.5) inset, 0 -2px 0 rgba(0,0,0,.5) inset, 0 48px 130px rgba(0,0,0,.8), 0 0 120px rgba(242,204,75,.16);}
/* wider, richer velvet curtains */
.wl-modal::before,.wl-modal::after{width:clamp(48px,13vw,240px);background:repeating-linear-gradient(90deg, rgba(0,0,0,.6) 0 5px, rgba(0,0,0,0) 5px 20px, rgba(255,255,255,.06) 20px 22px), linear-gradient(90deg,#1e060c,#63151f 40%,#8a1f2e 60%,#360c15 100%);}

/* ==== Share button: prominent, rightmost ==== */
.wl-modal__links{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.wl-modal__share{order:3;display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-cond,sans-serif);font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#0a0b0d;background:var(--c-gold-bright,#f2cc4b);border:0;padding:.62em 1.25em;border-radius:var(--r-pill,999px);cursor:pointer;box-shadow:0 3px 12px rgba(242,204,75,.32);transition:filter .15s,transform .15s,box-shadow .15s;}
.wl-modal__share:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 5px 20px rgba(242,204,75,.48);}
.wl-modal__share .wl-share-ico{display:block;}
.wl-modal__yt{order:2;}
.wl-modal__svc{order:1;}

/* ==================================================================== *
 * VIEWING GALLERY / THIS-WEEK master-detail + archive calendar         *
 * (shared by homepage widget and /gallery/ pages)                      *
 * ==================================================================== */
.thisweek .tw-lede{color:var(--c-text-muted,#a2a9b4);max-width:70ch;margin:0 0 var(--sp-4,1rem);}
.thisweek .tw-dateline{font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.08em;color:var(--c-gold-bright,#f2cc4b);text-transform:uppercase;white-space:nowrap;align-self:center;}
.thisweek .tw-layout{display:grid;grid-template-columns:minmax(210px,270px) 1fr;gap:var(--sp-5,1.25rem);align-items:start;min-width:0;}
.thisweek .tw-detail,.thisweek .tw-panel,.thisweek .tw-rail,.thisweek .tw-list{min-width:0;}
.thisweek .tw-list{display:flex;flex-direction:column;gap:.6rem;}
.thisweek .tw-item{text-align:left;display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1.05rem;background:var(--c-bg-elev-1,#121418);border:1px solid var(--c-line,#2b3038);border-radius:var(--r-md,10px);cursor:pointer;transition:border-color .18s,background .18s;}
.thisweek .tw-item:hover{border-color:var(--c-line-strong,#3a414c);}
.thisweek .tw-item[aria-selected="true"]{border-color:var(--c-gold-bright,#f2cc4b);background:var(--c-bg-elev-2,#1a1d23);}
.thisweek .tw-item__name{font-family:var(--font-display,sans-serif);font-size:var(--fs-500,1.25rem);letter-spacing:.02em;color:var(--c-text,#e8eaed);text-transform:uppercase;line-height:1.1;}
.thisweek .tw-item__net{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.05em;color:var(--c-text-dim,#6b727d);text-transform:uppercase;}
.thisweek .tw-item[aria-selected="true"] .tw-item__net{color:var(--c-gold-dim,#8c7420);}
.thisweek .tw-panel[hidden]{display:none;}
.thisweek .tw-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:var(--sp-3,.75rem);flex-wrap:wrap;}
.thisweek .tw-net{font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.04em;color:var(--c-gold-bright,#f2cc4b);text-decoration:none;border:1px solid var(--c-line-strong,#3a414c);padding:.42em .85em;border-radius:var(--r-pill,999px);white-space:nowrap;transition:border-color .15s,background .15s;}
.thisweek .tw-net:hover{border-color:var(--c-gold-bright,#f2cc4b);background:var(--c-gold-tint,rgba(212,175,55,.12));}
.thisweek .tw-rail{display:flex;gap:var(--sp-4,1rem);overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:.6rem;list-style:none;margin:0;scrollbar-width:thin;scrollbar-color:var(--golddim,#8c7420) transparent;background:linear-gradient(270deg,rgba(242,204,75,.16),transparent 30px) right center/30px 82% no-repeat;}
.thisweek .tw-rail>li{flex:0 0 clamp(220px,42%,270px);scroll-snap-align:start;}
.thisweek .tw-rail .vcard{height:100%;}
/* luxury zoom on hover (no blur): thumbnail glides up in scale, container clips */
.thisweek .yt{overflow:hidden;}
.thisweek .yt__thumb{filter:none;opacity:1;transform:scale(1.01);transform-origin:center;transition:transform 1.05s cubic-bezier(.16,.72,.24,1),filter .4s var(--ease,ease);will-change:transform;}
.thisweek .yt:hover .yt__thumb,.thisweek .yt:focus-within .yt__thumb{transform:scale(1.11);}
/* opt-in spoiler veil (only if a page adds .is-spoilers-hidden) */
.thisweek.is-spoilers-hidden .yt__thumb{filter:blur(16px) brightness(.55);transform:scale(1.06);}
.thisweek.is-spoilers-hidden .yt:hover .yt__thumb,.thisweek.is-spoilers-hidden .yt:focus-within .yt__thumb{filter:none;transform:scale(1.11);}
@media (max-width:760px){.thisweek .tw-layout{grid-template-columns:1fr;}.thisweek .tw-list{flex-direction:row;overflow-x:auto;}.thisweek .tw-item{flex:0 0 auto;}}
@media (prefers-reduced-motion:reduce){.thisweek .yt__thumb{transition:none;transform:none;}.thisweek .yt:hover .yt__thumb,.thisweek .yt:focus-within .yt__thumb{transform:none;}}
/* archive calendar */
.cal{margin:var(--sp-4,1rem) 0 var(--sp-6,2rem);max-width:520px;}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
.cal-grid--head{margin-bottom:6px;}
.cal-h{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.06em;color:var(--c-text-dim,#6b727d);text-transform:uppercase;text-align:center;padding:.3em 0;}
.cal-d{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--c-line,#2b3038);border-radius:var(--r-sm,6px);font-family:var(--font-cond,sans-serif);font-size:var(--fs-400,1rem);color:var(--c-text-dim,#6b727d);background:var(--c-bg-elev-1,#121418);}
.cal-x{aspect-ratio:1;}
a.cal-d--on{color:#0a0b0d;background:var(--c-gold-bright,#f2cc4b);border-color:var(--c-gold-bright,#f2cc4b);font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;}
a.cal-d--on:hover{filter:brightness(1.08);transform:translateY(-1px);}
.cal-key{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.04em;color:var(--c-text-dim,#6b727d);margin-top:.7rem;text-transform:uppercase;}
/* archive week cards */
.gwk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4,1rem);}
.gwk{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:1.1rem 1.2rem;background:var(--c-bg-elev-1,#121418);border:1px solid var(--c-line,#2b3038);border-radius:var(--r-md,10px);text-decoration:none;transition:border-color .18s,transform .18s;}
.gwk:hover{border-color:var(--c-gold-bright,#f2cc4b);transform:translateY(-2px);}
.gwk-date{font-family:var(--font-display,sans-serif);font-size:var(--fs-500,1.25rem);color:var(--c-text,#e8eaed);text-transform:uppercase;letter-spacing:.02em;}
.gwk-meta{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.05em;color:var(--c-text-dim,#6b727d);text-transform:uppercase;}
.gwk-badge{position:absolute;top:.8rem;right:.9rem;font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.08em;color:#0a0b0d;background:var(--c-gold-bright,#f2cc4b);padding:.2em .55em;border-radius:var(--r-pill,999px);text-transform:uppercase;font-weight:700;}

/* ==================================================================== *
 * Per-video pages + modal "More videos" rail + linkable gallery label  *
 * ==================================================================== */
a.wl-modal__gallery{text-decoration:none;}
a.wl-modal__gallery:hover{color:var(--c-gold-bright,#f2cc4b);}
.wl-modal__gallery a{color:inherit;text-decoration:none;}
.wl-modal__gallery a:hover{color:var(--c-gold-bright,#f2cc4b);}
/* per-video page */
.wl-pageplay{max-width:1000px;margin:0 auto var(--sp-4,1rem);}
.wl-vp-brand{display:flex;align-items:center;gap:.6rem;max-width:1000px;margin:0 auto var(--sp-3,.75rem);flex-wrap:wrap;}
.wl-vp-brand .wl-modal__note{margin-left:auto;text-align:right;}
.wl-vp-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;max-width:1000px;margin:0 auto;}
.wl-vp-title{font-family:var(--font-display,sans-serif);font-size:var(--fs-700,2rem);text-transform:uppercase;line-height:1.05;margin:.1em 0 0;}
.wl-vp-links{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;}
.wl-vp-ctx{max-width:1000px;margin:var(--sp-3,.75rem) auto 0;color:var(--c-text-muted,#a2a9b4);}
.wl-vpage .sec-h,.wl-vpage>.wrap>.tw-rail{max-width:1000px;margin-left:auto;margin-right:auto;}
/* modal "more videos" rail */
.wl-modal__more{margin-top:var(--sp-3,.75rem);}
.wl-modal__more[hidden]{display:none;}
.wl-more-head{display:block;font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-dim,#6b727d);margin-bottom:.5rem;}
.wl-more-row{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.4rem;}
.wl-more-item{flex:0 0 150px;background:transparent;border:0;padding:0;cursor:pointer;text-align:left;}
.wl-more-thumb{display:block;aspect-ratio:16/9;border-radius:6px;background:#0a0b0d center/cover no-repeat;border:1px solid var(--c-line,#2b3038);}
.wl-more-item:hover .wl-more-thumb{border-color:var(--c-gold-bright,#f2cc4b);}
.wl-more-t{display:block;margin-top:.35rem;font-size:11px;line-height:1.3;color:var(--c-text-muted,#a2a9b4);max-height:2.6em;overflow:hidden;}

/* ==================================================================== *
 * Viewing Gallery v3 — YouTube-style two-column theater (fit-to-screen)*
 * ==================================================================== */
.wl-modal{align-items:center;}
.wl-modal__box{width:min(1240px,100%);max-height:calc(100dvh - clamp(44px,7vh,72px));display:flex;flex-direction:column;overflow:visible;}
.wl-modal__brand{flex:none;}
.wl-modal__body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,32%,380px);gap:clamp(12px,1.6vw,22px);align-items:stretch;}
.wl-modal__main{min-width:0;min-height:0;display:flex;flex-direction:column;max-width:min(100%,calc((100dvh - 250px) * 16 / 9));margin-inline:auto;}
.wl-modal__frame{width:100%;}
.wl-modal__bar{flex:none;}
/* title is now a link */
a.wl-modal__title{text-decoration:none;transition:color .15s;}
a.wl-modal__title:hover{color:var(--c-gold-bright,#f2cc4b);text-decoration:underline;}
/* right column */
.wl-modal__side{min-width:0;min-height:0;display:flex;flex-direction:column;gap:.7rem;overflow:hidden;}
.wl-side__promo{display:flex;flex-direction:column;gap:.12rem;padding:.85rem 1rem;border-radius:var(--r-md,10px);text-decoration:none;flex:none;
  background:linear-gradient(135deg,rgba(242,204,75,.17),rgba(242,204,75,.05));border:1px solid var(--c-gold-dim,#8c7420);transition:border-color .15s,background .15s;}
.wl-side__promo[hidden]{display:none;}
.wl-side__promo:hover{border-color:var(--c-gold-bright,#f2cc4b);background:linear-gradient(135deg,rgba(242,204,75,.26),rgba(242,204,75,.09));}
.wl-side__promo-k{font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-dim,#6b727d);}
.wl-side__promo-net{font-family:var(--font-display,sans-serif);font-size:var(--fs-500,1.25rem);text-transform:uppercase;letter-spacing:.02em;color:var(--c-gold-bright,#f2cc4b);line-height:1.05;}
.wl-side__promo-sub{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-muted,#a2a9b4);}
.wl-side__tabs{display:flex;gap:.4rem;flex-wrap:wrap;flex:none;}
.wl-side__tab{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted,#a2a9b4);background:var(--c-bg-elev-1,#121418);border:1px solid var(--c-line,#2b3038);border-radius:var(--r-pill,999px);padding:.42em .85em;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}
.wl-side__tab:hover{border-color:var(--c-line-strong,#3a414c);color:var(--c-text,#e8eaed);}
.wl-side__tab[aria-selected="true"]{background:var(--c-gold-bright,#f2cc4b);border-color:var(--c-gold-bright,#f2cc4b);color:#0a0b0d;font-weight:700;}
.wl-side__head{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-dim,#6b727d);flex:none;}
.wl-side__list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.3rem;scrollbar-width:thin;}
.wl-side__item{display:flex;gap:.6rem;text-decoration:none;border:1px solid transparent;border-radius:8px;padding:.35rem;transition:background .15s,border-color .15s;}
.wl-side__item:hover{background:var(--c-bg-elev-1,#121418);border-color:var(--c-line,#2b3038);}
.wl-side__item.is-current{background:var(--c-bg-elev-2,#1a1d23);border-color:var(--c-gold-dim,#8c7420);}
.wl-side__thumb{flex:0 0 124px;aspect-ratio:16/9;border-radius:6px;background:#0a0b0d center/cover no-repeat;border:1px solid var(--c-line,#2b3038);}
.wl-side__meta{min-width:0;display:flex;flex-direction:column;gap:.18rem;justify-content:center;}
.wl-side__ptag{font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-gold-bright,#f2cc4b);}
.wl-side__t{font-family:var(--font-cond,sans-serif);font-size:13px;line-height:1.25;color:var(--c-text,#e8eaed);text-transform:uppercase;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.wl-side__item:hover .wl-side__t{color:var(--c-gold-bright,#f2cc4b);}
@media (max-width:820px){
  .wl-modal__box{overflow-y:auto;overflow-x:visible;}
  .wl-modal__body{grid-template-columns:1fr;}
  .wl-modal__main{max-width:100%;}
  .wl-modal__side{overflow:visible;}
  .wl-side__list{overflow:visible;}
  .wl-modal__close{top:6px;right:6px;z-index:5;}
}

/* ---------- NAV LOGO MARK (same size as before) + masked click/idle gleam ---------- */
.nav7 .mark--logo{position:relative;display:flex;align-items:center;width:auto;height:96px;margin:-17px 0;background:none;box-shadow:none;border-radius:0;overflow:visible;}
.nav7 .mark--logo img{width:auto;height:96px;object-fit:contain;display:block;filter:drop-shadow(0 3px 13px rgba(212,175,55,.36));}
/* the shine is MASKED to the belt shape so light gleams THROUGH the metal, never a box on top */
.nav7 .mark--logo .sheen{position:absolute;inset:0;pointer-events:none;z-index:2;
  -webkit-mask:url("/assets/wrestle-lore-logo.png") center/contain no-repeat;
  mask:url("/assets/wrestle-lore-logo.png") center/contain no-repeat;
  background:linear-gradient(105deg,transparent 41%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.95) 50%,rgba(255,246,210,.55) 52%,transparent 59%);
  background-size:220% 100%;background-repeat:no-repeat;background-position:190% 0;mix-blend-mode:screen;
  animation:wlgleam 6.5s cubic-bezier(.4,0,.2,1) infinite;}
.nav7 .brand7:hover .mark--logo .sheen,.nav7 .brand7:active .mark--logo .sheen{animation:wlgleam 0.75s cubic-bezier(.4,0,.2,1);}
@keyframes wlgleam{0%{background-position:190% 0}13%{background-position:-90% 0}100%{background-position:-90% 0}}
/* Concept C — "Masthead" wordmark: big Anton WRESTLE + wide-tracked gold LORE subline, slim gold divider */
.nav7 .bword{display:flex;flex-direction:column;text-transform:uppercase;color:#fff;}
.nav7 .bword b{font-weight:400;display:block;}
.nav7 .bw-c{position:relative;padding-left:16px;gap:2px;}
.nav7 .bw-c::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;
  background:linear-gradient(180deg,var(--goldb),var(--golddim));border-radius:2px;}
.nav7 .bw-c .w{font-family:var(--anton);font-size:22px;line-height:.9;letter-spacing:.03em;}
.nav7 .bw-c .l{font-family:var(--osw);font-weight:600;font-size:12px;letter-spacing:.62em;color:var(--goldb);margin-top:2px;}

/* ===================================================================== *
 * MOBILE FRONT-PAGE FIXES (2026-07-27)                                  *
 * kill page h-scroll · stop This Week card jitter on tap ·              *
 * visible scroll affordance on rails · shrink roster discovery tiles    *
 * ===================================================================== */
/* Never let page CONTENT scroll sideways. Scoped to #main (the content
   wrapper) so the nav's dropdown panels — which live in the header, outside
   #main — are untouched. clip (not hidden) keeps sticky working; the rails
   inside still scroll internally. */
#main{overflow-x:clip;}

/* Sticky-hover guard: on touch, :hover latches after a tap and keeps
   zooming/reflowing cards. Only allow hover motion on real pointers. */
@media (hover:none){
  .yt:hover .yt__thumb{transform:none;}
  .tile:hover{transform:none;}
  .vcard:hover{transform:none;}
  .thisweek .yt:hover .yt__thumb{transform:none;}
}

/* Scroll affordance: thin gold scrollbar on the horizontal rails so it's
   obvious they scroll (desktop/Android show it always; iOS on scroll). */
.thisweek .tw-rail::-webkit-scrollbar{height:6px;}
.thisweek .tw-rail::-webkit-scrollbar-thumb{background:var(--golddim,#8c7420);border-radius:99px;}
.thisweek .tw-rail::-webkit-scrollbar-track{background:transparent;}
@media (hover:hover){ .thisweek .tw-rail::-webkit-scrollbar-thumb:hover{background:var(--gold,#d4af37);} }
@media (max-width:1024px){
  .nav7 .tabs7{scrollbar-width:thin;scrollbar-color:var(--golddim,#8c7420) transparent;}
  .nav7 .tabs7::-webkit-scrollbar{height:4px;}
  .nav7 .tabs7::-webkit-scrollbar-thumb{background:var(--golddim,#8c7420);border-radius:99px;}
}
@media (max-width:760px){
  .thisweek .tw-list{scrollbar-width:thin;scrollbar-color:var(--golddim,#8c7420) transparent;gap:.5rem;padding-bottom:.4rem;}
  .thisweek .tw-list::-webkit-scrollbar{height:5px;}
  .thisweek .tw-list::-webkit-scrollbar-thumb{background:var(--golddim,#8c7420);border-radius:99px;}
}

/* Roster discovery tiles: too tall/large on phones (1-up 3:4 posters).
   Go 2-up with squarer media and a smaller watermark letter. */
@media (max-width:560px){
  .grid-spot{grid-template-columns:repeat(2,1fr);gap:var(--sp-3,.75rem);}
  .tile__media{aspect-ratio:1/1;}
  .tile__mono{font-size:4.6rem;}
  .tile__body{padding:var(--sp-3,.75rem);}
  .tile__name{font-size:var(--fs-400,1.05rem);}
}

/* WL: Events dropdown Live banner */
.nav7 .mega7--timeline .evlive{display:flex;align-items:center;gap:14px;padding:12px 15px;margin-bottom:14px;border:1px solid var(--gold-dim,#8c7420);border-left:3px solid var(--redb,#ff3b48);border-radius:9px;background:radial-gradient(130% 170% at 0 0,rgba(255,59,72,.15),transparent 55%),linear-gradient(180deg,#16181d,#0d0f13);text-decoration:none;position:relative;overflow:hidden;}
.nav7 .mega7--timeline .evlive:hover{border-color:var(--redb,#ff3b48);}
.evlive-mk{display:inline-flex;flex:none;}
.evlive-mk .wglyph{width:18px;height:18px;}
.evlive-l{display:flex;flex-direction:column;gap:2px;min-width:0;margin-right:auto;}
.evlive-k{font-family:var(--mono7,'JetBrains Mono',monospace);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--redb,#ff3b48);}
.evlive-nm{font-family:var(--anton,'Anton',sans-serif);text-transform:uppercase;font-size:21px;line-height:1;color:#fff;letter-spacing:.01em;}
.evlive-next{font-weight:400;color:var(--goldb,#f2cc4b);margin-left:.15em;}
.evlive-meta{font-size:11px;color:var(--mut,#9aa2ad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.evlive-cta{flex:none;display:inline-flex;align-items:center;gap:.4em;background:var(--red,#e11d2a);color:#fff;font-family:var(--font-cond,'Oswald',sans-serif);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:12.5px;padding:.62em 1.05em;border-radius:6px;}
.nav7 .mega7--timeline .evlive:hover .evlive-cta{background:var(--redb,#ff3b48);}
.nav7 .mega7--timeline .evlive:hover .wglyph--sale{filter:drop-shadow(0 0 6px #ff3b48) drop-shadow(0 0 15px rgba(255,59,72,.82));}
.nav7 .mega7--timeline .evlive:hover .wglyph--sale .wg-spin{animation-duration:3.4s;}
.nav7 .mega7--timeline .evlive:hover .wglyph--sale .wg-spark{animation-duration:1.4s;fill:#ff6b74;}

/* ============================================================= *
   WL wave2 - Vault Ticket explore card + gold Surprise Me button
   (overrides HOME ENGAGE LAYER visuals; positioning/visibility inherited)
 * ============================================================= */
.f2-spark{transform-box:fill-box;transform-origin:center;vertical-align:-2px;}
.f2-card{background:radial-gradient(130% 130% at 100% 0,var(--c-gold-tint),transparent 55%),linear-gradient(180deg,var(--c-bg-elev-2),#0c0d11)!important;border-radius:5px!important;-webkit-mask:radial-gradient(9px at 0 46%,transparent 96%,#000 0) left/100% 100% no-repeat;mask:radial-gradient(9px at 0 46%,transparent 96%,#000 0);}
.f2-card__mono{display:none!important;}
.f2-card__link{padding:15px 17px 11px!important;}
.f2-card__kick{display:inline-flex!important;align-items:center;gap:.45em;color:var(--c-gold)!important;font-size:10px!important;}
.f2-card__title{font-family:var(--font-display)!important;font-weight:400!important;font-size:29px!important;line-height:.9!important;max-width:100%!important;color:#fff!important;margin-top:.18em;}
.f2-card__link:hover .f2-card__title{color:#fff!important;}
.f2-card__stars{color:var(--c-gold)!important;font-family:inherit!important;font-size:15px!important;letter-spacing:2px!important;filter:drop-shadow(0 0 4px rgba(242,204,75,.5));margin-top:.35em!important;}
.f2-card__reason{max-width:100%!important;font-family:var(--font-mono)!important;font-size:10.5px!important;line-height:1.4!important;color:var(--c-text-muted)!important;margin-top:.5em!important;}
.f2-card__foot{border-top:0!important;padding:.1em 17px 13px!important;gap:8px!important;}
.f2-card__tag{display:none!important;}
.f2-card__cta{margin:0!important;flex:1;text-align:center;background:var(--c-red,#e11d2a)!important;color:#fff!important;text-decoration:none;padding:.6em!important;border-radius:6px!important;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:12px!important;}
.f2-card__cta:hover{background:var(--c-red-bright,#ff3b48)!important;}
.f2-card__next{flex:none;border-radius:6px!important;padding:.5em .85em!important;}
.f2-disc{width:auto!important;height:auto!important;display:inline-flex!important;align-items:center;gap:.5em;place-content:normal!important;border-radius:6px!important;background:var(--c-gold)!important;color:#181200!important;box-shadow:0 12px 30px rgba(0,0,0,.5)!important;padding:.66em 1.15em!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.05em!important;}
.f2-disc:hover{transform:translateY(-2px)!important;background:var(--c-gold-bright)!important;box-shadow:0 14px 32px rgba(0,0,0,.5)!important;}
.f2-disc:hover .f2-spark{animation:wg-rot 3s linear infinite;}
.f2-disc__lbl{line-height:1;}
.f2-ctrl__cluster .f2-sat{display:none!important;}
.f2-prow{display:flex!important;}
@media(hover:hover) and (pointer:fine){.f2-ctrl__more{display:none!important;}}
.f2-ctrl__panel{border-radius:10px!important;}

/* ===== RESTORED: wev-a ticket-stub floater + wg-core dot (recovered verbatim from 32c951f, swept out by d653a5b). CSS-only, appended as an update. ===== */
.wglyph--live .wg-core{fill:#ff3b48;animation:wg-core 2.2s ease-in-out infinite;}
.wglyph--sale .wg-core{fill:#ffd9dd;animation:wg-core 2s ease-in-out infinite;}
@keyframes wg-core{0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}
.rt-tag:hover .wglyph--live .wg-core{animation-duration:1s;fill:#ff6b74;}
.wev-a:hover .wglyph--sale{filter:drop-shadow(0 0 6px #ff3b48) drop-shadow(0 0 15px rgba(255,59,72,.82));}
.wev-a:hover .wglyph--sale .wg-spin{animation-duration:3.4s;}
.wev-a:hover .wglyph--sale .wg-spark{animation-duration:1.4s;fill:#ff6b74;}
@media (prefers-reduced-motion: reduce){.wglyph *{animation:none!important;}}
.wev-a{position:fixed;top:120px;right:18px;z-index:60;width:auto;font-family:var(--inter,system-ui,sans-serif);}
.wev-a-tab,.wev-a-stub{transition:opacity .28s ease, transform .42s cubic-bezier(.19,1,.22,1);}
.wev-a-tab{display:inline-flex;align-items:center;gap:.55em;background:linear-gradient(180deg,#14161b,#0c0d11);border:1px solid var(--gold-dim,#8c7420);border-left:3px solid var(--goldb,#f2cc4b);color:var(--tx,#e8eaed);padding:.62em .9em;border-radius:6px;cursor:pointer;white-space:nowrap;font-family:var(--font-cond,'Oswald',sans-serif);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;box-shadow:0 14px 34px rgba(0,0,0,.55);}
.wev-a-tab:hover{border-color:var(--goldb,#f2cc4b);}
.wev-a-tab-lbl{font-weight:600;color:var(--tx,#fff);}
.wev-a-tab-cd{font-family:var(--jb,'JetBrains Mono',monospace);color:var(--goldb,#f2cc4b);font-size:11.5px;letter-spacing:.03em;}
.wev-a-tab-x{color:var(--mut,#9aa2ad);font-size:15px;line-height:1;margin-left:.1em;}
.wev-a[data-open="false"] .wev-a-stub{position:absolute;top:0;right:0;opacity:0;transform:translateY(-8px) scale(.965);pointer-events:none;transform-origin:top right;}
.wev-a[data-open="false"] .wev-a-tab{position:relative;opacity:1;transform:none;pointer-events:auto;}
.wev-a[data-open="true"] .wev-a-tab{position:absolute;top:0;right:0;opacity:0;transform:translateY(-4px);pointer-events:none;}
.wev-a[data-open="true"] .wev-a-stub{position:relative;opacity:1;transform:none;pointer-events:auto;transform-origin:top right;}
.wev-a-stub{position:relative;width:300px;background:linear-gradient(180deg,#14161b,#0c0d11);border:1px solid var(--gold-dim,#8c7420);border-left:3px solid var(--goldb,#f2cc4b);border-radius:4px;padding:1rem 1.05rem 1.1rem;box-shadow:0 18px 46px rgba(0,0,0,.6);-webkit-mask:radial-gradient(7px at 0 46%,transparent 96%,#000 0) left/100% 100% no-repeat;mask:radial-gradient(7px at 0 46%,transparent 96%,#000 0);}
.wev-a-notch{position:absolute;left:-6px;width:12px;height:12px;border-radius:99px;background:#07080a;border:1px solid var(--gold-dim,#8c7420);}
.wev-a-notch--t{top:-6px;} .wev-a-notch--b{bottom:-6px;}
.wev-a-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;}
.wev-a-onsale{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-cond,'Oswald',sans-serif);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;color:var(--redb,#ff3b48);}
.wev-a-close{background:none;border:0;color:var(--mut,#9aa2ad);font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;font-family:var(--font-cond,'Oswald',sans-serif);}
.wev-a-close:hover{color:var(--tx,#e8eaed);}
.wev-a-kick{margin:0;font-family:var(--jb,'JetBrains Mono',monospace);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim,#8c7420);}
.wev-a-name{margin:.12em 0 .5rem;font-family:var(--anton,'Anton',sans-serif);text-transform:uppercase;font-size:2.15rem;line-height:.92;color:var(--tx,#fff);letter-spacing:.005em;}
.wev-a-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;margin:0 0 .7rem;}
.wev-a-cd span{background:rgba(0,0,0,.42);border:1px solid var(--line2,#2b3038);border-radius:5px;padding:.4rem 0;text-align:center;}
.wev-a-cd b{display:block;font-family:var(--jb,'JetBrains Mono',monospace);font-size:1.15rem;color:var(--goldb,#f2cc4b);font-weight:600;}
.wev-a-cd i{font-style:normal;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-dim,#6b727d);}
.wev-a-when{margin:0;font-family:var(--font-cond,'Oswald',sans-serif);font-size:.9rem;color:var(--tx,#e8eaed);letter-spacing:.01em;}
.wev-a-where{margin:.1rem 0 .8rem;font-size:.8rem;color:var(--mut,#9aa2ad);}
.wev-a-cta{display:block;text-align:center;background:var(--red,#e11d2a);color:#fff;text-decoration:none;font-family:var(--font-cond,'Oswald',sans-serif);text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:14px;padding:.72em;border-radius:6px;}
.wev-a-cta:hover{background:var(--redb,#ff3b48);}
.wev-a-also{margin-top:.85rem;border-top:1px dashed var(--line2,#2b3038);padding-top:.7rem;}
.wev-a-also-k{margin:0 0 .35rem;font-family:var(--jb,'JetBrains Mono',monospace);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dim,#8c7420);}
.wev-a-row{display:block;text-decoration:none;color:var(--mut,#9aa2ad);font-size:.8rem;padding:.28rem 0;border-bottom:1px solid rgba(255,255,255,.05);}
.wev-a-row:last-child{border-bottom:0;} .wev-a-row b{color:var(--goldb,#f2cc4b);font-family:var(--jb,'JetBrains Mono',monospace);font-size:.72rem;margin-right:.5em;}
.wev-a-row:hover{color:var(--tx,#e8eaed);}
@media (max-width:900px){.wev-a{top:auto!important;bottom:14px;right:12px;left:12px;width:auto;}.wev-a-stub{width:auto;}}
/* mobile: hide both corner floaters (ticket + explore) per request */
@media (max-width:760px){.wev-a,.f2-explore{display:none!important;}}

/* WL: sparkle engine recovered verbatim from 32c951f - lore gem, sale spin, live radar, hover glows */
.wglyph{display:inline-block;vertical-align:middle;overflow:visible;line-height:0;filter:drop-shadow(0 0 4px #ff3b48) drop-shadow(0 0 8px rgba(255,59,72,.5));}
.wglyph *{transform-box:fill-box;transform-origin:center;}
.wglyph--live .wg-r{fill:none;stroke:#ff3b48;stroke-width:1.5;opacity:0;animation:wg-radar 2.2s ease-out infinite;}
.wglyph--live .wg-r2{animation-delay:1.1s;}
.wglyph--lore .wg-gem{fill:#ff3b48;stroke:#ff8087;stroke-width:.7;animation:wg-breathe 2.6s ease-in-out infinite;}
.wglyph--lore .wg-cut{fill:none;stroke:rgba(255,255,255,.42);stroke-width:.7;}
.wglyph--lore .wg-gleam{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;opacity:0;}
.wglyph--sale .wg-spin{animation:wg-rot 9s linear infinite;}
.wglyph--sale .wg-spark{fill:#ff3b48;animation:wg-tw 3s ease-in-out infinite;}
@keyframes wg-radar{0%{transform:scale(.45);opacity:.85}70%{opacity:0}100%{transform:scale(2.4);opacity:0}}
@keyframes wg-breathe{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes wg-rot{to{transform:rotate(360deg)}}
@keyframes wg-tw{0%,100%{transform:scale(1)}50%{transform:scale(.8)}}
@keyframes wg-gleam{0%{opacity:0;transform:translate(-3px,-3px)}30%{opacity:.95}65%{opacity:0;transform:translate(3px,3px)}100%{opacity:0}}
.rt-live.has-glyph,.hrl-live.has-glyph{background:none!important;box-shadow:none!important;width:auto!important;height:auto!important;animation:none!important;display:inline-flex!important;align-items:center;}
.rt-tag:hover .wglyph--live,.tab--live:hover .wglyph--live{filter:drop-shadow(0 0 6px #ff3b48) drop-shadow(0 0 13px rgba(255,59,72,.78));}
.rt-tag:hover .wglyph--live .wg-r{animation-duration:1.1s;stroke-width:1.9;}
.hrl-rail:hover .wglyph--lore{filter:drop-shadow(0 0 6px #ff3b48) drop-shadow(0 0 13px rgba(255,59,72,.78));}
.hrl-rail:hover .wglyph--lore .wg-gem{animation-duration:1.3s;}
.hrl-rail:hover .wglyph--lore .wg-gleam{animation:wg-gleam 1.15s ease-out infinite;}
/* WL: mobile hardening 2026-07-29 - footer brand shrink + site-wide x-clip */
.site-footer--fat .ftr-brand{min-width:0;}
.site-footer--fat .ftr-brand__txt{min-width:0;}
@media (max-width:480px){.site-footer--fat .ftr-logo{height:60px;}}
html{overflow-x:clip;}
/* WL: Media dropdown - Lore Feed live row (gem glyph, links /lore-feed/) */
.nav7 .mega7--studio .mfeed{grid-column:1/-1;min-width:0;display:flex;align-items:center;gap:13px;padding:11px 14px;margin-bottom:13px;border:1px solid var(--c-line-strong,#2b3038);border-left:3px solid var(--c-red-bright,#ff3b48);border-radius:9px;background:radial-gradient(130% 170% at 0 0,rgba(255,59,72,.13),transparent 55%),linear-gradient(180deg,#15171c,#0d0f13);text-decoration:none;position:relative;overflow:hidden;}
.nav7 .mega7--studio .mfeed:hover{border-color:var(--c-red-bright,#ff3b48);}
.mfeed-mk{display:inline-flex;flex:none;}
.mfeed-mk .wglyph{width:17px;height:17px;}
.mfeed-l{display:flex;flex-direction:column;gap:2px;min-width:0;margin-right:auto;}
.mfeed-k{font-family:var(--font-mono,monospace);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-red-bright,#ff3b48);}
.mfeed-nm{font-family:var(--font-display,'Anton',sans-serif);text-transform:uppercase;font-size:20px;line-height:1;color:#fff;letter-spacing:.01em;}
.mfeed-meta{font-size:11px;color:var(--c-text-muted,#9aa2ad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mfeed-cta{flex:none;background:var(--c-red,#e11d2a);color:#fff;font-family:var(--font-cond,'Oswald',sans-serif);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:12px;padding:.58em 1em;border-radius:6px;}
.nav7 .mega7--studio .mfeed:hover .mfeed-cta{background:var(--c-red-bright,#ff3b48);}
.nav7 .mega7--studio .mfeed:hover .wglyph--lore{filter:drop-shadow(0 0 6px #ff3b48) drop-shadow(0 0 13px rgba(255,59,72,.78));}
.nav7 .mega7--studio .mfeed:hover .wglyph--lore .wg-gem{animation-duration:1.3s;}
.nav7 .mega7--studio .mfeed:hover .wglyph--lore .wg-gleam{animation:wg-gleam 1.15s ease-out infinite;}

/* WL: Surprise Me restored to approved v3_2 - curated trivia, hover panel, gold button, spinning gem */
.sm-ctrl{position:fixed;right:22px;bottom:22px;z-index:60;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;gap:10px;opacity:0;transform:translateY(18px);visibility:hidden;pointer-events:none;transition:opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1),visibility .5s;}
.sm-ctrl.is-live{opacity:1;transform:none;visibility:visible;pointer-events:auto;}
.sm-panel{position:absolute;right:0;bottom:100%;margin-bottom:10px;width:252px;max-width:calc(100vw - 40px);opacity:0;transform:translateY(10px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .2s ease,transform .28s cubic-bezier(.19,1,.22,1);background:linear-gradient(180deg,var(--c-bg-elev-1),#0c0d11);border:1px solid var(--c-line);border-radius:10px;overflow:hidden;box-shadow:0 20px 48px #000d;}
.sm-ctrl:hover .sm-panel,.sm-ctrl:focus-within .sm-panel,.sm-ctrl.is-open .sm-panel{opacity:1;transform:none;pointer-events:auto;}
/* Open the panel only when the button (or the already-open panel) is hovered,
   never the empty column above it. The panel is lifted out of flow so
   .sm-ctrl's hover box is just the button; a transparent bridge spans the 10px
   gap so the cursor can travel from button into the panel without flicker. */
.sm-btn{position:relative;}
.sm-btn::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:12px;pointer-events:none;}
.sm-ctrl:hover .sm-btn::before,.sm-ctrl:focus-within .sm-btn::before,.sm-ctrl.is-open .sm-btn::before{pointer-events:auto;}
.sm-dyk{padding:11px 13px 9px;border-bottom:1px solid var(--c-line);}
.sm-dyk__h{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-gold-dim);}
.sm-dyk__t{margin:.32em 0 0;font-size:11.5px;line-height:1.42;color:var(--c-text-muted);}
.sm-row{display:flex;align-items:center;gap:.6em;width:100%;padding:.6em .82em;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;text-align:left;text-decoration:none;font:inherit;}
.sm-row:last-child{border-bottom:0;}
.sm-row:hover{background:var(--c-bg-elev-2);}
.sm-row__i{flex:none;width:20px;color:var(--c-gold);display:grid;place-items:center;}
.sm-row__t{flex:1;font-family:var(--font-cond);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:12px;color:var(--c-text);}
.sm-row:hover .sm-row__t{color:var(--c-gold-bright);}
.sm-row__s{font-family:var(--font-mono);font-size:9.5px;color:var(--c-text-dim);letter-spacing:.05em;}
.sm-btn{display:inline-flex;align-items:center;gap:.5em;background:var(--c-gold);color:#181200;cursor:pointer;border:0;font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;padding:.66em 1.15em;border-radius:6px;box-shadow:0 12px 30px #000a;transition:.15s;}
.sm-btn:hover{background:var(--c-gold-bright);transform:translateY(-2px);}
.sm-btn .wglyph{filter:none;}
.sm-btn .wglyph--sale .wg-spark{fill:#5a3d00;}
.sm-btn .wglyph--sale .wg-core{fill:#181200;}
.sm-btn:hover .wglyph--sale .wg-spin{animation-duration:3.4s;}
.sm-btn__lbl{line-height:1;}
@media (max-width:560px){.sm-ctrl{right:12px;bottom:12px;}.sm-panel{width:min(252px,calc(100vw - 24px));}}

/* ===== Explore ticket-stub floater — collapsed teaser that expands on hover (Design A) ===== */
.f2-explore{position:fixed;left:20px;bottom:20px;z-index:90;opacity:0;transform:translateY(18px);pointer-events:none;visibility:hidden;transition:opacity .5s var(--ease),transform .5s var(--ease);}
.f2-explore.is-live{opacity:1;transform:none;pointer-events:auto;visibility:visible;}
.f2-stub{position:relative;display:flex;align-items:center;justify-content:center;height:132px;padding:0 13px;cursor:pointer;border:0;border-left:3px solid var(--c-gold);border-radius:0 8px 8px 0;background:linear-gradient(180deg,var(--c-bg-elev-2),#0c0d11);box-shadow:0 14px 34px rgba(0,0,0,.55);transition:transform .3s cubic-bezier(.19,1,.22,1),box-shadow .3s,opacity .18s;}
.f2-stub::before,.f2-stub::after{content:"";position:absolute;left:-6px;width:11px;height:11px;border-radius:50%;background:var(--c-bg);border:1px solid var(--c-gold-dim);}
.f2-stub::before{top:-6px;}
.f2-stub::after{bottom:-6px;}
.f2-stub__v{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--c-text);}
.f2-stub__gleam{position:absolute;left:-1px;top:0;bottom:0;width:12px;overflow:hidden;pointer-events:none;}
.f2-stub__gleam::after{content:"";position:absolute;left:-4px;width:9px;height:42%;top:-42%;background:linear-gradient(180deg,transparent,rgba(242,204,75,.9),transparent);filter:blur(2.5px);animation:f2edge 3.8s ease-in-out infinite;}
@keyframes f2edge{0%{top:-42%;}62%,100%{top:118%;}}
.f2-stub:hover{transform:translateX(3px);box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 0 1px var(--c-gold-dim);}
.f2-stub:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px;}
.f2-explore:hover .f2-stub,.f2-explore:focus-within .f2-stub{opacity:0;transform:translateX(-14px);pointer-events:none;}
.f2-explore .f2-card{position:absolute;left:0;bottom:0;transform:translateX(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .3s cubic-bezier(.19,1,.22,1),visibility .2s;}
.f2-explore:hover .f2-card,.f2-explore:focus-within .f2-card{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
@media (prefers-reduced-motion:reduce){.f2-stub__gleam::after{animation:none;}.f2-explore,.f2-explore .f2-card,.f2-stub{transition:none;}}
@media (max-width:560px){
  .f2-explore{left:10px;bottom:10px;}
  .f2-stub{display:none;}
  .f2-explore .f2-card{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
}
/* Surprise Me row icons — Lore Wrestler (mask) + Lore Match (ring): animate on hover */
.ico-mask,.ico-ring{display:block;transition:transform .25s cubic-bezier(.19,1,.22,1);}
.ico-mask .eye{fill:currentColor;transform-box:fill-box;transform-origin:center;}
.ico-ring .rope{transform-box:fill-box;transform-origin:center;}
.sm-row:hover .sm-row__i{color:var(--c-gold-bright);}
.sm-row--wrestler:hover .ico-mask{animation:sm-maskbob .8s ease-in-out;}
.sm-row--wrestler:hover .ico-mask .eye{animation:sm-blink 1s ease-in-out;}
.sm-row--match:hover .ico-ring{animation:sm-ringpulse .7s ease-in-out;}
.sm-row--match:hover .ico-ring .rope{animation:sm-ropebounce .7s ease-in-out;}
@keyframes sm-maskbob{0%,100%{transform:translateY(0) rotate(0);}30%{transform:translateY(-1.5px) rotate(-5deg);}70%{transform:translateY(-1.5px) rotate(5deg);}}
@keyframes sm-blink{0%,40%,60%,100%{transform:scaleY(1);}48%,52%{transform:scaleY(.15);}}
@keyframes sm-ringpulse{0%,100%{transform:scale(1);}45%{transform:scale(1.13);}}
@keyframes sm-ropebounce{0%,100%{transform:translateY(0);}50%{transform:translateY(1.2px);}}

/* ============================================================
   GALLERY HUB — SCHEDULE CALENDAR (cal3) + legend (lg3) + FAQ (gfaq)
   + SHARE MENU (wlsm). Added 2026-07-29. All classes new/scoped.
   ============================================================ */
.lg3row{display:flex;flex-wrap:wrap;gap:9px 8px;margin:var(--sp-5,1.25rem) 0 var(--sp-3,.75rem);align-items:center}
.lg3{display:inline-flex;align-items:center;gap:7px;background:var(--c-bg-elev-1,#121418);border:1px solid var(--c-line,#2b3038);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--c-text-muted,#a2a9b4)}
.lg3__d{width:10px;height:10px;border-radius:3px;display:inline-block}
.lg3__d--sp{background:#c084fc;border-radius:50%}
.lg3__d--gold{background:linear-gradient(145deg,var(--c-gold-bright,#f2cc4b),var(--c-gold,#d4af37));box-shadow:0 0 10px rgba(212,175,55,.55);width:13px;height:13px;border-radius:4px}
.lg3--gold{color:var(--c-gold-bright,#f2cc4b);border-color:#4a3a12;background:linear-gradient(180deg,#191307,#0f0f12)}

.cal3{margin-top:var(--sp-3,.75rem);border:1px solid var(--c-line,#2b3038);border-radius:16px;background:linear-gradient(180deg,#0e1014,#0b0c0f);padding:16px;box-shadow:0 30px 80px -40px #000}
.cal3__top{display:flex;align-items:baseline;justify-content:space-between;padding:4px 6px 14px;flex-wrap:wrap;gap:8px}
.cal3__mo{font-family:var(--font-display,Anton),sans-serif;font-size:26px;letter-spacing:.02em;text-transform:uppercase;color:var(--c-text,#e8eaed)}
.cal3__mo b{color:var(--c-gold,#d4af37);font-weight:400}
.cal3__hint{color:var(--c-text-dim,#6b727d);font-size:12px;font-weight:600}
.cal3-head{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}
.cal3-head span,.cal3-h{font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.16em;color:var(--c-text-dim,#6b727d);padding-left:4px;text-transform:uppercase}
.cal3-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.cal3-cell{min-height:126px;border:1px solid var(--c-line,#2b3038);border-radius:11px;background:var(--c-bg-elev-1,#121418);padding:9px 9px 10px;display:flex;flex-direction:column;gap:7px;position:relative;overflow:hidden;text-decoration:none}
.cal3-cell--empty{background:transparent;border:1px dashed #16181d;opacity:.4;min-height:0}
.cal3-d{display:flex;align-items:center;justify-content:space-between}
.cal3-d b{font-family:var(--font-cond,Oswald),sans-serif;font-weight:700;font-size:20px;line-height:1;color:var(--c-text,#e8eaed)}
.cal3-d small{font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.12em;color:var(--c-text-dim,#6b727d);text-transform:uppercase}
.cal3-chip{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:7px;background:var(--c-bg-elev-2,#15181e);border-left:3px solid var(--c-line-strong,#3a414c);position:relative;text-align:left}
.cal3-co{font-family:var(--font-mono,monospace);font-size:8.5px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:1px}
.cal3-nm{font-family:var(--font-cond,Oswald),sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.02em;color:var(--c-text,#e8eaed);line-height:1.1}
.cal3-chip small{font-family:var(--font-mono,monospace);font-size:8.5px;letter-spacing:.06em;color:var(--c-text-dim,#6b727d);text-transform:uppercase}
.cal3-chip--wwe{border-left-color:var(--c-wwe,#c8102e)}.cal3-chip--wwe .cal3-co{color:#ff8a95}.cal3-chip--wwe .cal3-nm{color:#ff9aa4}
.cal3-chip--nxt{border-left-color:var(--c-nxt,#f5c518)}.cal3-chip--nxt .cal3-co{color:#f2d873}.cal3-chip--nxt .cal3-nm{color:#ffe98a}
.cal3-chip--aew{border-left-color:var(--c-aew,#c8a24a)}.cal3-chip--aew .cal3-co{color:#e6c983}.cal3-chip--aew .cal3-nm{color:#efce8f}
.cal3-chip--tna{border-left-color:var(--c-tna,#1e73be)}.cal3-chip--tna .cal3-co{color:#8fc4f0}.cal3-chip--tna .cal3-nm{color:#a9d3f6}
.cal3-chip--sp{border-left-color:#c084fc;background:linear-gradient(180deg,#1b1424,#141019)}
.cal3-chip--sp .cal3-co{color:#cbb0ef}.cal3-chip--sp .cal3-nm{color:#e2c6ff}
.cal3-chip--sp::after{content:"PLE";position:absolute;top:6px;right:7px;font-family:var(--font-mono,monospace);font-size:8px;letter-spacing:.1em;color:#c9a6f2;border:1px solid #3d2f52;border-radius:4px;padding:1px 3px}
a.cal3-cell--live{background:linear-gradient(180deg,#12130f,#0d0e0b);border-color:#3c3213;cursor:pointer;transition:transform .15s,border-color .15s}
a.cal3-cell--live:hover{transform:translateY(-3px);border-color:var(--c-gold,#d4af37)}
a.cal3-cell--live .cal3-d b{color:var(--c-gold-bright,#f2cc4b)}
a.cal3-cell--live::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--c-gold,#d4af37),var(--c-gold-bright,#f2cc4b),transparent)}
.cal3-tag{margin-top:auto;font-family:var(--font-mono,monospace);font-size:8.5px;letter-spacing:.1em;color:var(--c-gold-bright,#f2cc4b)}
.cal3__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 6px 4px;color:var(--c-text-dim,#6b727d);font-size:12px;font-weight:600}
.cal3__foot b{color:var(--c-gold-bright,#f2cc4b)}
@media(max-width:820px){
  .cal3-head{display:none}
  .cal3-grid{grid-template-columns:1fr}
  .cal3-cell--empty{display:none}
  .cal3-cell{min-height:0;flex-direction:row;align-items:center;flex-wrap:wrap}
  .cal3-d{flex-direction:row;gap:8px;width:100%;justify-content:flex-start}
  .cal3-d small{font-size:11px}
  .cal3-chip{flex:1;min-width:130px}
  .cal3-tag{margin-top:0;margin-left:auto}
}

.gfaq{margin-top:var(--sp-7,2rem);border-top:1px solid var(--c-line,#2b3038);padding-top:var(--sp-5,1.25rem)}
.gfaq h2{font-family:var(--font-display,Anton),sans-serif;font-size:26px;text-transform:uppercase;letter-spacing:.01em;margin:0 0 var(--sp-4,1rem);color:var(--c-text,#e8eaed)}
.gfaq__item{border:1px solid var(--c-line,#2b3038);border-radius:11px;background:var(--c-bg-elev-1,#121418);padding:15px 17px;margin-bottom:10px}
.gfaq__item h3{font-family:var(--font-cond,Oswald),sans-serif;font-weight:600;font-size:15.5px;color:var(--c-text,#e8eaed);margin:0 0 5px}
.gfaq__item p{color:var(--c-text-muted,#a2a9b4);font-size:14px;margin:0}
.tw-nets{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}

/* ---- SHARE MENU (wlsm) — SMS-first ---- */
.wlsm{position:fixed;z-index:10010;width:238px;max-height:min(82vh,560px);overflow-y:auto;background:#14161c;border:1px solid var(--c-line,#2b3038);border-radius:13px;box-shadow:0 26px 64px rgba(0,0,0,.62);padding:8px}
.wlsm[hidden]{display:none}
.wlsm__h{font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.14em;color:var(--c-text-dim,#6b727d);text-transform:uppercase;padding:6px 8px 9px;margin:0}
.wlsm__row{display:flex;align-items:center;gap:11px;width:100%;padding:9px 8px;border-radius:9px;cursor:pointer;color:var(--c-text,#e8eaed);font-size:13.5px;font-weight:500;text-decoration:none;background:none;border:0;text-align:left;font-family:inherit}
.wlsm__row:hover{background:#1e222a}
.wlsm__ic{width:29px;height:29px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none;color:#fff;font-family:Arial,sans-serif}
.wlsm__ic--sms{background:#34C759}.wlsm__ic--x{background:#000;border:1px solid #2c313b}.wlsm__ic--rd{background:#FF4500}
.wlsm__ic--ig{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}
.wlsm__ic--wa{background:#25D366}.wlsm__ic--fb{background:#1877F2}.wlsm__ic--em{background:#565d68}
.wlsm__ic--cp{background:#20242c;border:1px solid var(--c-line,#2b3038);color:#cfd4dc}
.wlsm__ic--more{background:var(--c-gold-bright,#f2cc4b);color:#0a0b0d}
.wlsm__hint{margin-left:auto;font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.06em;color:var(--c-text-dim,#6b727d);text-transform:uppercase}
.wlsm__row--main{background:linear-gradient(180deg,#13251b,#0e1a13);border:1px solid #2e6b41;margin-bottom:7px;padding:11px 10px}
.wlsm__row--main:hover{background:linear-gradient(180deg,#173121,#0e1a13)}
.wlsm__lbl b{display:block;font-size:14px;color:var(--c-text,#e8eaed)}
.wlsm__lbl small{font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.12em;color:#7fd6a0;text-transform:uppercase}
.wlsm__arrow{margin-left:auto;color:var(--c-text-dim,#6b727d);font-size:15px}
.wlsm__div{height:1px;background:var(--c-line,#2b3038);border:0;margin:6px 4px}

/* home floaters own the corners: hide the site back-to-top on home */
body[data-home] .wl-totop{display:none!important;}

/* ===== Ring ticker (Lore Feed live strip) — universal, stamped into the nav on every page ===== */
.rt{background:#0a0b0d;border-bottom:1px solid var(--c-line);display:flex;align-items:center;height:40px;overflow:hidden;user-select:none;}
.rt-tag{flex:0 0 auto;display:flex;align-items:center;gap:.55em;padding:0 16px;height:100%;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-muted);border-right:1px solid var(--c-line);white-space:nowrap;}
.rt-live{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 auto;}
.rt-live-mk{display:block;filter:drop-shadow(0 0 3px rgba(33,224,106,.85));}
.rt-stage{position:relative;flex:1;min-width:0;height:100%;}
.rt-item{position:absolute;inset:0;display:flex;align-items:center;gap:.75em;padding:0 22px;opacity:0;transition:opacity .6s ease;pointer-events:none;white-space:nowrap;text-decoration:none;}
.rt-item.is-on{opacity:1;pointer-events:auto;}
.rt-sq{width:7px;height:7px;border-radius:1px;flex:0 0 auto;}
.rt-name{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-size:14px;color:var(--c-text);flex:0 0 auto;}
.rt-item:hover .rt-name{color:var(--c-gold-bright);}
.rt-txt{font-family:var(--font-sans);font-size:13px;color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;}
.rt-t{font-family:var(--font-mono);font-size:11px;color:var(--c-text-dim);margin-left:auto;flex:0 0 auto;padding-left:1em;letter-spacing:.03em;text-transform:uppercase;}
.rt-dots{flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:0 15px;height:100%;border-left:1px solid var(--c-line);}
.rt-dot{width:5px;height:5px;border-radius:99px;background:var(--c-line-strong);transition:background .3s;}
.rt-dot.is-on{background:var(--c-gold);}
.rt-more{flex:0 0 auto;display:flex;align-items:center;height:100%;padding:0 16px;border-left:1px solid var(--c-line);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold);text-decoration:none;white-space:nowrap;}
.rt-more:hover{color:var(--c-gold-bright);}
.ticker7.rt{border-bottom:1px solid var(--c-line,#2b3038);}
@keyframes rt-pulse{0%{box-shadow:0 0 0 0 rgba(255,59,72,.5)}70%{box-shadow:0 0 0 6px rgba(255,59,72,0)}100%{box-shadow:0 0 0 0 rgba(255,59,72,0)}}
@media(max-width:680px){.rt-dots{display:none;}}
@media(max-width:520px){.rt-more{display:none;}}

/* ============================================================= *
   RANKINGS HUB — spoiler-reveal card grid  (additive; scoped .rank-/.spoiler)
   Added for the Five-Star Club hub rebuild. Reuses design tokens.
 * ============================================================= */
.rank-hero__wrap{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-6);align-items:flex-end;justify-content:space-between}
.rank-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-5);
  padding:var(--sp-3) var(--sp-4);background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-md)}
.rank-controls__lede{display:flex;align-items:center;gap:.55em;font-size:var(--fs-300);color:var(--c-text-dim);margin-right:auto}
.rank-controls__lede svg{width:16px;height:16px;flex:none;color:var(--c-gold)}
.reveal-all{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-size:var(--fs-300);font-weight:700;
  display:inline-flex;align-items:center;gap:.5em;padding:.6em 1.1em;cursor:pointer;color:var(--c-gold-bright);
  background:var(--c-gold-tint);border:1px solid var(--c-gold-dim);border-radius:var(--r-pill);transition:all var(--dur) var(--ease)}
.reveal-all:hover{background:var(--c-gold);color:#150f00;border-color:var(--c-gold)}
.reveal-all__eye{width:15px;height:15px}
.reveal-all[aria-pressed="true"]{background:var(--c-bg-elev-2);color:var(--c-text-dim);border-color:var(--c-line)}

.rank-disclose{margin-top:var(--sp-4);font-size:var(--fs-300);color:var(--c-text-dim);line-height:1.5}
.rank-disclose a{color:var(--c-gold);text-decoration:none;font-weight:600}
.rank-disclose a:hover{color:var(--c-gold-bright)}
.rank-go,.related-links a{text-decoration:none}
/* writing-style rule 7: links carry color and weight, never an underline */
#main a{text-decoration:none}
#main .answer a,#main .muted a,#main .faq__body a{color:var(--c-gold);font-weight:600}
#main .answer a:hover,#main .muted a:hover,#main .faq__body a:hover{color:var(--c-gold-bright)}

/* --- the tier grids --- */
.rank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--sp-5);margin-top:var(--sp-5)}
.rank-grid--sm{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--sp-4)}
@media (max-width:520px){.rank-grid,.rank-grid--sm{grid-template-columns:1fr}}

/* --- the card --- */
.rank-card{position:relative;display:flex;flex-direction:column;isolation:isolate;
  background:linear-gradient(180deg,var(--c-bg-elev-1),var(--c-bg-elev-2));
  border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.rank-card:hover{transform:translateY(-3px);border-color:var(--c-gold-dim);
  box-shadow:0 14px 34px rgba(0,0,0,.5)}
.rank-card--five{border-color:color-mix(in oklab,var(--c-gold-dim) 70%,var(--c-line))}
.rank-card--five:hover{box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 0 1px var(--c-gold-dim),0 0 40px rgba(212,175,55,.10)}

/* rank chip */
.rank-no{position:absolute;top:0;left:0;z-index:4;display:flex;align-items:baseline;gap:.15em;
  padding:.32em .62em .34em;font-family:var(--font-cond);font-weight:700;line-height:1;
  background:linear-gradient(135deg,rgba(8,9,11,.94),rgba(8,9,11,.7));backdrop-filter:blur(4px);
  border-bottom-right-radius:var(--r-md);border:1px solid var(--c-line);border-top:0;border-left:0}
.rank-no b{font-size:1.5rem;background:linear-gradient(180deg,#f7e08a,var(--c-gold) 60%,var(--c-gold-dim));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.rank-no i{font-style:normal;font-size:.62rem;letter-spacing:.14em;color:var(--c-text-dim);text-transform:uppercase}

/* media zone: reuse .yt facade OR a branded crest poster */
.rank-card__media{position:relative;aspect-ratio:16/9;background:#0a0b0d;overflow:hidden}
.rank-card__media .yt{border-radius:0}
/* the card body already shows the matchup; drop the facade's built-in title overlay
   so it never collides with the rank badge. Keep thumbnail + play button. */
.rank-card__media .yt__meta{display:none}
.rank-poster{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:.2em;text-decoration:none;
  background:radial-gradient(120% 140% at 50% 0%,color-mix(in oklab,var(--pc,#3a3f4a) 42%,#0a0b0d) 0%,#0a0b0d 66%)}
.rank-poster__mono{font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.02em;
  font-size:clamp(1.5rem,1rem+3vw,2.4rem);line-height:.94;color:#f2f3f5}
.rank-poster__mono .x{color:var(--c-red);margin:0 .18em;font-size:.7em;vertical-align:.06em}
.rank-poster__k{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-dim)}
.rank-poster__watch{position:absolute;right:var(--sp-2);bottom:var(--sp-2);font-family:var(--font-cond);text-transform:uppercase;
  letter-spacing:.06em;font-size:10px;color:var(--c-text-dim);display:inline-flex;align-items:center;gap:.35em}
.rank-poster:hover .rank-poster__watch{color:var(--c-gold-bright)}

/* body */
.rank-card__body{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4)}
.rank-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5em}
.rank-era{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:var(--c-text-dim)}
.rank-card__title{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.01em;font-size:var(--fs-500);line-height:1.05;margin:0}
.rank-card__title a{color:var(--c-text);text-decoration:none;transition:color var(--dur) var(--ease)}
.rank-card__title a:hover{color:var(--c-gold-bright)}
.rank-card__event{font-size:var(--fs-300);color:var(--c-text-dim);margin:0}
.rank-card__rating{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.rank-card__rating .rating__stars{font-size:1rem}
.rank-score{font-family:var(--font-cond);font-size:1.15rem;color:var(--c-gold-bright);line-height:1}
.rank-src{font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;color:var(--c-text-dim)}

/* ---- the spoiler ---- */
.spoiler{position:relative;margin-top:auto;padding:var(--sp-3) var(--sp-3);border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--c-gold-dim);background:linear-gradient(180deg,var(--c-gold-tint),transparent)}
.spoiler__label{display:flex;align-items:center;gap:.4em;font-family:var(--font-cond);text-transform:uppercase;
  letter-spacing:.09em;font-size:11px;color:var(--c-gold)}
.spoiler__value{display:block;margin-top:.35em;transition:filter .55s var(--ease),opacity .55s var(--ease)}
.spoiler__winner{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.01em;font-size:var(--fs-500);color:var(--c-gold-bright);display:block;line-height:1.02}
.spoiler__result{font-size:var(--fs-300);color:var(--c-text-muted)}
.spoiler:not(.is-on) .spoiler__value{filter:blur(9px);opacity:.55;user-select:none}
.spoiler__btn{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;
  width:100%;cursor:pointer;color:#fff;border:0;background:linear-gradient(180deg,rgba(9,10,12,.28),rgba(9,10,12,.62));
  transition:background var(--dur) var(--ease)}
.spoiler__btn:hover{background:linear-gradient(180deg,rgba(9,10,12,.12),rgba(9,10,12,.5))}
.spoiler__btn .eye{width:20px;height:20px;color:var(--c-gold-bright);filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));animation:spoilPulse 2.4s var(--ease) infinite}
.spoiler__btn .cue{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.1em;font-size:var(--fs-300);font-weight:700;
  text-shadow:0 1px 6px rgba(0,0,0,.7)}
.spoiler__btn .cue b{color:var(--c-gold-bright)}
.spoiler.is-on .spoiler__btn{opacity:0;pointer-events:none}
.spoiler.is-on{border-color:var(--c-gold)}
.spoiler.is-on .spoiler__value{animation:spoilReveal .6s var(--ease)}
.spoiler.is-on::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(242,204,75,.35) 50%,transparent 70%);
  transform:translateX(-120%);animation:spoilSheen .7s var(--ease) 1}
@keyframes spoilPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}
@keyframes spoilReveal{0%{filter:blur(9px);opacity:.4;transform:scale(.98)}100%{filter:blur(0);opacity:1;transform:scale(1)}}
@keyframes spoilSheen{to{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){
  .spoiler__btn .eye{animation:none}
  .spoiler.is-on .spoiler__value{animation:none}
  .spoiler.is-on::after{display:none}
}

/* footer link row */
.rank-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:var(--sp-2)}
.rank-go{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:var(--fs-300);font-weight:700;
  color:var(--c-gold-bright);text-decoration:none}
.rank-go:hover{color:var(--c-gold)}
.rank-badge-vid{display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--c-text-dim)}
.rank-badge-vid svg{width:12px;height:12px;color:var(--c-red)}

/* compact archive cards (4.0 / 3.5) */
.rank-card--sm .rank-card__body{padding:var(--sp-3)}
.rank-card--sm .rank-card__title{font-size:var(--fs-400)}

/* ============================================================= *
   HERO — main spotlight + selectable side rail (v4)   + filter
 * ============================================================= */
.rank-hero{position:relative;margin-top:var(--sp-5);display:grid;grid-template-columns:1.7fr 1fr;gap:var(--sp-3)}
@media (max-width:860px){.rank-hero{grid-template-columns:1fr}}
.rhero__main{position:relative;border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;background:#0a0b0d;min-height:clamp(360px,33vw,430px)}
.rhero__stage{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.rhero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease)}
.rhero__slide.is-active{opacity:1;visibility:visible;z-index:2}
.rhero__bg{position:absolute;inset:0;background-size:cover;background-position:center 20%;transform:scale(1.05)}
.rhero__slide.is-active .rhero__bg{animation:rheroZoom 9s var(--ease) forwards}
@keyframes rheroZoom{from{transform:scale(1.05)}to{transform:scale(1.12)}}
.rhero__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.95) 0%,rgba(6,7,9,.72) 46%,rgba(6,7,9,.34) 78%,rgba(6,7,9,.55) 100%),linear-gradient(0deg,rgba(6,7,9,.96),rgba(6,7,9,.12) 62%)}
.rhero__content{position:relative;z-index:3;height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--sp-2);padding:clamp(var(--sp-4),2.4vw,var(--sp-6));max-width:min(600px,96%)}
.rhero__badges{display:flex;flex-wrap:wrap;align-items:center;gap:.45em}
.rhero__rank{font-family:var(--font-cond);font-weight:700;font-size:1.05rem;color:#150f00;background:linear-gradient(180deg,#f7e08a,var(--c-gold));padding:.05em .45em;border-radius:5px;line-height:1}
.rhero__tag{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:700;color:var(--c-gold-bright);border:1px solid var(--c-gold-dim);padding:.3em .6em;border-radius:999px}
.rhero__title{font-family:var(--anton,var(--font-cond));text-transform:uppercase;line-height:.95;font-size:clamp(1.7rem,1rem+2.7vw,2.9rem);margin:.05em 0 0}
.rhero__title a{color:#fff;text-decoration:none;transition:color var(--dur)}
.rhero__title a:hover{color:var(--c-gold-bright)}
.rhero__meta{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;color:#d3d7de;font-size:var(--fs-300)}
.rhero__rating{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
.rhero__rating .rating__stars{font-size:1rem}.rhero__rating .rank-score{font-size:1.2rem}
.rhero__hook{color:#c3c7cf;font-size:var(--fs-300);max-width:56ch;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rhero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);margin-top:var(--sp-2)}
.rhero__watch{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:var(--fs-300);color:#fff;cursor:pointer;border:0;border-radius:var(--r-pill);padding:.66em 1.2em;background:linear-gradient(180deg,var(--c-red-bright),var(--c-red));box-shadow:0 6px 18px rgba(225,29,42,.3)}
.rhero__watch svg{width:15px;height:15px;fill:currentColor}
.rhero__watch:hover{filter:brightness(1.09)}
.rhero__break{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:var(--fs-300);color:var(--c-gold-bright);text-decoration:none}
.rhero__break:hover{color:var(--c-gold)}
.rhero__safe{display:inline-flex;align-items:center;gap:.4em;font-size:10.5px;color:#aeb2ba;font-family:var(--font-mono)}
.rhero__safe svg{width:12px;height:12px}
.rhero__side{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}
.rhero__railhead{display:flex;align-items:center;justify-content:space-between;gap:.5em}
.rhero__railttl{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;color:var(--c-text-dim)}
.rhero__pause{width:28px;height:28px;border-radius:50%;display:grid;place-content:center;background:var(--c-bg-elev-1);border:1px solid var(--c-line);color:var(--c-text-muted);cursor:pointer;font-size:10px;line-height:1}
.rhero__pause:hover{border-color:var(--c-gold-dim);color:var(--c-gold-bright)}
.rhero__rail{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1}
.rrail{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6em;text-align:left;cursor:pointer;background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-left:3px solid transparent;border-radius:var(--r-md);padding:.55em .75em;transition:border-color var(--dur),background var(--dur)}
.rrail:hover{border-color:var(--c-gold-dim)}
.rrail.is-on{border-left-color:var(--c-gold);background:var(--c-gold-tint)}
.rrail__no{font-family:var(--font-cond);font-weight:700;color:var(--c-gold-bright);font-size:.95rem;min-width:1.5em;text-align:center}
.rrail__body{min-width:0}
.rrail__nm{display:block;font-family:var(--font-cond);text-transform:uppercase;font-size:13px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--c-text)}
.rrail.is-on .rrail__nm{color:var(--c-gold-bright)}
.rrail__meta{display:block;margin-top:1px;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:var(--c-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rrail__sc{font-family:var(--font-cond);color:var(--c-gold-bright);font-size:.9rem}
.rhero__rate{display:block;background:var(--c-bg-elev-1);border:1px solid var(--c-gold-dim);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);text-decoration:none}
.rhero__rate:hover{border-color:var(--c-gold)}
.rhero__rateh{display:flex;align-items:baseline;gap:.5em}
.rhero__rateh b{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--c-gold)}
.rhero__rateh span{font-family:var(--font-cond);color:var(--c-gold-bright);font-size:1.05rem;margin-left:auto}
.rhero__rate p{font-size:11.5px;color:var(--c-text-muted);margin:.35em 0 0;line-height:1.45}
.rhero__rate .go{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;color:var(--c-gold-bright);margin-top:.45em;display:inline-block}
@media (prefers-reduced-motion:reduce){.rhero__slide{transition:none}.rhero__slide.is-active .rhero__bg{animation:none}}
@media (max-width:860px){.rhero__main{min-height:340px}}

/* promotion filter */
.rank-filter{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin:var(--sp-6) 0 calc(var(--sp-5)*-1)}
.rank-filter__lbl{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:var(--c-text-dim);margin-right:.3em}
.rfil{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600;padding:.48em .95em;
  border-radius:999px;border:1px solid var(--c-line);background:var(--c-bg-elev-1);color:var(--c-text-muted);cursor:pointer;transition:all var(--dur)}
.rfil:hover{border-color:var(--c-gold-dim);color:var(--c-gold-bright)}
.rfil.is-on{background:var(--c-gold);border-color:var(--c-gold);color:#150f00}
.rank-card.is-hidden{display:none}

/* ============================================================= *
   MATCH EXPLORER (v6): filter by rating + promotion, sort, paginate
   + equal-height cards so the reveal aligns + rating badge (no rank)
 * ============================================================= */
.rank-explorer{margin-top:var(--sp-4)}
.rex-controls{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);align-items:center;
  padding:var(--sp-3) var(--sp-4);background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-md)}
.rex-group{display:flex;align-items:center;gap:.55em;flex-wrap:wrap}
.rex-lbl{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:var(--c-text-dim)}
.rex-seg{display:inline-flex;background:var(--c-bg-elev-2);border:1px solid var(--c-line);border-radius:var(--r-pill);padding:3px;gap:2px}
.rex-seg button{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600;
  padding:.42em .9em;border:0;background:transparent;color:var(--c-text-muted);cursor:pointer;border-radius:var(--r-pill);transition:all var(--dur) var(--ease)}
.rex-seg button:hover{color:var(--c-gold-bright)}
.rex-seg button.is-on{background:linear-gradient(180deg,#f7e08a,var(--c-gold));color:#150f00}
.rex-spacer{margin-left:auto}
.rex-count{font-family:var(--font-mono);font-size:11px;color:var(--c-text-dim);white-space:nowrap}
.rex-promos{display:flex;flex-wrap:wrap;gap:.4em;margin-top:var(--sp-3);align-items:center}

.rex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4);margin-top:var(--sp-4);
  transition:opacity .25s var(--ease)}
.rex-grid.rex-fade{opacity:0}
@media (max-width:520px){.rex-grid{grid-template-columns:1fr}}
.rex-empty{padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--c-text-dim);
  font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em}

/* pager */
.rex-pager{display:flex;justify-content:center;align-items:center;gap:.4em;margin-top:var(--sp-6);flex-wrap:wrap}
.rex-pg{min-width:40px;height:40px;padding:0 .7em;display:grid;place-content:center;font-family:var(--font-cond);font-weight:700;
  font-size:14px;border:1px solid var(--c-line);background:var(--c-bg-elev-1);color:var(--c-text-muted);cursor:pointer;
  border-radius:var(--r-md);transition:all var(--dur) var(--ease)}
.rex-pg:hover:not([disabled]){border-color:var(--c-gold-dim);color:var(--c-gold-bright);transform:translateY(-1px)}
.rex-pg.is-on{background:linear-gradient(180deg,#f7e08a,var(--c-gold));color:#150f00;border-color:var(--c-gold)}
.rex-pg[disabled]{opacity:.3;cursor:default}
.rex-pg--nav{font-size:20px;line-height:1}

/* rating badge — replaces the rank number. It is a RATING, not a rank. */
.rank-rate{position:absolute;top:0;left:0;z-index:4;display:inline-flex;align-items:center;gap:.15em;
  padding:.34em .6em .36em;font-family:var(--font-cond);font-weight:700;line-height:1;font-size:1rem;color:#161007;
  background:linear-gradient(135deg,#f7e08a,var(--c-gold) 70%,var(--c-gold-dim));border-bottom-right-radius:var(--r-md)}
.rank-rate small{font-size:.62em;letter-spacing:.02em}
.rank-rate--half{background:linear-gradient(135deg,#eef1f6,#9aa3b2);color:#14171c}
.rank-rate--four{background:linear-gradient(135deg,#e0be93,#a97b48);color:#160f06}

/* equal-height cards: fix the region heights so the reveal box lines up across every card */
.rex-grid .rank-card__body{gap:var(--sp-2)}
.rex-grid .rank-card__title{min-height:2.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rex-grid .rank-card__event{min-height:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rex-grid .rank-card__rating{min-height:1.3em;flex-wrap:nowrap}
.rex-grid .rank-src{min-height:1.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rex-grid .spoiler{min-height:88px}
.rex-grid .rank-card__foot{min-height:1.5em}

/* streaming link-out on non-video cards */
.rank-stream{display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-cond);text-transform:uppercase;
  letter-spacing:.05em;font-size:11px;color:var(--c-text-dim);text-decoration:none}
.rank-stream:hover{color:var(--c-gold-bright)}

/* ============================================================= *
   MATCH EXPLORER — search bar (additive; scoped .rex-search)
 * ============================================================= */
.rex-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:var(--sp-4)}
.rex-search-ic{position:absolute;left:14px;width:18px;height:18px;color:var(--c-text-dim);pointer-events:none}
.rex-search{width:100%;font:inherit;font-size:1rem;color:var(--c-text);background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-md);padding:.85em 2.6em .85em 2.9em;transition:border-color var(--dur),box-shadow var(--dur);-webkit-appearance:none;appearance:none}
.rex-search::placeholder{color:var(--c-text-dim)}
.rex-search:focus{outline:none;border-color:var(--c-gold);box-shadow:0 0 0 3px var(--c-gold-tint)}
.rex-search::-webkit-search-cancel-button{-webkit-appearance:none}
.rex-search-x{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:20px;line-height:1;color:var(--c-text-dim);background:none;border:0;border-radius:50%;cursor:pointer;transition:color var(--dur),background var(--dur)}
.rex-search-x:hover{color:var(--c-text);background:var(--c-gold-tint)}

/* ============================================================= *
   RANKINGS HUB — ranked list + category directory (scoped .rkh-)
 * ============================================================= */
.rkh-list{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.rkh-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-3);background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-left:3px solid transparent;border-radius:var(--r-md);padding:.7em 1em;transition:border-color var(--dur),transform var(--dur)}
.rkh-row:hover{border-left-color:var(--c-gold-dim);transform:translateX(2px)}
.rkh-row--top{border-left-color:var(--c-gold)}
.rkh-no{font-family:var(--font-cond);font-weight:700;font-size:1.5rem;line-height:1;color:var(--c-text-dim);min-width:1.7em;text-align:center}
.rkh-row--top .rkh-no{color:var(--c-gold-bright)}
.rkh-body{min-width:0}
.rkh-nm{display:block;font-family:var(--font-cond);text-transform:uppercase;font-size:1.05rem;line-height:1.15;color:var(--c-text);text-decoration:none}
.rkh-nm:hover{color:var(--c-gold-bright)}
.rkh-meta{display:flex;align-items:center;gap:.5em;margin-top:3px;flex-wrap:wrap}
.rkh-ev{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--c-text-dim)}
.rkh-rt{display:flex;align-items:center;gap:.5em;white-space:nowrap}
.rkh-sc{font-family:var(--font-cond);color:var(--c-gold-bright);font-size:1.05rem}
@media (max-width:560px){.rkh-rt .rating{display:none}.rkh-no{font-size:1.2rem;min-width:1.3em}}
.rkh-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--sp-3);margin-top:var(--sp-4)}
.rkh-cat{display:flex;flex-direction:column;gap:.4em;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-4);text-decoration:none;transition:border-color var(--dur),transform var(--dur)}
.rkh-cat:hover{border-color:var(--c-gold-dim);transform:translateY(-2px)}
.rkh-cat__ic{width:26px;height:26px;color:var(--c-gold-bright)}
.rkh-cat__h{font-family:var(--font-cond);text-transform:uppercase;font-size:1.15rem;color:var(--c-text)}
.rkh-cat__d{font-size:.9rem;color:var(--c-text-dim);line-height:1.4;flex:1}
.rkh-cat__go{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--c-gold-bright)}

/* LOREFEED:START */
/* ===== The Lore Feed — editorial newsroom styles. Tokens/fonts live in site.css :root. ===== */
.lf-wrap{max-width:1160px;margin:0 auto;padding:0 20px 80px;}
.lf-wrap--week{padding-top:8px;}

/* masthead */
.lf-mast{padding:26px 0 0;border-bottom:2px solid var(--c-gold-dim);}
.lf-mast__rule{display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-gold-dim);padding-bottom:12px;}
.lf-mast__rule .mid{color:var(--c-text-dim);letter-spacing:.14em;}
.lf-hairline{height:1px;background:linear-gradient(90deg,transparent,var(--c-gold-dim) 12%,var(--c-gold-dim) 88%,transparent);border:0;margin:0;}
.lf-logo{font-family:var(--font-display,"Anton");text-transform:uppercase;text-align:center;font-size:clamp(2.6rem,10vw,6.6rem);line-height:.88;letter-spacing:.005em;margin:14px 0 12px;color:#fff;}
.lf-logo .the{display:block;font-family:var(--font-cond,"Oswald");font-weight:600;font-size:clamp(.75rem,2.2vw,1.1rem);letter-spacing:.42em;color:var(--c-gold);margin-bottom:.35em;text-indent:.42em;}
.lf-mast__foot{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid var(--c-line);padding:12px 0 16px;}
.lf-dateline{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-muted);white-space:nowrap;}
.lf-standfirst{font-family:var(--font-cond);font-size:clamp(.9rem,2vw,1.05rem);color:var(--c-text-muted);text-align:center;flex:1;}
.lf-editions{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-gold-dim);white-space:nowrap;}
@media(max-width:720px){.lf-mast__foot{flex-direction:column;align-items:center;gap:6px;}.lf-standfirst{order:-1;}}

/* control desk */
.lf-desk{position:sticky;top:0;z-index:20;background:rgba(10,11,13,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line);margin:0 -20px;padding:12px 20px;}
.lf-desk__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;max-width:1160px;margin:0 auto;}
.lf-search{position:relative;flex:1;min-width:180px;}
.lf-search input{width:100%;background:var(--c-bg-elev-2);border:1px solid var(--c-line);border-radius:2px;color:var(--c-text);font-family:var(--font-cond);font-size:.95rem;padding:9px 12px 9px 34px;}
.lf-search input::placeholder{color:var(--c-text-dim);}
.lf-search input:focus{outline:none;border-color:var(--c-gold-dim);background:var(--c-bg-elev-3);}
.lf-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--c-text-dim);fill:none;stroke-width:2;}
.lf-chiprow{display:flex;flex-wrap:wrap;gap:6px;}
.lf-chip{font-family:var(--font-cond);font-weight:600;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;background:transparent;color:var(--c-text-muted);border:1px solid var(--c-line);border-radius:2px;padding:5px 11px;cursor:pointer;transition:border-color .15s,color .15s;}
.lf-chip:hover{color:var(--c-text);border-color:var(--c-line-strong);}
.lf-chip[aria-pressed="true"]{color:#fff;border-color:var(--chip,var(--c-gold));box-shadow:inset 0 -2px 0 var(--chip,var(--c-gold));}
.lf-chip__dot{display:inline-block;width:7px;height:7px;border-radius:1px;background:var(--chip,var(--c-gold));margin-right:6px;vertical-align:middle;transform:translateY(-1px);}
.lf-chiplabel{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-text-dim);align-self:center;}
.lf-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-dim);padding:18px 0 4px;}
.lf-count b{color:var(--c-gold);}

/* weekly recap */
.lf-recap{max-width:74ch;color:var(--c-text-muted);font-size:1.02rem;line-height:1.6;margin:6px 0 8px;border-left:2px solid var(--c-gold-dim);padding-left:16px;}

/* department headers */
.lf-dept{display:flex;align-items:center;gap:16px;margin:30px 0 20px;}
.lf-dept h2{font-family:var(--font-display,"Anton");text-transform:uppercase;font-size:clamp(1.3rem,3.2vw,1.9rem);line-height:1;margin:0;color:#fff;white-space:nowrap;}
.lf-dept .kk{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold);white-space:nowrap;}
.lf-dept .ln{flex:1;height:1px;background:var(--c-line);}
.lf-dept__more{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-gold);white-space:nowrap;}
.lf-dept__more:hover{color:var(--c-gold-bright);}

/* item base */
.lf-item{position:relative;}
.lf-item__link{display:block;height:100%;}
.lf-kicker{display:flex;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap;}
.lf-cat{font-family:var(--font-mono);font-weight:600;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--kc,var(--c-gold));}
.lf-promo{font-family:var(--font-cond);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--pc,var(--c-gold));padding:2px 7px;border-radius:1px;line-height:1.4;}
.lf-item[data-promo="nxt"] .lf-promo{color:#111;}
.lf-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:2px 6px;border:1px solid var(--c-line-strong);border-radius:1px;color:var(--c-text-dim);margin-left:auto;}
.lf-tag--official{color:var(--c-gold);border-color:var(--c-gold-dim);}
.lf-hl{font-family:var(--font-cond,"Oswald");font-weight:600;line-height:1.08;margin:0 0 8px;color:#fff;}
.lf-dek{color:var(--c-text-muted);font-size:.92rem;line-height:1.5;margin:0 0 12px;}
.lf-foot{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-dim);}
.lf-when{color:var(--c-text-muted);}
.lf-src::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--c-line-strong);margin-right:8px;vertical-align:middle;}

/* lead */
.lf-lead{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);padding:26px 0 28px;margin-bottom:8px;}
.lf-lead .lf-item__link{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;}
.lf-lead .lf-hl{font-family:var(--font-display,"Anton");text-transform:uppercase;font-size:clamp(1.9rem,5vw,3.4rem);line-height:.92;}
.lf-lead .lf-dek{font-size:1.05rem;line-height:1.55;}
.lf-lead__art{border:1px solid var(--c-line);background:radial-gradient(120% 120% at 20% 0%,color-mix(in srgb,var(--pc) 26%,transparent),transparent 60%),linear-gradient(160deg,var(--c-bg-elev-2),var(--c-bg-elev-1));aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:3px;}
.lf-lead__art::before{content:attr(data-mono);position:absolute;inset:0;display:flex;align-items:flex-end;padding:22px;font-family:var(--font-display,"Anton");text-transform:uppercase;font-size:clamp(2.2rem,6vw,4.4rem);line-height:.82;color:rgba(255,255,255,.06);}
.lf-lead__art::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--pc);}
.lf-lead__badge{position:absolute;top:16px;right:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold);border:1px solid var(--c-gold-dim);padding:5px 9px;border-radius:1px;background:rgba(0,0,0,.4);}
@media(max-width:760px){.lf-lead .lf-item__link{grid-template-columns:1fr;gap:20px;}.lf-lead__art{order:-1;aspect-ratio:16/9;}}

/* river */
.lf-river{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-line);border:1px solid var(--c-line);margin-top:22px;}
.lf-river .lf-item{background:var(--c-bg);padding:22px 20px;transition:background .15s;}
.lf-river .lf-item:hover{background:var(--c-bg-elev-1);}
.lf-river .lf-item::before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--pc);transition:height .2s;}
.lf-river .lf-item:hover::before{height:100%;}
.lf-river .lf-hl{font-size:1.18rem;}
.lf-river .lf-item.is-memoriam{grid-column:1/-1;text-align:center;background:var(--c-bg-elev-1);padding:30px 20px;}
.lf-river .lf-item.is-memoriam .lf-kicker{justify-content:center;}
.lf-river .lf-item.is-memoriam .lf-tag{margin-left:0;}
.lf-river .lf-item.is-memoriam .lf-hl{font-family:var(--font-display,"Anton");text-transform:uppercase;font-size:clamp(1.4rem,3.5vw,2rem);margin-top:4px;}
.lf-river .lf-item.is-memoriam .lf-foot{justify-content:center;}
.lf-river .lf-item.is-memoriam::before{display:none;}
@media(max-width:900px){.lf-river{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.lf-river{grid-template-columns:1fr;}}

/* week switcher bar (fast shifts between weeks) */
.lf-weekbar{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:8px 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);}
.lf-wrap--week .lf-weekbar{position:sticky;top:0;z-index:21;background:rgba(10,11,13,.92);backdrop-filter:blur(12px);margin:0 -20px;padding:8px 20px;}
.lf-wrap--week .lf-desk{position:static;}
.lf-wb__nav{flex:0 0 auto;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-gold);border:1px solid var(--c-line-strong);border-radius:2px;padding:6px 10px;white-space:nowrap;}
.lf-wb__nav:hover{color:var(--c-gold-bright);border-color:var(--c-gold-dim);}
.lf-wb__nav.is-off{color:var(--c-text-dim);border-color:var(--c-line);opacity:.5;pointer-events:none;}
.lf-wb__track{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px;}
.lf-wb__track::-webkit-scrollbar{display:none;}
.lf-wb__wk{flex:0 0 auto;font-family:var(--font-cond);font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted);border:1px solid var(--c-line);border-radius:2px;padding:5px 12px;white-space:nowrap;transition:border-color .15s,color .15s;}
.lf-wb__wk:hover{color:#fff;border-color:var(--c-line-strong);}
.lf-wb__wk.is-cur{color:#000;background:var(--c-gold);border-color:var(--c-gold);font-weight:700;}

/* week nav */
.lf-weeknav{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;padding-top:18px;border-top:1px solid var(--c-line);}

/* browse-by-week index (hub) */
.lf-weekindex{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.lf-wi{display:flex;flex-direction:column;gap:6px;background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-left:3px solid var(--c-gold-dim);border-radius:3px;padding:16px 18px;transition:border-color .15s,transform .15s;}
.lf-wi:hover{border-color:var(--c-line-strong);border-left-color:var(--c-gold);transform:translateY(-2px);}
.lf-wi__k{font-family:var(--font-cond);font-weight:700;font-size:.95rem;letter-spacing:.02em;color:#fff;}
.lf-wi__n{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-gold);}
.lf-wi__hl{color:var(--c-text-muted);font-size:.9rem;line-height:1.4;}
.lf-wi__chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px;}
.lf-wi__chip{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-dim);border:1px solid var(--c-line);border-radius:1px;padding:2px 6px;}
@media(max-width:900px){.lf-weekindex{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.lf-weekindex{grid-template-columns:1fr;}}

/* crumbs (light, if site.css doesn't already style) */
.lf-wrap .crumbs{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-dim);padding:14px 0 2px;}
.lf-wrap .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;}
.lf-wrap .crumbs li+li::before{content:"/";margin-right:8px;color:var(--c-line-strong);}
.lf-wrap .crumbs a{color:var(--c-text-muted);}
.lf-wrap .crumbs a:hover{color:var(--c-gold);}
.lf-wrap .link-more{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-gold);}
.lf-wrap .link-more:hover{color:var(--c-gold-bright);}

.lf-empty{text-align:center;color:var(--c-text-muted);font-family:var(--font-cond);font-size:1.1rem;padding:50px 0;}
.lf-colophon{margin-top:50px;border-top:1px solid var(--c-line);padding-top:20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;color:var(--c-text-dim);line-height:1.7;max-width:74ch;}
.lf-colophon b{color:var(--c-text-muted);}

/* preview-only slim brand bar (ignored in production) */
.pv-bar{display:flex;align-items:center;gap:14px;padding:8px 20px;border-bottom:1px solid var(--c-line);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-text-dim);}
.pv-bar b{color:var(--c-gold);}

/* LOREFEED:END */


/* ================= HOME MODULES: mdx (gorilla dossier) / rfx (roster files) / ptk (production truck) ================= */
/* ---- intro column: crossfade between headline and picker ---- */
.mdx-intro{display:block;}

.herogrid.is-desk .mdx-intro{display:none;}

.mdx-picker{display:none;}

.herogrid.is-desk .mdx-picker{display:flex;flex-direction:column;gap:8px;height:100%;animation:mdxUp .45s var(--ease,ease) both;}

/* ---- normal-mode CTA row ---- */
.mdx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;}

.mdx-watch{display:inline-flex;align-items:center;gap:.55em;font-family:var(--font-cond,var(--oswald,sans-serif));text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:.95rem;color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.72em 1.35em;text-decoration:none;background:linear-gradient(180deg,var(--c-red-bright,#ff3b48),var(--c-red,#e11d2a));box-shadow:0 6px 18px rgba(225,29,42,.3);}

.mdx-watch svg{width:15px;height:15px;fill:currentColor;flex:none;}

.mdx-watch:hover{filter:brightness(1.09);}

.mdx-safe{display:flex;align-items:center;gap:.45em;margin-top:12px;font-family:var(--font-mono,monospace);font-size:10.5px;color:var(--mut,#8b93a3);}

.mdx-safe svg{width:12px;height:12px;flex:none;}

/* ---- the desk trigger: a sealed drawer under the CTAs ---- */
.mdx-open{position:relative;display:flex;align-items:center;gap:12px;width:100%;max-width:520px;margin-top:18px;padding:13px 16px;text-align:left;cursor:pointer;background:linear-gradient(180deg,rgba(212,175,55,.07),rgba(212,175,55,.02));border:1px solid var(--golddim,#8c7420);border-radius:9px;color:var(--tx,#e8eaed);transition:border-color .2s,background .2s,transform .2s;overflow:hidden;}

.mdx-open:hover{border-color:var(--goldb,#f2cc4b);transform:translateY(-1px);}

.mdx-open::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transform:translate3d(-60%,0,0);mix-blend-mode:screen;background:linear-gradient(115deg,transparent 42%,rgba(247,224,138,.5) 50%,transparent 58%);}

@media(prefers-reduced-motion:no-preference){
.mdx-open:hover::after{animation:mdxSheen .7s cubic-bezier(.2,.7,.2,1);}
}

.mdx-open__k{flex:none;font-family:var(--font-mono,monospace);font-size:9.5px;letter-spacing:.14em;color:var(--goldb,#f2cc4b);border:1px solid var(--golddim,#8c7420);border-radius:4px;padding:4px 7px;}

.mdx-open__t{font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.05em;font-size:.92rem;line-height:1.25;}

.mdx-open__t b{color:var(--goldb,#f2cc4b);font-weight:700;}

.mdx-open__pip{flex:none;margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--goldb,#f2cc4b);box-shadow:0 0 0 3px rgba(212,175,55,.14),0 0 10px 2px rgba(242,204,75,.5);}

@media(prefers-reduced-motion:no-preference){
.mdx-open__pip{animation:mdxPip 2.6s ease-in-out infinite;}
}

/* ---- picker rail ---- */
.mdx-picker__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:2px;}

.mdx-picker__ttl{position:relative;font-family:var(--font-mono,monospace);font-size:9.5px;letter-spacing:.16em;color:var(--goldb,#f2cc4b);text-transform:uppercase;padding-bottom:7px;}

.mdx-picker__ttl::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg,var(--goldb,#f2cc4b),transparent);transform-origin:left;transform:scaleX(0);}

.herogrid.is-desk .mdx-picker__ttl::after{transform:scaleX(1);transition:transform .8s .15s var(--ease,ease);}

.mdx-close{flex:none;display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.07em;font-size:10.5px;font-weight:700;color:var(--mut,#8b93a3);background:var(--e1,#121418);border:1px solid var(--line2,#3a414c);border-radius:999px;padding:.5em .95em;cursor:pointer;transition:color .2s,border-color .2s;}

.mdx-close:hover{color:var(--goldb,#f2cc4b);border-color:var(--golddim,#8c7420);}

.mdx-picks{display:flex;flex-direction:column;gap:7px;flex:1 1 0;min-height:0;max-height:clamp(340px,33vw,440px);overflow-y:auto;padding-right:6px;scroll-snap-type:y proximity;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--golddim,#8c7420) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 34px),transparent);}

.mdx-picks::-webkit-scrollbar{width:5px;}

.mdx-picks::-webkit-scrollbar-thumb{background:var(--golddim,#8c7420);border-radius:99px;}

.mdx-picks::-webkit-scrollbar-track{background:transparent;}

.mdx-pick{scroll-snap-align:start;flex:none;}

.mdx-pick{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 13px;cursor:pointer;background:var(--e1,#121418);border:1px solid var(--line,#2b3038);border-radius:9px;color:var(--tx,#e8eaed);transition:border-color .2s,background .2s,box-shadow .25s;overflow:hidden;}

.mdx-pick::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--goldb,#f2cc4b),var(--golddim,#8c7420));transform:scaleY(0);transform-origin:top;transition:transform .28s var(--ease,ease);}

.mdx-pick:hover{border-color:var(--line2,#3a414c);}

.mdx-pick:hover::before{transform:scaleY(1);}

.mdx-pick.is-on{border-color:var(--goldb,#f2cc4b);background:var(--e2,#1a1d23);box-shadow:0 0 0 1px rgba(242,204,75,.18),0 10px 26px -18px rgba(242,204,75,.55);}

.mdx-pick.is-on::before{transform:scaleY(1);}

.mdx-pick::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transform:translate3d(-55%,0,0);mix-blend-mode:screen;background:linear-gradient(115deg,transparent 44%,rgba(247,224,138,.34) 50%,transparent 56%);}

@media(prefers-reduced-motion:no-preference){
.mdx-pick.is-on::after{animation:mdxSheen .8s cubic-bezier(.2,.7,.2,1);}
}

.mdx-pick__no{flex:none;font-family:var(--anton,sans-serif);font-size:1.05rem;color:var(--golddim,#8c7420);width:1.6em;}

.mdx-pick.is-on .mdx-pick__no{color:var(--goldb,#f2cc4b);}

.mdx-pick__body{min-width:0;display:flex;flex-direction:column;gap:2px;}

.mdx-pick__nm{font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.03em;font-weight:600;font-size:.92rem;line-height:1.15;}

.mdx-pick__meta{font-family:var(--font-mono,monospace);font-size:9.5px;letter-spacing:.05em;color:var(--mut,#8b93a3);text-transform:uppercase;}

.mdx-pick__sc{flex:none;margin-left:auto;font-family:var(--font-cond,sans-serif);font-weight:700;font-size:.95rem;color:var(--goldb,#f2cc4b);border:1px solid var(--golddim,#8c7420);border-radius:6px;padding:.18em .5em;}

.mdx-picker__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;}

.mdx-picker__foot a{font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700;color:var(--goldb,#f2cc4b);text-decoration:none;}

.mdx-picker__foot a:hover{color:var(--gold,#d4af37);}

.mdx-picker__foot .mdx-foot-dim{color:var(--mut,#8b93a3);}

/* ---- the bell belt: featured superstar + ring bell, centered above the screen ---- */
.mdx-stage{min-width:0;display:flex;flex-direction:column;}

.mdx-stage{position:relative;}

.mdx-feat{display:flex;justify-content:center;margin-bottom:9px;}

.mdx-belt{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px;}

/* desk mode: the bell moves to the top right, sharing the header row with the feat label */
.herogrid.is-desk .mdx-feat{min-height:44px;align-items:center;margin-bottom:8px;}

.herogrid.is-desk .mdx-belt{position:absolute;top:-4px;right:0;margin-top:0;gap:9px;z-index:6;}

.herogrid.is-desk .mdx-bell{width:50px;height:44px;}

.mdx-belt__feat{font-family:var(--font-mono,monospace);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut,#8b93a3);white-space:nowrap;}

.mdx-belt__feat b{color:var(--goldb,#f2cc4b);font-weight:700;}

.mdx-bell{position:relative;flex:none;width:64px;height:56px;padding:0;background:none;border:0;cursor:pointer;}

.mdx-bell svg{display:block;width:100%;height:100%;overflow:visible;}

.mdx-bell:focus-visible{outline:2px solid var(--goldb,#f2cc4b);outline-offset:4px;border-radius:10px;}

.mdx-belt__ring{font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:12px;color:var(--goldb,#f2cc4b);white-space:nowrap;}

.mdx-belt__ring--close{color:var(--mut,#8b93a3);}

.mdx-belt__ring[hidden]{display:none!important;}

/* bell states: idle sparkle, hover arm, rung clang + sound waves */
.mdx-bell .bell-glow{opacity:0;transition:opacity .3s;}

.mdx-bell .bell-waves{opacity:0;}

.mdx-bell .bell-body{transform-origin:52px 20px;}

.mdx-bell .bell-hammer{transform-origin:96px 82px;transition:transform .25s var(--ease,ease);}

.mdx-bell .bell-spark{opacity:0;}

@media(prefers-reduced-motion:no-preference){
.mdx-bell .bell-spark{animation:mdxSpark 3.4s ease-in-out infinite;}
/* about to ring: a tight vibrating buzz, hammer twitching at the ready */
  .mdx-bell:hover .bell-body{animation:mdxVibrate .13s linear infinite;}
.mdx-bell:hover .bell-hammer{animation:mdxHammerTwitch .28s ease-in-out infinite alternate;}
}

.mdx-bell:hover .bell-glow{opacity:.85;}

.mdx-bell:hover .bell-hammer{transform:rotate(-16deg) translate(-2px,-3px);}

.mdx-bell.is-rung .bell-glow{opacity:1;}

.mdx-bell.is-rung .bell-hammer{transform:rotate(-30deg) translate(-5px,-6px);}

.mdx-bell.is-rung .bell-waves{opacity:1;}

@media(prefers-reduced-motion:no-preference){
.mdx-bell.is-ringing .bell-body{animation:mdxClang .65s cubic-bezier(.36,.07,.19,.97);}
.mdx-bell.is-ringing .bell-hammer{animation:mdxStrike .3s ease-out;}
.mdx-bell.is-rung .bell-waves path{stroke-dasharray:60;animation:mdxWaves 1.7s ease-out infinite;}
}

/* ---- the screen ---- */
.mdx-screen{position:relative;display:block;width:100%;overflow:hidden;border:1px solid var(--line2,#3a414c);border-radius:10px;background:#0a0b0d;height:clamp(300px,26vw,380px);cursor:pointer;isolation:isolate;text-align:left;color:var(--tx,#e8eaed);}

@media(max-width:979px){
.mdx-screen{height:clamp(280px,74vw,340px);}
}

.herogrid.is-desk .mdx-screen{height:auto;min-height:clamp(400px,37vw,500px);cursor:auto;}

.mdx-bg{position:absolute;inset:0;background-size:cover;background-position:center 18%;transform:scale(1.06);opacity:1;transition:opacity .6s var(--ease,ease);}

.mdx-bg--b{opacity:0;}

@media(prefers-reduced-motion:no-preference){
.mdx-bg.is-live{animation:mdxKen 9s var(--ease,cubic-bezier(.4,0,.2,1)) forwards;}
}

.mdx-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.94) 0%,rgba(6,7,9,.6) 40%,rgba(6,7,9,.16) 74%,rgba(6,7,9,.5) 100%),linear-gradient(0deg,rgba(6,7,9,.97) 0%,rgba(6,7,9,.2) 52%,rgba(6,7,9,.4) 100%);}

.mdx-frameglow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(242,204,75,.12),inset 0 0 64px -30px rgba(242,204,75,.35);border-radius:inherit;}

.mdx-klbl{position:absolute;top:12px;left:14px;z-index:4;background:rgba(0,0,0,.55);padding:5px 9px;border-radius:5px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);max-width:calc(100% - 128px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.mdx-klbl{max-width:calc(100% - 28px);}

/* center play badge, appears on hover of the compact screen */
.mdx-playbadge{position:absolute;z-index:4;top:50%;left:62%;transform:translate(-50%,-50%) scale(.92);display:grid;place-content:center;width:64px;height:64px;border-radius:50%;border:1px solid rgba(242,204,75,.55);background:rgba(8,9,12,.62);color:#fff;cursor:pointer;opacity:0;transition:opacity .25s,transform .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}

.mdx-playbadge svg{width:22px;height:22px;fill:var(--goldb,#f2cc4b);margin-left:3px;}

.mdx-screen:hover .mdx-playbadge,.mdx-screen:focus-visible .mdx-playbadge,.mdx-playbadge:focus-visible{opacity:1;transform:translate(-50%,-50%) scale(1);}

.herogrid.is-desk .mdx-playbadge{top:38%;left:70%;}

/* screen info block */
.mdx-info{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:7px;padding:clamp(14px,1.8vw,22px);max-width:min(640px,97%);}

.herogrid.is-desk .mdx-info{position:relative;height:100%;justify-content:flex-end;padding-top:62px;}

.mdx-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.45em;}

.mdx-b-rank{font-family:var(--font-cond,sans-serif);font-weight:700;font-size:1rem;color:#150f00;background:linear-gradient(180deg,#f7e08a,var(--gold,#d4af37));padding:.05em .45em;border-radius:5px;line-height:1.2;}

.mdx-b-tag{font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;color:var(--goldb,#f2cc4b);border:1px solid var(--golddim,#8c7420);padding:.32em .6em;border-radius:999px;}

.mdx-b-era{font-family:var(--font-mono,monospace);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut,#aeb2ba);}

.mdx-title{font-family:var(--anton,sans-serif);font-weight:400;text-transform:uppercase;line-height:.95;font-size:clamp(1.45rem,.9rem+2vw,2.35rem);margin:0;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.6);}

.mdx-event{font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.05em;color:#d3d7de;font-size:.85rem;margin:0;}

.mdx-hook{display:none;color:#c3c7cf;font-size:.86rem;line-height:1.5;max-width:56ch;margin:0;}

.mdx-ratingrow{display:none;align-items:center;gap:.6em;flex-wrap:wrap;}

.mdx-stars-static{color:var(--goldb,#f2cc4b);letter-spacing:.06em;font-size:1rem;}

.mdx-score{font-family:var(--font-cond,sans-serif);font-weight:700;font-size:1.15rem;color:#fff;}

.mdx-srcchip{font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut,#aeb2ba);border:1px solid var(--line,#2b3038);border-radius:999px;padding:.4em .8em;background:rgba(10,11,14,.6);}

.mdx-srcchip[hidden]{display:none;}

.mdx-actions{display:none;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:2px;}

.mdx-break{font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:.9rem;color:var(--goldb,#f2cc4b);text-decoration:none;}

.mdx-break:hover{color:var(--gold,#d4af37);}

.herogrid.is-desk .mdx-hook{display:block;}

.herogrid.is-desk .mdx-ratingrow{display:flex;}

.herogrid.is-desk .mdx-actions{display:flex;}

@media(prefers-reduced-motion:no-preference){
.herogrid.is-desk .mdx-info.is-in>*{animation:mdxUp .45s var(--ease,ease) both;}
.herogrid.is-desk .mdx-info.is-in>*:nth-child(2){animation-delay:.05s;}
.herogrid.is-desk .mdx-info.is-in>*:nth-child(3){animation-delay:.1s;}
.herogrid.is-desk .mdx-info.is-in>*:nth-child(4){animation-delay:.15s;}
.herogrid.is-desk .mdx-info.is-in>*:nth-child(5){animation-delay:.2s;}
.herogrid.is-desk .mdx-info.is-in>*:nth-child(6){animation-delay:.25s;}
.herogrid.is-desk .mdx-info.is-in>*:nth-child(7){animation-delay:.3s;}
}

/* ---- the record ledger: sealed result + your ballot, one gilded strip ---- */
.mdx-ledger{display:none;margin-top:4px;border:1px solid var(--golddim,#8c7420);border-radius:11px;background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(10,11,14,.78));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;box-shadow:0 14px 34px -22px rgba(0,0,0,.8),inset 0 1px 0 rgba(247,224,138,.14);}

.herogrid.is-desk .mdx-ledger{display:grid;grid-template-columns:1.35fr 1fr;}

.mdx-cell{position:relative;min-width:0;display:flex;flex-direction:column;gap:6px;padding:12px 15px;overflow:hidden;}

.mdx-cell--seal{border-right:1px solid rgba(212,175,55,.28);}

.mdx-cell__head{display:flex;align-items:center;justify-content:space-between;gap:10px;}

.mdx-cell__k{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.16em;color:var(--goldb,#f2cc4b);text-transform:uppercase;}

.mdx-cell__k svg{width:12px;height:12px;flex:none;}

.mdx-cell__hint{font-family:var(--font-mono,monospace);font-size:9px;letter-spacing:.1em;color:var(--mut,#8b93a3);text-transform:uppercase;}

.mdx-spoiler__win{font-family:var(--anton,sans-serif);text-transform:uppercase;font-weight:400;letter-spacing:.02em;font-size:1.25rem;line-height:1.05;color:#fff;filter:blur(8px);transition:filter .5s var(--ease,ease);user-select:none;}

.mdx-spoiler__res{font-family:var(--font-mono,monospace);font-size:9.5px;color:var(--mut,#aeb2ba);filter:blur(6px);transition:filter .5s var(--ease,ease);user-select:none;}

.mdx-cell--seal.is-open .mdx-spoiler__win,.mdx-cell--seal.is-open .mdx-spoiler__res{filter:blur(0);user-select:text;}

.mdx-cell--seal.is-open .mdx-spoiler__win{color:var(--goldb,#f2cc4b);text-shadow:0 0 22px rgba(242,204,75,.35);}

.mdx-cell--seal::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transform:translate3d(-60%,0,0);mix-blend-mode:screen;background:linear-gradient(115deg,transparent 40%,rgba(247,224,138,.65) 50%,transparent 60%);}

@media(prefers-reduced-motion:no-preference){
.mdx-cell--seal.is-open::after{animation:mdxSheen .75s cubic-bezier(.2,.7,.2,1);}
}

.mdx-reveal{flex:none;display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:10.5px;color:#150f00;background:linear-gradient(180deg,#f7e08a,var(--gold,#d4af37));border:0;border-radius:999px;padding:.6em 1.05em;cursor:pointer;box-shadow:0 5px 14px rgba(212,175,55,.25);transition:filter .2s;}

.mdx-reveal:hover{filter:brightness(1.08);}

.mdx-reveal svg{width:13px;height:13px;flex:none;}

.mdx-cell--seal.is-open .mdx-reveal{color:var(--mut,#8b93a3);background:var(--e1,#121418);border:1px solid var(--line2,#3a414c);box-shadow:none;pointer-events:none;}

.mdx-ballotrow{display:flex;align-items:center;gap:12px;min-height:2rem;}

.mdx-stars{display:flex;gap:3px;}

.mdx-star{background:none;border:0;padding:2px;cursor:pointer;color:var(--line2,#3a414c);font-size:1.5rem;line-height:1;transition:color .15s,transform .15s;}

.mdx-star.is-hot,.mdx-star.is-set{color:var(--goldb,#f2cc4b);text-shadow:0 0 10px rgba(242,204,75,.55);}

.mdx-star:hover{transform:scale(1.18);}

.mdx-star:focus-visible{outline:2px solid var(--goldb,#f2cc4b);outline-offset:2px;border-radius:4px;}

@media(prefers-reduced-motion:no-preference){
.mdx-star.is-pop{animation:mdxPop .4s var(--ease,ease);}
}

.mdx-rate__val{font-family:var(--font-cond,sans-serif);font-weight:700;font-size:1.1rem;color:var(--goldb,#f2cc4b);min-width:2.4em;margin-left:auto;}

@media(max-width:700px){
.herogrid.is-desk .mdx-ledger{grid-template-columns:1fr;}
.mdx-cell--seal{border-right:0;border-bottom:1px solid rgba(212,175,55,.28);}
}

/* ---- insider prompt after a ballot is cast ---- */
.mdx-insider{display:none;position:relative;margin-top:10px;padding:14px 16px;border:1px solid var(--golddim,#8c7420);border-radius:10px;background:linear-gradient(180deg,rgba(212,175,55,.1),rgba(212,175,55,.03));overflow:hidden;}

.mdx-insider.is-on{display:flex;align-items:center;gap:14px;flex-wrap:wrap;animation:mdxUp .4s var(--ease,ease) both;}

.mdx-insider__txt{min-width:0;flex:1 1 260px;margin:0;font-size:.86rem;line-height:1.5;color:#c3c7cf;}

.mdx-insider__txt b{color:var(--goldb,#f2cc4b);}

.mdx-insider__cta{flex:none;display:inline-flex;align-items:center;font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:.9rem;color:#150f00;background:linear-gradient(180deg,#f7e08a,var(--gold,#d4af37));border-radius:999px;padding:.6em 1.25em;text-decoration:none;box-shadow:0 6px 18px rgba(212,175,55,.3);}

.mdx-insider__cta:hover{filter:brightness(1.07);}

.mdx-insider__no{flex:none;background:none;border:0;cursor:pointer;font-family:var(--font-cond,sans-serif);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;color:var(--mut,#8b93a3);}

.mdx-insider__no:hover{color:#fff;}

@media(prefers-reduced-motion:reduce){
.hrl-grid,.hv3 .herogrid,.mdx-bg,.mdx-open::after,.mdx-pick::after,.mdx-spoiler::after{transition:none;animation:none!important;}
}

/* ============ HOME LOWER: ROSTER FILES + PRODUCTION TRUCK ============ */

/* ---------- A. ROSTER FILES (rfx) ---------- */
.rfx{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}

.rfx-tabs{display:grid;gap:8px}

.rfx-tab{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;text-align:left;
  background:linear-gradient(180deg,#14161d,#0f1116);border:1px solid rgba(255,255,255,.07);border-left:2px solid rgba(212,175,55,.25);
  border-radius:11px;padding:12px 14px;cursor:pointer;color:#f4f5f7;font:inherit;
  transition:border-color .18s,background .18s,transform .18s}

.rfx-tab:hover{border-left-color:#f2cc4b;transform:translateX(3px)}

.rfx-tab.is-on{border-color:rgba(212,175,55,.45);border-left-color:#f2cc4b;background:linear-gradient(160deg,rgba(212,175,55,.14),#12141a 58%)}

.rfx-tab__mono{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;
  background:linear-gradient(135deg,rgba(212,175,55,.22),rgba(212,175,55,.04));border:1px solid rgba(212,175,55,.32);
  color:#f2cc4b;font-family:'Anton',sans-serif;font-size:17px}

.rfx-tab__nm{display:block;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:15px;line-height:1.1}

.rfx-tab__era{display:block;margin-top:3px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.08em;color:#8a8f98;text-transform:uppercase}

.rfx-tab.is-on .rfx-tab__era{color:#d4af37}

.rfx-tab__pull{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.1em;color:#d4af37;opacity:0;transition:opacity .18s}

.rfx-tab:hover .rfx-tab__pull,.rfx-tab.is-on .rfx-tab__pull{opacity:.9}

.rfx-file{position:relative;min-height:380px;background:linear-gradient(180deg,#15171e,#0f1116);
  border:1px solid rgba(255,255,255,.08);border-top:2px solid rgba(212,175,55,.4);border-radius:14px;
  padding:26px 28px 24px;overflow:hidden}

.rfx-file::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 85% 0%,rgba(212,175,55,.07),transparent 55%)}

.rfx-file.is-pulling .rfx-sheet{animation:rfxPull .5s cubic-bezier(.16,1,.3,1)}

.rfx-sheet{position:relative}

.rfx-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}

.rfx-kl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#d4af37}

.rfx-name{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(30px,4.6vw,46px);line-height:.95;margin:6px 0 4px;color:#f4f5f7}

.rfx-aka{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:13px;color:rgba(244,245,247,.72)}

.rfx-stamp{flex:none;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:#e5484d;border:2px solid rgba(229,72,77,.75);border-radius:6px;padding:7px 11px;transform:rotate(4deg);
  background:rgba(229,72,77,.06);user-select:none}

.rfx-file.is-pulling .rfx-stamp{animation:rfxStamp .55s cubic-bezier(.34,1.56,.64,1) .18s backwards}

.rfx-hair{border:0;height:1px;background:linear-gradient(90deg,rgba(212,175,55,.5),rgba(255,255,255,.06));margin:16px 0}

.rfx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

.rfx-stat{background:#12141a;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:14px 15px;min-width:0}

.rfx-stat__k{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8a8f98}

.rfx-stat__v{display:block;font-family:'Anton',sans-serif;font-size:32px;line-height:1;color:#f2cc4b;margin:7px 0 4px;font-variant-numeric:tabular-nums}

.rfx-stat__s{display:block;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:rgba(244,245,247,.62)}

.rfx-blurb{font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.6;color:rgba(244,245,247,.66);max-width:70ch;margin:16px 0 0}

.rfx-alias{display:flex;align-items:center;gap:10px;margin-top:16px;overflow:hidden;white-space:nowrap;
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8a8f98}

.rfx-alias b{color:#d4af37;font-weight:400;flex:none}

.rfx-alias-roll{position:relative;display:inline-block;min-width:0;color:rgba(244,245,247,.78)}

.rfx-alias-roll span{display:inline-block;animation:rfxAlias .42s ease}

.rfx-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}

.rfx-open{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:#0d0e12;background:linear-gradient(180deg,#f2cc4b,#d4af37);border-radius:9px;padding:11px 18px;
  text-decoration:none;transition:transform .16s,box-shadow .16s}

.rfx-open:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(212,175,55,.25)}

.rfx-note{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#8a8f98}

@media(max-width:900px){
.rfx{grid-template-columns:minmax(0,1fr)}
.rfx-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.rfx-tab__pull{display:none}
.rfx-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.rfx-file{padding:20px 18px}
}

/* ---------- B. PRODUCTION TRUCK (ptk) ---------- */
.ptk{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:stretch}

.ptk-program{position:relative;border-radius:16px;background:#0a0b0e;border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 44px rgba(0,0,0,.5),inset 0 0 0 1px rgba(0,0,0,.6);overflow:hidden;display:flex;flex-direction:column;min-height:360px}

.ptk-topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,#101218,#0b0c10)}

.ptk-tally{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;
  color:#ff5a5f;text-transform:uppercase}

.ptk-tally i{width:8px;height:8px;border-radius:50%;background:#e5484d;box-shadow:0 0 10px rgba(229,72,77,.9);animation:ptkBlink 1.4s steps(1) infinite}

.ptk-pgml{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a8f98;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ptk-pgml b{color:#f2cc4b;font-weight:400}

.ptk-clock{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;color:#3a3d45;font-variant-numeric:tabular-nums}

.ptk-screen{position:relative;flex:1;display:grid;place-items:center;padding:26px 24px;min-height:250px}

.ptk-screen::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.5;
  background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,0,0,.24) 2px 3px)}

.ptk-screen::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;
  background:radial-gradient(105% 90% at 50% 45%,transparent 58%,rgba(0,0,0,.5))}

.ptk-vig{position:relative;z-index:2;width:100%;text-align:center}

.ptk.is-cutting .ptk-screen .ptk-vig{animation:ptkCut .34s steps(3)}

.ptk.is-cutting .ptk-screen::before{animation:ptkNoise .34s steps(4)}

.ptk-botbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,#0b0c10,#101218)}

.ptk-take{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:#0d0e12;background:linear-gradient(180deg,#ff6b70,#e5484d);border-radius:8px;padding:10px 16px;
  text-decoration:none;transition:transform .16s,box-shadow .16s}

.ptk-take:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(229,72,77,.3)}

.ptk-sub{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8a8f98;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ptk-bank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:stretch}

.ptk-cam{position:relative;display:flex;flex-direction:column;gap:7px;justify-content:center;text-align:left;cursor:pointer;font:inherit;color:#f4f5f7;
  background:linear-gradient(180deg,#101218,#0b0d12);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;
  transition:border-color .18s,transform .18s,background .18s;min-height:74px;overflow:hidden}

.ptk-cam::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.2) 3px 4px)}

.ptk-cam:hover{border-color:rgba(242,204,75,.5);transform:translateY(-2px)}

.ptk-cam.is-on{border-color:rgba(229,72,77,.75);background:linear-gradient(160deg,rgba(229,72,77,.12),#0b0d12 60%)}

.ptk-cam.is-on::after{content:"";position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;
  background:#e5484d;box-shadow:0 0 9px rgba(229,72,77,.9);animation:ptkBlink 1.4s steps(1) infinite}

.ptk-cam__id{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#8a8f98}

.ptk-cam.is-on .ptk-cam__id{color:#ff8589}

.ptk-cam__nm{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:14.5px;line-height:1.05}

.ptk-cam__s{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:#565b66}

/* vignette internals */
.ptk-kl{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#d4af37;margin-bottom:12px}

.ptk-big{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(30px,4.4vw,52px);line-height:.95;color:#f4f5f7}

.ptk-big .g{color:#f2cc4b}

.ptk-flip{display:inline-block;animation:ptkFlip .5s cubic-bezier(.16,1,.3,1)}

.ptk-under{margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a8f98}

.ptk-under b{color:#f2cc4b;font-weight:400}

.ptk-stars{display:inline-block;position:relative;font-size:34px;line-height:1;letter-spacing:6px;color:rgba(244,245,247,.14);margin:8px 0 2px}

.ptk-stars .on{position:absolute;inset:0;color:#f2cc4b;overflow:hidden;white-space:nowrap;width:0;animation:ptkFill 1.4s cubic-bezier(.22,1,.36,1) .2s forwards;text-shadow:0 0 22px rgba(242,204,75,.45)}

.ptk-count{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

.ptk-cell{min-width:74px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px 8px 8px}

.ptk-cell b{display:block;font-family:'Anton',sans-serif;font-weight:400;font-size:34px;line-height:1;color:#f2cc4b;font-variant-numeric:tabular-nums}

.ptk-cell span{display:block;margin-top:5px;font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#8a8f98}

.ptk-eq{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:120px;margin:4px 0 2px}

.ptk-bar{position:relative;width:34px;border-radius:6px 6px 2px 2px;background:var(--bc,#d4af37);opacity:.9;
  animation:ptkEq 1.7s ease-in-out infinite alternate;transform-origin:bottom;box-shadow:0 0 18px color-mix(in srgb,var(--bc,#d4af37) 40%,transparent)}

.ptk-bar i{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-style:normal;font-size:8px;letter-spacing:.06em;color:#8a8f98;text-transform:uppercase}

.ptk-medal{width:104px;height:104px;margin:0 auto 10px;color:#f2cc4b;position:relative}

.ptk-medal svg{width:100%;height:100%}

.ptk-medal::after{content:"";position:absolute;inset:-8px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 72%,rgba(242,204,75,.35) 82%,transparent 92%);animation:ptkSheen 3.2s linear infinite}

.ptk-mono{font-family:'Anton',sans-serif;font-size:26px;fill:#f2cc4b;text-anchor:middle}

.ptk-reigns{display:grid;gap:8px;max-width:420px;margin:0 auto;text-align:left}

.ptk-reign{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);border-left:2px solid #d4af37;border-radius:9px;padding:9px 12px}

.ptk-reign__t{font-family:'Oswald',sans-serif;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:rgba(244,245,247,.85);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ptk-reign__t em{display:block;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.1em;color:#8a8f98;margin-top:2px}

.ptk-reign__d{font-family:'Anton',sans-serif;font-size:20px;color:#f2cc4b;font-variant-numeric:tabular-nums;white-space:nowrap}

.ptk-rec{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;color:#ff5a5f;text-transform:uppercase;margin-bottom:12px}

.ptk-rec i{width:9px;height:9px;border-radius:50%;background:#e5484d;box-shadow:0 0 10px rgba(229,72,77,.9);animation:ptkBlink 1.1s steps(1) infinite}

.ptk-wire{font-family:'Oswald',sans-serif;font-size:clamp(17px,2.4vw,24px);text-transform:uppercase;letter-spacing:.02em;line-height:1.25;color:rgba(244,245,247,.92);max-width:34ch;margin:0 auto}

.ptk-wire b{color:#f2cc4b;font-weight:600}

@media(max-width:940px){
.ptk{grid-template-columns:minmax(0,1fr)}
.ptk-bank{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.ptk-program{min-height:320px}
}

@keyframes mdxSheen{0%{opacity:0;transform:translate3d(-60%,0,0);}30%{opacity:.7;}100%{opacity:0;transform:translate3d(60%,0,0);}}

@keyframes mdxPip{0%,100%{opacity:.55;}50%{opacity:1;}}

@keyframes mdxKen{from{transform:scale(1.05) translate3d(0,0,0);}to{transform:scale(1.14) translate3d(0,-1.6%,0);}}

@keyframes mdxPop{0%{transform:scale(1);}45%{transform:scale(1.45);}100%{transform:scale(1);}}

@keyframes rfxPull{0%{opacity:0;transform:translateY(16px) rotate(.4deg)}100%{opacity:1;transform:none}}

@keyframes rfxStamp{0%{opacity:0;transform:rotate(10deg) scale(1.9)}60%{opacity:1;transform:rotate(3deg) scale(.96)}100%{transform:rotate(4deg) scale(1)}}

@keyframes rfxAlias{0%{opacity:0;transform:translateY(7px)}100%{opacity:1;transform:none}}

@keyframes ptkBlink{0%,68%{opacity:1}69%,100%{opacity:.35}}

@keyframes ptkCut{0%{transform:translateX(-5px);filter:brightness(2.2) contrast(1.6)}55%{transform:translateX(4px)}100%{transform:none;filter:none}}

@keyframes ptkNoise{0%{opacity:1}100%{opacity:.5}}

@keyframes ptkFlip{0%{opacity:0;transform:translateY(14px) scaleY(.6)}100%{opacity:1;transform:none}}

@keyframes ptkFill{to{width:var(--fill,100%)}}

@keyframes ptkEq{0%{transform:scaleY(.45)}100%{transform:scaleY(1)}}

@keyframes ptkSheen{to{transform:rotate(360deg)}}/* ================= RIVALRIES HUB (rvh) — head-to-head "tale of the tape" redesign ================= */
.rvh{position:relative}
.rvh-h1{font-family:var(--anton),var(--font-cond,sans-serif);text-transform:uppercase;font-weight:400;
  font-size:clamp(2.4rem,6vw,4.2rem);line-height:.92;letter-spacing:.01em;margin:.15em 0 0}
.rvh-lede{max-width:64ch;color:var(--mut);margin-top:var(--sp-3,14px);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6}
.rvh-lede strong{color:var(--goldb)}
.rvh-lede a{color:var(--goldb);text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--goldb) 40%,transparent)}
.rvh-lede a:hover{border-bottom-color:var(--goldb)}
.rvh-klbl{display:inline-block;font-family:var(--mono7);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--dim);user-select:none}

/* ---- shared side / VS / tape primitives ---- */
.rvh-side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;
  padding:14px 14px 12px;min-height:104px;overflow:hidden;isolation:isolate}
.rvh-side__mono{position:absolute;right:8px;bottom:-6px;z-index:-1;font-family:var(--anton),sans-serif;
  font-size:3.2rem;line-height:1;color:var(--tx);opacity:.07;letter-spacing:.02em;pointer-events:none}
.rvh-side--a{background:linear-gradient(135deg,color-mix(in oklab,var(--pa,var(--red)) 16%,var(--e1)),var(--e1))}
.rvh-side--b{background:linear-gradient(225deg,color-mix(in oklab,var(--mut) 12%,var(--e1)),var(--e1));text-align:right;align-items:flex-end}
.rvh-side__name{font-family:var(--osw),sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em;
  font-size:clamp(.95rem,1.4vw,1.15rem);color:var(--tx);line-height:1.05}
.rvh-side__tag{font-family:var(--mono7);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.rvh-tale{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;
  border:1px solid var(--line);border-radius:var(--r-md,10px);overflow:hidden;background:var(--e1)}
.rvh-tale::before{content:"";position:absolute;top:8%;bottom:8%;left:50%;width:1px;transform:translateX(-.5px);
  background:linear-gradient(var(--line2),var(--line));z-index:1;transition:background .25s var(--ease,ease)}
.rvh-vs{position:relative;z-index:2;pointer-events:none;align-self:center;display:grid;place-items:center;width:40px;height:40px;margin:0 -20px;
  border-radius:999px;background:var(--redb);color:#0b0c0f;font-family:var(--anton),sans-serif;font-size:.95rem;
  box-shadow:0 0 0 4px var(--e1),0 4px 14px rgba(0,0,0,.5);letter-spacing:.02em}
.rvh-tape{margin:14px 0 0;display:grid;gap:6px}
.rvh-tape__row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:6px}
.rvh-tape__row dt{font-family:var(--mono7);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.rvh-tape__row dd{margin:0;font-family:var(--osw),sans-serif;font-weight:600;color:var(--tx);text-align:right;font-size:.9rem}

/* ---- MAIN EVENT featured ---- */
.rvh-main{margin-top:var(--sp-5,26px);border:1px solid var(--line);border-radius:var(--r-lg,14px);
  background:linear-gradient(180deg,var(--e2),var(--e1));padding:16px;position:relative;overflow:hidden}
.rvh-main::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.rvh-main .rvh-klbl{margin-bottom:12px}
.rvh-main__tale{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;text-decoration:none;
  border:1px solid var(--line);border-radius:var(--r-md,10px);overflow:hidden;background:var(--e1);position:relative}
.rvh-main__tale::before{content:"";position:absolute;top:10%;bottom:10%;left:50%;width:1px;transform:translateX(-.5px);
  background:linear-gradient(var(--line2),var(--line));z-index:1}
.rvh-side--big{min-height:150px;padding:20px}
.rvh-side--big .rvh-side__mono{font-size:5.5rem;bottom:-10px}
.rvh-side--big .rvh-side__name{font-size:clamp(1.4rem,3vw,2.2rem)}
.rvh-vs--big{width:56px;height:56px;margin:0 -28px;font-size:1.3rem}
.rvh-main__meta{padding:16px 4px 4px}
.rvh-main__title{font-family:var(--anton),sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(1.5rem,3vw,2.1rem);line-height:1;margin:0}
.rvh-main__frame{color:var(--mut);max-width:60ch;margin:8px 0 0;line-height:1.55}
.rvh-main .rvh-tape{max-width:520px}
.rvh-main__cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--osw),sans-serif;
  font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;color:var(--tx);text-decoration:none;
  border:1px solid var(--redb);border-radius:999px;padding:9px 18px;transition:background .2s,color .2s}
.rvh-main__cta:hover{background:var(--redb);color:#0b0c0f}
.rvh-main__tale:hover~.rvh-main__meta .rvh-main__cta,.rvh-main:hover .rvh-main__cta{background:var(--redb);color:#0b0c0f}
@media(min-width:820px){
  .rvh-main{padding:22px}
  .rvh-main__meta{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}
  .rvh-main__cta{grid-column:1/-1;justify-self:start}
}

/* ---- filter / sort bar ---- */
.rvh-bar{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin:var(--sp-5,26px) 0 var(--sp-4,18px);
  padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rvh-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rvh-group__lbl,.rvh-sort__lbl{font-family:var(--mono7);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.rvh-chip{display:inline-flex;align-items:center;min-height:38px;font-family:var(--osw),sans-serif;font-weight:600;font-size:.8rem;
  text-transform:uppercase;letter-spacing:.03em;color:var(--mut);background:var(--e2);border:1px solid var(--line);
  border-radius:999px;padding:6px 14px;cursor:pointer;transition:border-color .18s,color .18s,background .18s}
.rvh-chip:hover{color:var(--tx);border-color:var(--line2)}
.rvh-chip[aria-pressed="true"]{color:#0b0c0f;background:var(--redb);border-color:var(--redb)}
.rvh-chip:focus-visible{outline:2px solid var(--goldb);outline-offset:2px}
.rvh-bar__end{display:flex;align-items:center;gap:16px;margin-left:auto;flex-wrap:wrap}
.rvh-sort{display:flex;align-items:center;gap:8px}
.rvh-sort__sel{font-family:var(--osw),sans-serif;font-size:.82rem;color:var(--tx);background:var(--e2);
  border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}
.rvh-count{font-family:var(--mono7);font-size:.72rem;letter-spacing:.08em;color:var(--dim);white-space:nowrap}
.rvh-reset{font-family:var(--osw),sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;
  color:var(--goldb);background:none;border:1px solid color-mix(in oklab,var(--goldb) 40%,transparent);
  border-radius:999px;padding:5px 12px;cursor:pointer}
.rvh-reset:hover{border-color:var(--goldb)}

/* ---- grid of bouts ---- */
.rvh-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:560px){.rvh-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.rvh-grid{grid-template-columns:repeat(3,1fr)}}
.rvh-bout{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg,14px);
  background:var(--e2);padding:12px;transition:transform .2s var(--ease,ease),border-color .2s,box-shadow .2s}
.rvh-bout[hidden]{display:none!important}
.rvh-bout__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.rvh-bout__promo{flex:0 0 auto}
.rvh-bout__era{font-family:var(--mono7);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:right}
.rvh-bout__body{padding:12px 4px 4px}
.rvh-bout__title{margin:0;font-family:var(--osw),sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.01em;font-size:1.05rem;line-height:1.1}
.rvh-bout__link{color:var(--tx);text-decoration:none}
.rvh-bout__link::after{content:"";position:absolute;inset:0}
.rvh-bout{position:relative}
.rvh-bout__frame{color:var(--mut);font-size:.86rem;line-height:1.5;margin:6px 0 0}
.rvh-bout:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:var(--shadow-2,0 10px 30px rgba(0,0,0,.45))}
.rvh-bout:hover .rvh-tale::before,.rvh-bout:focus-within .rvh-tale::before{background:var(--redb)}
.rvh-bout:hover .rvh-side--a .rvh-side__mono{opacity:.13}
/* faction cards: cool accent on side A too */
.rvh-bout--faction .rvh-side--a{background:linear-gradient(135deg,color-mix(in oklab,var(--pa,var(--red)) 20%,var(--e1)),var(--e1))}

/* ---- empty state ---- */
.rvh-empty{margin:24px 0;color:var(--mut);font-size:.95rem}
.rvh-empty button,.rvh-emptyreset{color:var(--goldb);background:none;border:none;border-bottom:1px solid var(--goldb);cursor:pointer;font:inherit;padding:0}

@media (prefers-reduced-motion:reduce){
  .rvh-bout,.rvh-chip,.rvh-main__cta,.rvh-tale::before{transition:none}
  .rvh-bout:hover{transform:none}
}


/* ================= MOMENTS HUB (mo-) — cinematic dossiers, discovery console, rails ================= */
/* ==================================================================== *
 * MOMENTS — cinematic archive modules (reusable, site tokens only)     *
 * Added 29JUL26 for the /moments/ redesign. mo-* = moments namespace.   *
 * ==================================================================== */
/* --- era timeline strip --- */
.mo-timeline{margin:var(--sp-6) 0;}
.mo-tl__head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-3);}
.mo-tl__k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:var(--fs-300);color:var(--c-text-dim);}
.mo-tl__rail{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-2);scroll-snap-type:x proximity;}
.mo-era{flex:0 0 auto;scroll-snap-align:start;min-width:138px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-bg-elev-1);text-decoration:none;transition:transform var(--dur) var(--ease),border-color var(--dur),box-shadow var(--dur);display:grid;gap:2px;}
.mo-era:hover,.mo-era:focus-visible{transform:translateY(-3px);border-color:var(--c-gold-dim);box-shadow:var(--shadow-2),0 0 0 1px var(--c-gold-dim);}
.mo-era__yr{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--c-gold);}
.mo-era__nm{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.03em;font-weight:600;color:var(--c-text);font-size:var(--fs-400);line-height:1.1;}
.mo-era__ct{font-family:var(--font-mono);font-size:10px;color:var(--c-text-dim);}
.mo-era__bar{height:3px;border-radius:2px;background:var(--eac,var(--c-gold-dim));margin-top:5px;opacity:.85;}
/* --- moment dossier --- */
.mo-dossier{position:relative;display:grid;grid-template-columns:1fr;background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--sp-6);transition:border-color var(--dur),box-shadow var(--dur);scroll-margin-top:96px;}
.mo-dossier:hover{border-color:var(--c-line-strong);box-shadow:var(--shadow-2);}
@media(min-width:860px){
.mo-dossier{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);}
}
.mo-dossier__media{position:relative;min-height:240px;}
.mo-dossier__media .yt{height:100%;border:0;border-radius:0;}
.mo-dossier__tier{position:absolute;top:var(--sp-3);right:var(--sp-3);left:auto;z-index:6;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:11px;color:var(--c-gold-bright);background:rgba(11,12,16,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--c-gold-dim);padding:.4em .72em;border-radius:var(--r-pill);box-shadow:0 2px 8px rgba(0,0,0,.4);}
.mo-dossier__body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);}
.mo-dossier__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-300);color:var(--c-text-dim);}
.mo-dossier__title{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:var(--fs-700);line-height:.95;margin:0;color:var(--c-text);}
.mo-dossier__story{color:var(--c-text-muted);line-height:1.6;margin:0;}
.mo-why{border-left:2px solid var(--c-gold);padding:.5em 0 .5em var(--sp-4);background:linear-gradient(90deg,var(--c-gold-tint),transparent 82%);border-radius:0 var(--r-sm) var(--r-sm) 0;}
.mo-why__k{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:var(--fs-300);color:var(--c-gold);margin-bottom:3px;}
.mo-why__t{color:var(--c-text);font-weight:600;line-height:1.5;}
.mo-legends{display:flex;flex-wrap:wrap;gap:var(--sp-3);}
.mo-legend{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;}
.mo-legend__medal{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:15px;letter-spacing:.02em;color:var(--c-gold-bright);background:radial-gradient(circle at 50% 30%,var(--c-bg-elev-3),var(--c-bg-elev-1));border:1px solid var(--c-gold-dim);transition:transform var(--dur),box-shadow var(--dur);}
.mo-legend:hover .mo-legend__medal{transform:translateY(-2px);box-shadow:var(--glow-gold);}
.mo-legend__nm{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.03em;font-size:var(--fs-300);color:var(--c-text-muted);}
.mo-legend:hover .mo-legend__nm{color:var(--c-gold-bright);}
.mo-connect{display:flex;flex-wrap:wrap;gap:var(--sp-2);border-top:1px solid var(--c-line);padding-top:var(--sp-3);margin-top:auto;}
.mo-connect__k{width:100%;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:var(--fs-300);color:var(--c-text-dim);margin-bottom:2px;}
/* --- quote block --- */
.mo-quote{position:relative;text-align:center;padding:var(--sp-8) var(--sp-5);margin:var(--sp-6) 0;border-block:1px solid var(--c-line);background:radial-gradient(120% 120% at 50% 0,var(--c-gold-tint),transparent 60%);}
.mo-quote__mark{font-family:var(--font-display);font-size:5rem;line-height:.5;color:var(--c-gold-dim);opacity:.55;}
.mo-quote__t{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:var(--fs-800);line-height:1.02;max-width:22ch;margin:.15em auto;background:linear-gradient(180deg,#fff 30%,#c9ccd2);-webkit-background-clip:text;background-clip:text;color:transparent;}
.mo-quote__a{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.14em;font-size:var(--fs-300);color:var(--c-gold);}
/* --- discovery console --- */
.mo-console{margin:var(--sp-4) 0 var(--sp-6);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-bg-elev-1);padding:var(--sp-4);display:grid;gap:var(--sp-3);position:relative;}
.mo-console__kicker{position:absolute;top:-.7em;left:var(--sp-4);padding:0 .5em;background:var(--c-bg-elev-1);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.24em;font-size:var(--fs-300);color:var(--c-text-dim);}
.mo-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;}
.mo-row__lbl{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:var(--fs-300);color:var(--c-text-dim);margin-right:.35em;min-width:64px;}
.mo-search{flex:1;min-width:180px;background:var(--c-bg-elev-0);border:1px solid var(--c-line);border-radius:var(--r-pill);color:var(--c-text);font-family:var(--font-body);font-size:var(--fs-400);padding:.55em .9em;}
.mo-search:focus{outline:none;border-color:var(--c-gold-dim);box-shadow:0 0 0 1px var(--c-gold-dim);}
.mo-count{margin-left:auto;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:var(--fs-300);color:var(--c-text-muted);white-space:nowrap;}
.mo-count b{color:var(--c-gold);}
.mo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4);}
.mo-card{display:flex;flex-direction:column;background:var(--c-bg-elev-1);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur),box-shadow var(--dur);}
.mo-card:hover{transform:translateY(-3px);border-color:var(--c-line-strong);box-shadow:var(--shadow-2);}
.mo-card[hidden]{display:none;}
.mo-card__media{position:relative;}
.mo-card__media .yt{border:0;border-radius:0;}
.mo-card__tier{position:absolute;top:8px;right:8px;left:auto;z-index:6;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--c-gold-bright);background:rgba(11,12,16,.82);border:1px solid var(--c-gold-dim);padding:.2em .5em;border-radius:var(--r-sm);}
.mo-card__body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1;}
.mo-card__title{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.01em;font-weight:600;font-size:var(--fs-500);line-height:1.12;margin:0;}
.mo-card__title a{color:inherit;text-decoration:none;}
.mo-card__title a:hover{color:var(--c-gold-bright);}
.mo-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45em;margin-top:auto;font-family:var(--font-cond);text-transform:uppercase;letter-spacing:.03em;font-size:var(--fs-300);color:var(--c-text-dim);}
.mo-card__meta .dot{color:var(--c-gold-dim);}
.mo-empty{text-align:center;padding:var(--sp-7) var(--sp-5);border:1px dashed var(--c-line-strong);border-radius:var(--r-lg);color:var(--c-text-muted);}
.mo-empty[hidden]{display:none;}
.mo-empty__t{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:var(--fs-600);margin:.15em 0;}
.mo-grid.is-reflowing .mo-card{will-change:transform;}
/* --- curated rail --- */
.mo-rail{margin:var(--sp-5) 0;}
.mo-rail__head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-3);}
.mo-rail__ttl{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:var(--fs-600);line-height:1;margin:0;}
.mo-rail__k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:var(--fs-300);color:var(--c-gold);}
.mo-rail__track{display:flex;gap:var(--sp-4);overflow-x:auto;padding-bottom:var(--sp-2);scroll-snap-type:x proximity;}
.mo-rail__track>.mo-card{flex:0 0 300px;scroll-snap-align:start;}
@media(prefers-reduced-motion:reduce){
.mo-card,.mo-era,.mo-dossier,.mo-legend__medal{transition:none !important;}
}
.mo-h1{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:var(--fs-900);line-height:.9;letter-spacing:.01em;margin:.1em 0 .3em;}

/* moments: hide the facade's duplicate title caption over the thumbnail (title lives in the card body) */
.mo-card__media .yt__meta,.mo-dossier__media .yt__meta{display:none}


/* ==== MOBILE OPTIMIZATION (<=760px) ==== */

/* ---- mobile/nav.css ---- */
/* =====================================================================
   MOBILE NAV — hamburger + slide-in drawer
   Scope: wrestlelore.com nav7 shell. All new elements prefixed .mnav-.
   Tokens reused from the .nav7 scope (--gold, --red, --e1, --line, etc.).

   Structure:
     · @media (min-width:761px)  — desktop: hide the new elements only.
       (No other desktop rule; the mega-panel bar is left 100% untouched.)
     · @media (max-width:760px)  — phones: collapse the desktop bar,
       show the hamburger + drawer.
     · @media (max-width:480px)  — small-phone tightening.
   ===================================================================== */

/* ---- DESKTOP (>760px): the drawer + hamburger + scrim never render.
        This is the ONLY rule above 760px; it touches new .mnav- elements
        exclusively, so the existing nav7 mega-panel bar is unchanged. ---- */
@media (min-width:761px){
  .mnav-burger,
  .mnav-scrim,
  .mnav-drawer{ display:none !important; }
}

/* =====================================================================
   PHONES (<=760px)
   ===================================================================== */
@media (max-width:760px){

  /* ---- collapse the desktop mega-panel bar ---- */
  .nav7 .tabs7{ display:none; }
  .nav7 .spacer{ display:none; }

  /* keep the bar tidy: burger | brand ......... search | join */
  .nav7 .bar{ gap:6px; min-height:58px; padding-inline:12px; }
  .nav7 .brand7{ margin-right:auto; font-size:19px; gap:.55em; }

  /* search pill collapses to a 44x44 icon button */
  .nav7 .pill{
    min-width:0; width:44px; height:44px; padding:0;
    justify-content:center; margin:0 2px 0 0; border-radius:10px;
  }
  .nav7 .pill .ph,
  .nav7 .pill .kbd7{ display:none; }
  .nav7 .pill svg{ width:18px; height:18px; }

  /* Join Insider stays visible but compact */
  :is(.nav7,.hv3) .cta{ padding:.55em .8em; font-size:12px; letter-spacing:.04em; }

  /* ---------- HAMBURGER BUTTON ---------- */
  .mnav-burger{
    display:inline-flex; align-items:center; justify-content:center;
    width:44px; height:44px; flex:0 0 auto; padding:0; margin:0 2px 0 -4px;
    background:transparent; border:0; border-radius:10px; cursor:pointer;
    color:var(--tx,#e8eaed); -webkit-tap-highlight-color:transparent;
  }
  .mnav-burger:hover{ color:#fff; }
  .mnav-burger:focus-visible{ outline:2px solid var(--gold,#d4af37); outline-offset:2px; }
  .mnav-burger__box{
    position:relative; width:22px; height:16px; display:block;
  }
  .mnav-burger__line{
    position:absolute; left:0; width:22px; height:2px; border-radius:2px;
    background:currentColor; transition:transform .28s ease, opacity .2s ease, top .28s ease;
  }
  .mnav-burger__line:nth-child(1){ top:0; }
  .mnav-burger__line:nth-child(2){ top:7px; }
  .mnav-burger__line:nth-child(3){ top:14px; }
  /* animate to an X when the drawer is open */
  .mnav-burger[aria-expanded="true"] .mnav-burger__line:nth-child(1){ top:7px; transform:rotate(45deg); }
  .mnav-burger[aria-expanded="true"] .mnav-burger__line:nth-child(2){ opacity:0; }
  .mnav-burger[aria-expanded="true"] .mnav-burger__line:nth-child(3){ top:7px; transform:rotate(-45deg); }

  /* ---------- BODY SCROLL LOCK ---------- */
  /* class-based (survives the cmdk palette clearing body.style.overflow) */
  body.mnav-open{ overflow:hidden; }

  /* the [hidden] attr is the master off-switch; keep it winning over the
     drawer's own display:flex so the drawer stays gone until JS opens it */
  .mnav-drawer[hidden],
  .mnav-scrim[hidden]{ display:none !important; }

  /* ---------- SCRIM ---------- */
  .mnav-scrim{
    position:fixed; inset:0; z-index:148;
    background:rgba(4,5,7,.62); backdrop-filter:blur(2px);
    opacity:0; transition:opacity .3s ease;
  }
  .mnav-scrim.is-open{ opacity:1; }

  /* ---------- DRAWER ---------- */
  .mnav-drawer{
    position:fixed; top:0; right:0; z-index:150;
    width:min(88vw,400px); height:100%; height:100dvh;
    display:flex; flex-direction:column;
    background:linear-gradient(180deg,#101216,#0b0c10);
    border-left:1px solid var(--line2,#39414c);
    box-shadow:-24px 0 60px rgba(0,0,0,.55);
    transform:translateX(100%); transition:transform .3s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
  }
  .mnav-drawer.is-open{ transform:translateX(0); }
  /* gold hairline down the leading edge */
  .mnav-drawer::before{
    content:""; position:absolute; top:0; bottom:0; left:0; width:1px;
    background:linear-gradient(180deg,transparent,rgba(212,175,55,.55) 12%,rgba(212,175,55,.35) 80%,transparent);
    pointer-events:none;
  }

  /* drawer top: brand + close */
  .mnav-top{
    flex:0 0 auto; display:flex; align-items:center; gap:.6em;
    padding:14px 14px 12px; border-bottom:1px solid var(--line,#242a32);
  }
  .mnav-brand{
    display:flex; align-items:center; gap:.6em; text-decoration:none;
    color:#fff; font-family:var(--anton,sans-serif); font-size:20px; letter-spacing:.02em;
    margin-right:auto; min-width:0;
  }
  .mnav-mark{
    width:32px; height:32px; flex:0 0 auto; display:grid; place-content:center;
    border-radius:5px; overflow:hidden;
    background:linear-gradient(180deg,#f7e08a,var(--gold,#d4af37) 55%,var(--golddim,#8c7420));
    box-shadow:0 0 0 1px var(--golddim,#8c7420), 0 4px 14px rgba(212,175,55,.18);
  }
  .mnav-mark img{ width:100%; height:100%; object-fit:cover; }
  .mnav-word b{ color:#fff; font-weight:400; }
  .mnav-word i{ color:var(--gold,#d4af37); font-style:normal; font-weight:400; }
  .mnav-close{
    flex:0 0 auto; width:44px; height:44px; display:grid; place-content:center;
    background:transparent; border:1px solid var(--line2,#39414c); border-radius:10px;
    color:var(--mut,#9aa2ad); cursor:pointer; transition:color .2s ease, border-color .2s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mnav-close:hover{ color:#fff; border-color:var(--gold,#d4af37); }
  .mnav-close:focus-visible{ outline:2px solid var(--gold,#d4af37); outline-offset:2px; }

  /* search field */
  .mnav-search{ flex:0 0 auto; padding:12px 14px; }
  .mnav-searchfield{
    width:100%; min-height:46px; display:flex; align-items:center; gap:.6em;
    padding:0 14px; background:var(--e2,#161a20); border:1px solid var(--line2,#39414c);
    border-radius:12px; color:var(--dim,#828a96); cursor:pointer; text-align:left;
    font-family:var(--inter,system-ui); font-size:14px;
    transition:border-color .2s ease, color .2s ease;
  }
  .mnav-searchfield:hover{ border-color:var(--gold,#d4af37); color:var(--mut,#9aa2ad); }
  .mnav-searchfield:focus-visible{ outline:2px solid var(--gold,#d4af37); outline-offset:2px; }
  .mnav-searchfield svg{ flex:0 0 auto; }

  /* scroll region + bottom edge fade */
  .mnav-scrollwrap{ position:relative; flex:1 1 auto; min-height:0; }
  .mnav-body{
    height:100%; overflow-y:auto; overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch; padding:4px 0 8px;
  }
  .mnav-fade{
    position:absolute; left:0; right:0; bottom:0; height:52px; pointer-events:none;
    background:linear-gradient(180deg,transparent,#0b0c10 92%);
    opacity:1; transition:opacity .25s ease;
  }
  .mnav-scrollwrap.is-end .mnav-fade{ opacity:0; }

  /* ---------- ACCORDION ---------- */
  .mnav-acc{ border-bottom:1px solid var(--line,#242a32); }
  .mnav-acc__h{ margin:0; font:inherit; }
  .mnav-acc__btn{
    width:100%; min-height:52px; display:flex; align-items:center; justify-content:space-between;
    gap:.6em; padding:12px 16px; background:transparent; border:0; cursor:pointer;
    color:var(--tx,#e8eaed); font-family:var(--osw,sans-serif); text-transform:uppercase;
    letter-spacing:.09em; font-size:15px; font-weight:500; text-align:left;
    -webkit-tap-highlight-color:transparent;
  }
  .mnav-acc__btn:hover{ color:#fff; }
  .mnav-acc__btn:focus-visible{ outline:2px solid var(--gold,#d4af37); outline-offset:-2px; }
  .mnav-acc__chev{
    flex:0 0 auto; color:var(--dim,#828a96); transition:transform .28s ease, color .2s ease;
  }
  .mnav-acc.is-open .mnav-acc__btn{ color:#fff; }
  .mnav-acc.is-open .mnav-acc__chev{ transform:rotate(180deg); color:var(--gold,#d4af37); }
  /* gold accent tick that appears on the open section */
  .mnav-acc__title{ position:relative; padding-left:12px; }
  .mnav-acc__title::before{
    content:""; position:absolute; left:0; top:50%; width:3px; height:0; border-radius:2px;
    transform:translateY(-50%); background:var(--gold,#d4af37);
    transition:height .28s ease;
  }
  .mnav-acc.is-open .mnav-acc__title::before{ height:15px; }

  /* collapsible panel — visibility:hidden removes links from tab order + AT
     while collapsed, and animates alongside max-height for a smooth reveal */
  .mnav-acc__panel{
    max-height:0; overflow:hidden; visibility:hidden;
    transition:max-height .3s ease, visibility .3s ease;
  }
  .mnav-acc.is-open .mnav-acc__panel{ visibility:visible; }
  .mnav-acc__inner{ padding:2px 0 12px; }

  /* links */
  .mnav-link{
    display:flex; align-items:center; min-height:44px; padding:6px 16px 6px 28px;
    color:var(--mut,#9aa2ad); text-decoration:none; font-family:var(--inter,system-ui);
    font-size:14.5px; line-height:1.25; transition:color .15s ease, background .15s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mnav-link:hover{ color:#fff; background:rgba(255,255,255,.03); }
  .mnav-link:focus-visible{ outline:2px solid var(--gold,#d4af37); outline-offset:-2px; }
  .mnav-link--all{
    color:#fff; font-family:var(--osw,sans-serif); text-transform:uppercase;
    letter-spacing:.05em; font-size:13.5px; font-weight:500;
  }
  .mnav-tag{
    margin-left:auto; font-family:var(--mono7,monospace); font-size:10px; letter-spacing:.1em;
    text-transform:uppercase; color:var(--gold,#d4af37); border:1px solid rgba(212,175,55,.3);
    border-radius:99px; padding:.1em .6em;
  }
  .mnav-sub{
    display:block; padding:12px 16px 4px 28px; font-family:var(--mono7,monospace);
    font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim,#828a96);
  }

  /* ---------- CTA FOOTER ---------- */
  .mnav-foot{
    flex:0 0 auto; padding:14px 16px calc(14px + env(safe-area-inset-bottom));
    border-top:1px solid var(--line,#242a32); background:#0b0c10;
  }
  .mnav-join{
    display:flex; align-items:center; justify-content:center; min-height:50px;
    background:var(--red,#e11d2a); color:#fff; text-decoration:none;
    font-family:var(--osw,sans-serif); text-transform:uppercase; letter-spacing:.08em;
    font-weight:600; font-size:15px; border-radius:10px;
    box-shadow:0 6px 20px rgba(225,29,42,.28); transition:background .15s ease, transform .1s ease;
  }
  .mnav-join:hover{ background:var(--redb,#ff3b48); color:#fff; }
  .mnav-join:active{ transform:translateY(1px); }
  .mnav-join:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
}

/* =====================================================================
   SMALL PHONES (<=480px) — tighten so nothing overflows
   ===================================================================== */
@media (max-width:480px){
  /* drop the wordmark in the top bar, keep the WL mark, to guarantee fit */
  .nav7 .brand7 .bword{ display:none; }
  .nav7 .bar{ padding-inline:10px; gap:4px; }
  :is(.nav7,.hv3) .cta{ padding:.5em .65em; font-size:11.5px; }
  .mnav-drawer{ width:min(92vw,400px); }
}

/* =====================================================================
   REDUCED MOTION — no slide, just fade; no chevron/burger tweening
   ===================================================================== */
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .mnav-drawer{
    transition:opacity .2s ease; transform:none; opacity:0;
    pointer-events:none; visibility:hidden;
  }
  .mnav-drawer.is-open{ opacity:1; pointer-events:auto; visibility:visible; }
  .mnav-scrim{ transition:opacity .2s ease; }
  .mnav-burger__line,
  .mnav-acc__chev,
  .mnav-acc__title::before,
  .mnav-acc__panel{ transition:none; }
}

/* ---- mobile/hero.css ---- */
/* ============================================================================
   wrestlelore.com — HOMEPAGE HERO, MOBILE ONLY
   Block 1: .hv3-hero  (Lore Feed rail + .hspot carousel / match-desk)
   Scope: everything below is inside @media (max-width:760px) / (max-width:480px).
   Desktop (>760px) is untouched. CSS-only. No markup changes required.

   THE OVERLAP + WHY THE FIRST PASS LOST:
   index.html has an INLINE <style id="home-ringfeed"> block in <head> that loads
   AFTER css/site.css, holding the carousel layout on the `.js` prefix (the `.js`
   class lives on <html>):
     .js .hspot__viewport{position:relative;display:block;min-height:clamp(320px,46vw,400px);}
     .js .hspot__slide{position:absolute;inset:0;display:flex;opacity:0;visibility:hidden;...}
     .js .hspot__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;...}
   The JS (sizeViewport) also writes an inline height onto .hspot__viewport (~647px).
   All three slides stay position:absolute;inset:0, so the active slide overlays the
   copy + Lore Feed = the pile-up.

   To guarantee the win, the carousel rules below use the SAME `.js` selector prefix
   as the inline block (identical specificity) plus !important, so they beat both the
   inline stylesheet rules AND the JS-written inline height (inline styles without
   !important lose to an !important declaration).
   ============================================================================ */

/* Slide-change fade — top level so no @rule nesting can drop it */
@keyframes hvHeroFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

@media (max-width:760px){

  /* ---- 0 · Contain the hero: kill any horizontal page scroll ---------------- */
  .hv3-hero{padding:22px 0 26px;overflow-x:clip;}
  .hv3-hero .wrap{width:100%;box-sizing:border-box;}
  .hv3 .frame{padding:20px 16px 22px;border-radius:12px;}

  /* ---- 1 · Outer Lore-Feed grid → single column, rail moves LAST ------------ */
  .hv3-hero .hrl-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .hv3-hero .hrl-hero{order:1;min-width:0;}
  .hv3-hero .hrl-railwrap{
    order:2;
    position:static!important;
    height:min(60vh,480px)!important;   /* bounded, self-scrolling feed strip */
    margin-top:22px!important;
    transform:none!important;
  }
  .hv3-hero .hrl-rail{border-radius:12px;}

  /* ---- 2 · CAROUSEL: beat the inline `.js …` rules + JS inline height -------- */
  /* Viewport flows and releases the JS-written pixel height.                     */
  .js .hspot__viewport{
    position:static!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
  }
  /* Every slide out of the absolute stack; ONLY the active one occupies flow.    */
  .js .hspot__slide{
    position:static!important;
    inset:auto!important;
    display:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:none!important;
  }
  .js .hspot__slide.is-active{
    display:block!important;
    animation:hvHeroFade .4s ease both;
  }
  /* Poster / media keep a real height box so their inset:0 image has something to
     fill (they never escape the slide).                                          */
  .js .hspot__poster,
  .js .hspot__poster--img,
  .js .mdx-screen{
    position:relative!important;
    min-height:clamp(240px,70vw,320px)!important;
  }

  /* ---- 3 · Inner hero grid → single column, app-like vertical order ---------- */
  /* copy (headline · lede · CTAs) first, match-desk card second.                 */
  .hv3 .herogrid,
  .hv3 .herogrid.is-desk{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  .hv3 .hspot__copy{order:1;min-width:0;}
  .hv3 .mdx-stage{order:2;min-width:0;}

  /* ---- 4 · Headline scaled DOWN to sit cleanly in 2–3 lines ----------------- */
  .hv3-hero .hv3-h1{
    font-size:clamp(1.95rem,7.4vw,2.7rem)!important;
    line-height:1.03!important;
    letter-spacing:.005em;
    margin:.1em 0 .3em!important;
  }
  .hv3-hero .lede{
    font-size:15px!important;
    line-height:1.5!important;
    max-width:none!important;
  }
  .hv3 .onair{font-size:11px;}

  /* ---- 5 · Primary CTAs → comfortable 44px tap targets ---------------------- */
  .hv3 .herocta,
  .hv3 .mdx-cta{gap:10px!important;margin-top:16px!important;}
  .hv3 .mdx-cta .mdx-watch,
  .hv3 .mdx-cta .btn-ghost,
  .hv3 .herocta>a{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
  }
  .mdx-open{max-width:100%!important;box-sizing:border-box;}
  .mdx-open__t{line-height:1.3;}

  /* ---- 6 · Match-desk card: sized to the viewport, readable, tappable ------- */
  .hv3 .mdx-stage{margin-top:2px;}
  .js .mdx-screen,
  .hv3 .mdx-screen{height:clamp(260px,72vw,330px)!important;}
  .hv3 .mdx-belt{margin-top:14px!important;flex-wrap:wrap;gap:10px 14px;}
  .hv3 .mdx-bell{width:56px;height:48px;}
  /* keep the ledger (sealed result / ballot) legible if the desk is expanded */
  .hv3 .herogrid.is-desk .mdx-ledger{grid-template-columns:1fr!important;}

  /* ---- 7 · Carousel controls (dots / prev / next / play) → 44px targets ----- */
  .js .hspot__ui{margin-top:14px!important;flex-wrap:wrap;gap:8px 10px;}
  .hspot__nav,
  .hspot__play{width:44px!important;height:44px!important;}
  .hspot__nav svg{width:18px;height:18px;}
  .hspot__dots{gap:12px;}
  .hspot__dot{position:relative;}
  .hspot__dot::before{               /* invisible 44×44 hit area, visuals unchanged */
    content:"";position:absolute;top:50%;left:50%;
    width:44px;height:44px;transform:translate(-50%,-50%);
  }

  /* ---- 8 · Lore Feed rail: keep-form inputs tappable ------------------------ */
  .hrl-keep input{min-height:44px;box-sizing:border-box;}
  .hrl-keep button{min-height:44px;}
  .hrl-filters{gap:.55rem 1rem;}
  .hrl-filters a{padding:6px 0;}
}

/* ============================================================================
   SMALL PHONE FINE-TUNING (<=480px)
   ============================================================================ */
@media (max-width:480px){

  .hv3-hero{padding:18px 0 22px;}
  .hv3 .frame{padding:16px 12px 18px;border-radius:11px;}

  .hv3-hero .hv3-h1{
    font-size:clamp(1.7rem,8.6vw,2.25rem)!important;
    line-height:1.04!important;
  }
  .hv3-hero .lede{font-size:14.5px!important;}

  /* Stack the primary CTAs full-width for one-thumb reach */
  .hv3 .mdx-cta,
  .hv3 .herocta{flex-direction:column!important;align-items:stretch!important;}
  .hv3 .mdx-cta .mdx-watch,
  .hv3 .mdx-cta .btn-ghost,
  .hv3 .herocta>a{width:100%;}

  .js .mdx-screen,
  .hv3 .mdx-screen{height:clamp(230px,64vw,290px)!important;}
  .js .hspot__poster,
  .js .hspot__poster--img{min-height:clamp(220px,62vw,280px)!important;}
  .hv3 .mdx-title{font-size:clamp(1.35rem,6vw,1.8rem)!important;}

  .hv3-hero .hrl-railwrap{height:min(64vh,440px)!important;}
}

/* ============================================================================
   Reduced motion: no fade on slide change
   ============================================================================ */
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .js .hspot__slide.is-active{animation:none!important;}
}

/* ---- mobile Lore Feed rail: stop the absolute overlay, let it flow below the hero ---- */
@media (max-width:760px){
  .hrl-railwrap{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin-top:1.1rem!important;}
  .hrl-rail{position:static!important;inset:auto!important;height:auto!important;max-height:70vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;}
}

/* ---- mobile/sections.css ---- */
/* ==========================================================================
   wrestlelore.com  ·  MOBILE HOMEPAGE SECTIONS  (everything below the hero)
   --------------------------------------------------------------------------
   Goal: premium app-like phone experience. One clean column, no horizontal
   PAGE scroll, intentional swipeable rails with edge-fade + a "swipe" hint.

   Scope rules:
     - Everything lives inside @media (max-width:760px) or (max-width:480px).
     - Desktop above 760px is never touched.
     - Pairs with js/scroll.js, which adds .js-hscroll (+ .hs-wrap / .hs-hint)
       and drives the --hsl / --hsr edge-fade variables. Layout collapse and
       rail conversion are pure CSS so they work even before the JS runs.
     - Selectors are id-led (#wdeal, #tpx, #clx, #ptk) or double-class
       (.hv3 .foo) so they win over the page's inline <style> blocks
       regardless of source order.
   ========================================================================== */

/* ======================= PRIMARY MOBILE  (<=760px) ======================= */
@media (max-width:760px){

  /* 0 · PAGE CONTAINMENT — the html/body must never exceed the viewport ---- */
  html,body{max-width:100%;overflow-x:hidden;}

  /* 1 · SECTION RHYTHM & TYPE -------------------------------------------- */
  .hv3 .section{padding-block:var(--sp-6,2rem);}
  .hv3 .section-head{margin-bottom:var(--sp-4,1rem);gap:.3rem .8rem;}
  .hv3 .section-head h2{font-size:clamp(1.55rem,7.4vw,2.1rem);line-height:1.02;}
  .thisweek .tw-lede{font-size:.94rem;line-height:1.55;}

  /* 44px tap targets across the homepage controls ------------------------ */
  .hv3 .chip7{min-height:44px;display:inline-flex;align-items:center;}
  .hv3 .rowlink{min-height:44px;}
  .thisweek .tw-item{min-height:48px;}

  /* 2 · STACK — multi-column desktop grids collapse to ONE column -------- */
  .hv3 .lanegrid,
  .hv3 .grid8,
  .hv3 .serierow{grid-template-columns:1fr;}

  /* 2026 Season events: the .rail7 timeline row -> single stacked column */
  .hv3 .rail7{flex-direction:column;gap:10px;padding-top:6px;}
  .hv3 .rail7::before{display:none;}                 /* drop the horizontal spine */
  .hv3 .rail7 .tc,
  .hv3 .rail7 .tc--main{flex:1 1 auto;width:100%;min-height:82px;}
  .hv3 .rail7 .tc::before{display:none;}             /* drop the spine node dots */

  /* AJ HOF dossier: two-column .aj3-grid -> one column (extends 940 rule) */
  .section.aj3 .aj3-grid{grid-template-columns:1fr;gap:16px;}
  .section.aj3 .aj3-spot{padding:20px 18px 18px;}
  /* the .aj3 career timeline is VERTICAL (a stacked spine), so it simply
     stays one column — no horizontal scroller needed. */

  /* Five-Star Classics: spotlight + rail -> stacked, rail becomes a swiper */
  #clx{grid-template-columns:1fr;gap:14px;}
  #clx .clx-main{min-height:300px;}

  /* The Production Truck monitor bank -> stacked program, 2-up monitors */
  #ptk{grid-template-columns:1fr;gap:14px;}
  #ptk .ptk-program{min-height:300px;}
  #ptk .ptk-bank{grid-template-columns:repeat(2,minmax(0,1fr));}

  /* The Moments Reel wrapper -> single column (film strip below is a swiper) */
  #tpx{grid-template-columns:1fr;gap:14px;}

  /* 3 · INTENTIONAL HORIZONTAL SCROLLERS --------------------------------- *
     Kept swipeable, contained in the viewport, momentum + snap. The
     edge-fade mask + "swipe" hint are layered on by .js-hscroll below.     */

  /* shared momentum + snap for every converted rail */
  .thisweek .tw-rail,
  .thisweek .tw-list,
  #wdeal,
  .hv3 .filterrow,
  #tpx .tpx-reel,
  #clx .clx-rail{
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
  }

  /* This Week — video card rail (already a scroller; add snap on the list) */
  .thisweek .tw-list{scroll-snap-type:x proximity;}
  .thisweek .tw-item{scroll-snap-align:start;}
  .thisweek .tw-rail>li{scroll-snap-align:start;}

  /* The Wrestlers — #wdeal card deck: grid -> horizontal deck */
  #wdeal{display:flex;flex-wrap:nowrap;grid-template-columns:none;gap:12px;
    overflow-x:auto;padding-bottom:4px;}
  #wdeal .tile{display:block;flex:0 0 62%;max-width:62%;min-width:0;scroll-snap-align:start;}

  /* The Wrestlers — chip/lane filter rail: wrap -> horizontal swiper */
  .hv3 .filterrow{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;
    margin-bottom:var(--sp-4);}
  .hv3 .filterrow .chip7{flex:0 0 auto;scroll-snap-align:start;}

  /* The Moments Reel — #tpx film strip: auto-roll off, becomes a manual swiper */
  #tpx .tpx-reel{overflow-x:auto;padding:14px 0;}
  #tpx .tpx-reel::before,
  #tpx .tpx-reel::after{display:none;}   /* JS edge-fade mask replaces these */
  #tpx .tpx-track{animation:none;}
  #tpx .tpx-frame{scroll-snap-align:start;}

  /* Five-Star Classics — #clx rail of match cards: grid -> horizontal swiper */
  #clx .clx-rail{display:flex;flex-wrap:nowrap;grid-template-columns:none;
    grid-auto-rows:auto;gap:8px;overflow-x:auto;padding-bottom:4px;}
  #clx .clx-card{flex:0 0 78%;scroll-snap-align:start;}

  /* 4 · SCROLL INDICATOR SYSTEM (added by js/scroll.js) ------------------ *
     .hs-wrap  — a relative positioned wrapper JS inserts around each rail
                 (only on mobile; removed again above 760px so desktop DOM
                 stays untouched).
     .js-hscroll — the rail itself; carries the edge-fade mask.
     --hsl / --hsr — left / right fade width, toggled by JS on scroll.       */

  .hv3 .hs-wrap{position:relative;min-width:0;}

  .hv3 .js-hscroll{
    --hsl:0px; --hsr:30px;                 /* default: hint that more is to the right */
    scrollbar-width:none;                  /* rely on fade + hint, not a bar */
    -webkit-mask-image:linear-gradient(to right,
      transparent 0, #000 var(--hsl,0px),
      #000 calc(100% - var(--hsr,0px)), transparent 100%);
    mask-image:linear-gradient(to right,
      transparent 0, #000 var(--hsl,0px),
      #000 calc(100% - var(--hsr,0px)), transparent 100%);
  }
  .hv3 .js-hscroll::-webkit-scrollbar{display:none;}

  /* the "swipe" affordance: a small gold pill pinned to the right edge */
  .hv3 .hs-hint{
    position:absolute; top:50%; right:8px; z-index:8;
    transform:translateY(-50%);
    display:inline-flex; align-items:center; gap:7px;
    pointer-events:none; user-select:none;
    font-family:'JetBrains Mono',ui-monospace,monospace;
    font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:#0d0e12;
    background:linear-gradient(180deg,#f2cc4b,#d4af37);
    border-radius:999px; padding:6px 11px;
    box-shadow:0 4px 14px rgba(0,0,0,.45);
    transition:opacity .45s ease, transform .45s ease;
  }
  .hv3 .hs-hint__dots{display:inline-flex; gap:3px;}
  .hv3 .hs-hint__dots i{width:4px; height:4px; border-radius:50%; background:#0d0e12; opacity:.4;
    animation:hsDots 1.15s ease-in-out infinite;}
  .hv3 .hs-hint__dots i:nth-child(2){animation-delay:.15s;}
  .hv3 .hs-hint__dots i:nth-child(3){animation-delay:.3s;}
  .hv3 .hs-hint.is-gone{opacity:0; transform:translateY(-50%) scale(.9);}
  @keyframes hsDots{0%,100%{opacity:.35; transform:translateX(0);}
                    50%{opacity:1; transform:translateX(2px);}}

  /* 5 · TICKER — the .rt live strip wraps to TWO lines (taller, readable) - *
     Items are position:absolute, so the strip can't auto-grow; min-height is
     sized for a name line + a headline that may wrap once, with no clipping. */
  .ticker7.rt{height:auto; min-height:68px; align-items:stretch;}
  .ticker7.rt .rt-tag{align-items:center; padding:0 13px;}
  .ticker7.rt .rt-stage{min-height:68px;}
  .ticker7.rt .rt-item{
    white-space:normal; flex-wrap:wrap; align-content:center;
    row-gap:2px; column-gap:.5em; padding:8px 14px;
  }
  .ticker7.rt .rt-name{flex:0 0 auto; font-size:13px;}
  .ticker7.rt .rt-txt{
    flex:1 1 100%; min-width:0; white-space:normal; line-height:1.28;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  }
  .ticker7.rt .rt-t{flex:0 0 auto; margin-left:auto;}
}

/* ======================= SMALL PHONE  (<=480px) ========================== */
@media (max-width:480px){
  .hv3 .section{padding-block:var(--sp-5,1.5rem);}
  .hv3 .section-head h2{font-size:clamp(1.4rem,8vw,1.85rem);}

  /* give a touch more of the next card as a "there's more" cue */
  #wdeal .tile{flex-basis:70%; max-width:70%;}
  #clx .clx-card{flex-basis:85%;}
  .thisweek .tw-rail>li{flex:0 0 82%;}

  /* monitor bank single column so each feed stays legible */
  #ptk .ptk-bank{grid-template-columns:1fr;}

  /* taller two-line ticker on the narrowest screens */
  .ticker7.rt,
  .ticker7.rt .rt-stage{min-height:72px;}
}

/* ================== REDUCED MOTION (mobile scroll layer) ================== *
   These selectors only exist on mobile (JS adds them there), so toning them
   down here never affects desktop.                                          */
@media (prefers-reduced-motion:reduce){
  .hv3 .hs-hint{transition:none;}
  .hv3 .hs-hint__dots i{animation:none; opacity:.6;}
  #tpx .tpx-track{animation:none;}
}

/* ============ GALLERY REDESIGN (gv-*) + MEDIA SUB-NAV ============ */
:root{--wl-shell-h:103px;}
.wl-subnav{position:sticky;top:calc(var(--wl-shell-h) - 2px);z-index:90;background:color-mix(in srgb,var(--c-bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line);}
.wl-subnav__inner{display:flex;align-items:stretch;gap:var(--sp-4);height:42px;}
.wl-subnav__tag{flex:0 0 auto;display:none;align-items:center;white-space:nowrap;font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-text-dim);}
.wl-subnav__tag::before{content:"";width:.5em;height:.5em;margin-right:.6em;background:var(--c-red);border-radius:1px;align-self:center;}
@media(min-width:760px){.wl-subnav__tag{display:inline-flex;}}
.wl-subnav__list{flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;align-items:stretch;gap:2px;overflow-x:auto;scrollbar-width:none;}
.wl-subnav__list::-webkit-scrollbar{display:none;}
.wl-subnav__list a{display:inline-flex;align-items:center;height:100%;padding:0 .9em;white-space:nowrap;font-family:var(--font-cond);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;color:var(--c-text-muted);text-decoration:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;}
.wl-subnav__list a:hover{color:var(--c-text);}
.wl-subnav__list a[aria-current="page"]{color:var(--c-gold-bright);border-bottom-color:var(--c-gold);}
.gv-mast{padding:var(--sp-6) 0 var(--sp-2);}
.gv-mast h1{font-family:var(--font-disp);font-size:clamp(2.4rem,6vw,4.4rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;margin:.12em 0;}
.gv-mast__sub{color:var(--c-text-muted);max-width:66ch;}
.gv-hero{display:grid;grid-template-columns:1.5fr .9fr;gap:var(--sp-5);align-items:stretch;margin:var(--sp-5) 0 var(--sp-6);border:1px solid var(--c-line);border-radius:14px;overflow:hidden;background:var(--c-bg-elev-1);}
.gv-hero__art{position:relative;display:block;aspect-ratio:16/9;background:#000;}
.gv-hero__tag{position:absolute;top:12px;left:12px;z-index:4;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-gold-bright);background:rgba(8,9,11,.72);border:1px solid var(--c-line-strong);border-radius:2px;padding:.35em .6em;}
.gv-hero__meta{display:flex;flex-direction:column;justify-content:center;gap:.55rem;padding:var(--sp-5);}
.gv-hero__h{font-family:var(--font-disp);font-size:clamp(1.6rem,3vw,2.7rem);line-height:1;text-transform:uppercase;}
.gv-hero__sub{color:var(--c-text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;}
.gv-hero__cta{align-self:start;color:var(--c-gold-bright);font-family:var(--font-cond);font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--c-gold-dim);border-radius:2px;padding:.5em 1em;text-decoration:none;}
.gv-hero__cta:hover{background:var(--c-gold-tint,rgba(212,175,55,.12));}
@media(max-width:760px){.gv-hero{grid-template-columns:1fr;}}
.gv-sec{margin:var(--sp-6) 0;}
.gv-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:var(--sp-3);border-bottom:1px solid var(--c-line);padding-bottom:.5rem;}
.gv-sec__kk{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-gold-bright);margin-bottom:.2em;}
.gv-sec__head h2{font-family:var(--font-disp);font-size:clamp(1.3rem,2.4vw,2rem);text-transform:uppercase;line-height:1;}
.gv-more{flex:0 0 auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-muted);border:1px solid var(--c-line-strong);border-radius:2px;padding:.5em .8em;white-space:nowrap;text-decoration:none;}
.gv-more:hover{color:var(--c-gold-bright);border-color:var(--c-gold-dim);}
/* gv rails: constrain cards to a horizontal strip (tw-rail base is .thisweek-scoped) */
.gv-sec .tw-rail{display:flex;gap:var(--sp-4,1rem);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:.6rem;list-style:none;margin:0;scrollbar-width:thin;scrollbar-color:var(--golddim,#8c7420) transparent;}
.gv-sec .tw-rail>li{flex:0 0 clamp(220px,32%,266px);scroll-snap-align:start;}
.gv-sec .tw-rail .vcard{height:100%;}
.gv-hero__art .yt__link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ==== RAF (generated by build/build_raf.py — do not hand-edit) ==== */
:root{--c-raf:#2E5FA3;--c-raf-b:#5B93D6;--raf:#2E5FA3}
.raf{max-width:1180px;margin:0 auto;padding:0 clamp(16px,3vw,32px) 96px}
.raf .raf-hero{padding:26px 0 22px;border-bottom:1px solid var(--c-line)}
.raf-kicker{display:flex;align-items:center;gap:12px;font:600 12px/1 var(--f-mono,monospace);
  letter-spacing:.16em;text-transform:uppercase;color:var(--c-gold);margin:0 0 14px}
.raf-mark{display:inline-block;background:var(--c-raf);color:#fff;padding:5px 9px;letter-spacing:.14em;font-weight:800}
.raf-h1{font-family:var(--f-display,inherit);font-size:clamp(38px,7vw,74px);line-height:.96;margin:0 0 10px;letter-spacing:-.02em}
.raf-tag{font-size:19px;color:var(--c-gold);margin:0 0 18px;letter-spacing:.02em}
.raf-lede{font-size:19px;line-height:1.6;color:var(--c-ink-2,#b9c2cb);max-width:62ch;margin:0}
.raf-meta{display:flex;flex-wrap:wrap;gap:26px}
.raf-meta span{display:flex;flex-direction:column;gap:4px;font-size:15px}
.raf-meta b{font:600 10.5px/1 var(--f-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-3,#8892a0)}
.raf-note{font-size:17px;line-height:1.6;color:var(--c-ink-2,#b9c2cb);max-width:66ch;margin:22px 0 0;
  border-left:3px solid var(--c-raf);padding-left:16px}
.raf-stats{display:flex;flex-wrap:wrap;gap:1px;background:var(--c-line);border:1px solid var(--c-line);margin:26px 0 0}
.raf-stats div{flex:1 1 150px;background:var(--c-bg);padding:14px 16px;display:flex;flex-direction:column;gap:5px;
  font:500 11px/1.3 var(--f-mono,monospace);letter-spacing:.11em;text-transform:uppercase;color:var(--c-ink-3,#8892a0)}
.raf-stats b{font-family:var(--f-display,inherit);font-size:27px;letter-spacing:-.01em;color:var(--c-gold);text-transform:none}
.raf-h2{font-family:var(--f-display,inherit);font-size:clamp(24px,3.4vw,34px);margin:46px 0 6px;letter-spacing:-.015em}
.raf-sub{font-size:15px;color:var(--c-ink-3,#8892a0);margin:0 0 16px}
.raf-tw{overflow-x:auto;border:1px solid var(--c-line);margin:18px 0 0}
table.raf-card{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
table.raf-card th{font:600 10.5px/1 var(--f-mono,monospace);letter-spacing:.12em;text-transform:uppercase;
  color:var(--c-ink-3,#8892a0);text-align:left;padding:13px 16px;border-bottom:1px solid var(--c-line);white-space:nowrap}
table.raf-card td{padding:13px 16px;border-bottom:1px solid var(--c-line-soft,rgba(255,255,255,.06));vertical-align:top}
table.raf-card tbody tr:last-child td{border-bottom:none}
.raf-wc{font:500 12px/1.4 var(--f-mono,monospace);letter-spacing:.06em;color:var(--c-ink-3,#8892a0);white-space:nowrap}
.raf-vs{line-height:1.7}
.raf-n{font-weight:600}
.raf-n.is-win{color:var(--c-gold)}
.raf-d{display:inline-block;margin:0 9px;font:500 11px/1 var(--f-mono,monospace);
  letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-3,#8892a0)}
.raf-belt{display:block;margin-top:6px;font:600 10.5px/1.4 var(--f-mono,monospace);letter-spacing:.1em;
  text-transform:uppercase;color:var(--c-raf-b)}
.raf-belt.is-change{color:var(--c-gold)}
.raf-res{font:500 13.5px/1.5 var(--f-mono,monospace);white-space:nowrap;color:var(--c-ink-2,#b9c2cb)}
.raf-tbd{color:var(--c-ink-3,#8892a0);font-style:italic}
.raf-vac{color:var(--c-ink-3,#8892a0);font-style:italic}
.raf-clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:16px;margin-top:6px}
.raf-vcard{min-width:0}
.raf-watch{margin-top:44px;border:1px solid var(--c-line);border-top:3px solid var(--c-raf);padding:22px 24px}
.raf-watch b{display:block;font:600 10.5px/1 var(--f-mono,monospace);letter-spacing:.14em;
  text-transform:uppercase;color:var(--c-gold);margin-bottom:10px}
.raf-watch p{margin:0 0 16px;max-width:64ch;font-size:15.5px;line-height:1.6;color:var(--c-ink-2,#b9c2cb)}
.raf-cta{display:inline-block;margin:0 10px 0 0;padding:10px 18px;border:1px solid var(--c-raf-b);
  color:var(--c-raf-b);font:600 12px/1 var(--f-mono,monospace);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.raf-cta:hover{background:var(--c-raf);border-color:var(--c-raf);color:#fff}
.raf-cta--ghost{border-color:var(--c-line);color:var(--c-ink-3,#8892a0)}
.raf-nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;padding-top:22px;border-top:1px solid var(--c-line)}
.raf-evs{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:1px;
  background:var(--c-line);border:1px solid var(--c-line);margin-top:18px}
.raf-ev{display:flex;flex-direction:column;gap:5px;background:var(--c-bg);padding:18px 20px;text-decoration:none;
  transition:background .16s ease}
.raf-ev:hover{background:var(--c-bg-2,rgba(255,255,255,.04))}
.raf-ev.is-up{border-left:3px solid var(--c-gold)}
.raf-ev__n{font-family:var(--f-display,inherit);font-size:23px;letter-spacing:-.01em;color:var(--c-ink,#e8edf1)}
.raf-ev__t{font-size:15px;color:var(--c-gold)}
.raf-ev__d{font:500 11.5px/1 var(--f-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-3,#8892a0);margin-top:3px}
.raf-ev__v{font-size:13.5px;color:var(--c-ink-3,#8892a0)}
.raf-ev__c{font:600 10.5px/1 var(--f-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--c-raf-b);margin-top:4px}
.raf-faq{border:1px solid var(--c-line);margin-bottom:8px;background:var(--c-bg)}
.raf-faq summary{cursor:pointer;padding:15px 18px;font-weight:600;font-size:16.5px;list-style:none}
.raf-faq summary::-webkit-details-marker{display:none}
.raf-faq summary::after{content:"+";float:right;color:var(--c-raf-b);font-weight:400}
.raf-faq[open] summary::after{content:"\2013"}
.raf-faq p{margin:0;padding:0 18px 17px;font-size:15.5px;line-height:1.65;color:var(--c-ink-2,#b9c2cb);max-width:70ch}
.chip--raf{background:rgba(46,95,163,.16);color:var(--c-raf-b);border-color:rgba(46,95,163,.5)}
.raf-now{margin:22px 0 0;padding:12px 18px;border:1px solid var(--c-gold-dim,rgba(212,175,55,.4));font:600 12.5px/1.5 var(--f-mono,monospace);letter-spacing:.06em;color:var(--c-gold);display:inline-block}
.raf-p{font-size:16.5px;line-height:1.72;color:var(--c-ink-2,#b9c2cb);max-width:70ch;margin:0 0 15px}
.raf-correct{margin:26px 0 0;border-left:3px solid var(--c-raf-b);padding:16px 20px;background:var(--c-bg-2,rgba(255,255,255,.03))}
.raf-correct b{display:block;font:600 10.5px/1 var(--f-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--c-raf-b);margin-bottom:9px}
.raf-correct p{margin:0;font-size:15.5px;line-height:1.65;color:var(--c-ink-2,#b9c2cb);max-width:72ch}
.raf-res-l{font-weight:600;color:var(--c-loss,#c4574d)}
.raf-stats--ath{margin:24px 0 0}
.raf-stats--ath b{color:var(--c-raf-b)}
.rec2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin:2px 0 18px}
.rec2-stat{background:#12141a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:11px 13px;display:flex;flex-direction:column;gap:3px}
.rec2-stat b{font-family:var(--f-display,inherit);font-size:22px;line-height:1;color:var(--c-gold);letter-spacing:-.01em}
.rec2-stat span{font:500 10.5px/1.3 var(--f-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-3,#8892a0)}
@media (max-width:640px){.rec2-stats{grid-template-columns:repeat(2,1fr)}}
.raf-colophon{margin-top:52px;padding-top:20px;border-top:1px solid var(--c-line);
  font-size:13px;line-height:1.7;color:var(--c-ink-3,#8892a0);max-width:82ch}
@media (max-width:640px){
  .raf-meta{gap:16px}
  .raf-clips{grid-template-columns:1fr 1fr}
}
/* ==== /RAF ==== */