/* Page base */
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:#070c1a;color:#f4f1e8}
img{max-width:100%;height:auto}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Layout: floodlit night-match hero, then full-width bands alternating navy/night, each with a centred 1180px inner column. */
.mfcl{
  --mf-night:#070c1a; --mf-navy:#0e1630; --mf-panel:#131d3b; --mf-rule:#25325a;
  --mf-gold:#f5b800; --mf-gold-2:#ffd95a; --mf-red:#d42a3c; --mf-green:#1e9e57;
  --mf-ink:#f4f1e8; --mf-mute:#a7b1cc;
  --mf-display:"Teko","Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --mf-body:"Barlow","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mf-label:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  color-scheme:dark; background:var(--mf-night); color:var(--mf-ink);
  font-family:var(--mf-body); font-size:17px; line-height:1.6; overflow-x:clip;
}
.mfcl *,.mfcl *::before,.mfcl *::after{box-sizing:border-box}
.mfcl h1,.mfcl h2,.mfcl h3,.mfcl p,.mfcl ul,.mfcl ol,.mfcl dl,.mfcl dd,.mfcl figure{margin:0;padding:0}
.mfcl ul,.mfcl ol{list-style:none}
.mfcl a{color:inherit;text-decoration:none}
.mfcl a:focus-visible,.mfcl button:focus-visible{outline:3px solid var(--mf-gold-2);outline-offset:3px;border-radius:4px}
.mfcl h1,.mfcl h2,.mfcl h3{font-family:var(--mf-display);font-weight:600;line-height:.9;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;color:var(--mf-ink)}
.mfcl .wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.mfcl .band{padding-block:clamp(64px,9vw,112px)}
.mfcl .band--navy{background:var(--mf-navy)}
.mfcl .eyebrow{font-family:var(--mf-label);font-weight:600;font-size:.86rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mf-gold)}
.mfcl .sec-head{display:grid;gap:12px;margin-bottom:clamp(32px,5vw,52px);max-width:720px}
.mfcl .sec-head h2{font-size:clamp(2.6rem,6vw,4.2rem)}
.mfcl .sec-head p{color:var(--mf-mute);max-width:62ch}
.mfcl .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mf-label);font-weight:700;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;padding:14px 26px;border-radius:999px;border:2px solid var(--mf-gold);transition:transform .15s ease,background .15s ease,color .15s ease}
.mfcl .btn--gold{background:var(--mf-gold);color:var(--mf-night)}
.mfcl .btn--gold:hover{background:var(--mf-gold-2);transform:translateY(-2px)}
.mfcl .btn--ghost{color:var(--mf-gold)}
.mfcl .btn--ghost:hover{background:var(--mf-gold);color:var(--mf-night)}

/* Nav */
.mfcl .nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--mf-night);border-bottom:1px solid var(--mf-rule)}
.mfcl .nav .wrap{display:flex;align-items:center;gap:20px;min-height:68px}
.mfcl .brand{display:flex;align-items:center;gap:10px;font-family:var(--mf-display);font-size:2rem;font-weight:700;line-height:1;letter-spacing:.04em;flex:none}
.mfcl .brand .ball{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff6b78,var(--mf-red) 55%,#7d0f1d);box-shadow:inset 0 0 0 2px rgba(0,0,0,.15);position:relative}
.mfcl .brand .ball::after{content:"";position:absolute;inset:3px 9px;border-left:1.5px dashed var(--mf-ink);border-right:1.5px dashed var(--mf-ink);opacity:.8}
.mfcl .nav-links{display:flex;gap:22px;margin-left:auto;overflow-x:auto;scrollbar-width:none;font-family:var(--mf-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.95rem;color:var(--mf-mute)}
.mfcl .nav-links a{white-space:nowrap;padding-block:6px}
.mfcl .nav-links a:hover{color:var(--mf-gold-2)}
.mfcl .nav .btn{padding:9px 18px;font-size:.92rem;flex:none}

/* Hero */
.mfcl .hero{position:relative;isolation:isolate;padding-block:clamp(56px,8vw,104px) clamp(72px,9vw,120px);
  background:
    radial-gradient(60% 55% at 12% -8%,rgba(255,228,150,.30),transparent 60%),
    radial-gradient(60% 55% at 88% -8%,rgba(255,228,150,.26),transparent 60%),
    radial-gradient(90% 60% at 50% 115%,rgba(30,158,87,.28),transparent 70%),
    var(--mf-night)}
.mfcl .hero::before{content:"";position:absolute;inset:auto 0 0 0;height:46%;z-index:-1;
  background:linear-gradient(180deg,transparent,rgba(7,12,26,.0) 30%),
    repeating-linear-gradient(90deg,transparent 0 7%,rgba(255,255,255,.035) 7% 7.3%);
  -webkit-mask:linear-gradient(180deg,transparent,#000 60%);mask:linear-gradient(180deg,transparent,#000 60%)}
.mfcl .hero::after{content:"";position:absolute;left:-60px;bottom:-40px;width:340px;height:180px;z-index:-1;transform:rotate(-14deg);
  background:repeating-linear-gradient(0deg,var(--mf-gold) 0 10px,transparent 10px 26px);opacity:.18}
.mfcl .hero .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);align-items:center}
.mfcl .hero-copy{display:grid;gap:22px;min-width:0}
.mfcl .hero h1{font-size:clamp(4.6rem,13vw,10rem);line-height:.8;color:var(--mf-ink)}
.mfcl .hero h1 span{display:block;color:var(--mf-gold);text-shadow:0 0 40px rgba(245,184,0,.35)}
.mfcl .hero .lede{font-size:clamp(1.08rem,1.6vw,1.25rem);color:var(--mf-ink);max-width:46ch}
.mfcl .hero .lede strong{color:var(--mf-gold-2);font-weight:600}
.mfcl .cta-row{display:flex;flex-wrap:wrap;gap:14px}

/* Scoreboard countdown */
.mfcl .board{background:linear-gradient(180deg,#0b1328,#060a16);border:1px solid var(--mf-rule);border-radius:18px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 6px rgba(245,184,0,.06);min-width:0}
.mfcl .board-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-family:var(--mf-label);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--mf-mute);border-bottom:1px dashed var(--mf-rule);padding-bottom:12px;margin-bottom:18px}
.mfcl .board-top b{color:var(--mf-red);font-weight:700}
.mfcl .cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mfcl .cell{background:#04070f;border:1px solid #1b2547;border-radius:10px;padding:12px 6px 8px;text-align:center}
.mfcl .cell .n{display:block;font-family:var(--mf-display);font-size:clamp(2.6rem,5vw,3.6rem);line-height:.9;color:var(--mf-gold);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(245,184,0,.45)}
.mfcl .cell .u{font-family:var(--mf-label);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mf-mute)}
.mfcl .board-foot{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center}
.mfcl .day{border-top:3px solid var(--mf-gold);padding-top:8px}
.mfcl .day b{display:block;font-family:var(--mf-display);font-size:2rem;line-height:1;font-weight:600}
.mfcl .day span{font-family:var(--mf-label);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mf-mute)}

/* Ticker */
.mfcl .ticker{background:var(--mf-gold);color:var(--mf-night);overflow:hidden;border-block:3px solid var(--mf-night)}
.mfcl .ticker-track{display:flex;width:max-content;animation:mfcl-scroll 48s linear infinite}
.mfcl .ticker-track span{font-family:var(--mf-display);font-size:1.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:8px 22px;white-space:nowrap;line-height:1.2}
.mfcl .ticker-track span::after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--mf-red);margin-left:44px;vertical-align:middle}
@keyframes mfcl-scroll{to{transform:translateX(-50%)}}

/* About */
.mfcl .about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:start}
.mfcl .about-copy{display:grid;gap:18px;min-width:0}
.mfcl .about-copy p{color:var(--mf-mute);max-width:60ch}
.mfcl .about-copy p:first-of-type{color:var(--mf-ink);font-size:1.2rem}
.mfcl .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--mf-rule);border:1px solid var(--mf-rule);border-radius:16px;overflow:hidden}
.mfcl .stat{background:var(--mf-navy);padding:24px}
.mfcl .stat b{display:block;font-family:var(--mf-display);font-size:clamp(3rem,6vw,4.4rem);line-height:.85;color:var(--mf-gold);font-weight:600}
.mfcl .stat span{font-family:var(--mf-label);letter-spacing:.12em;text-transform:uppercase;font-size:.92rem;color:var(--mf-ink)}

/* Season 6 */
.mfcl .s6{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.mfcl .facts{display:grid;border-top:1px solid var(--mf-rule)}
.mfcl .facts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding-block:16px;border-bottom:1px solid var(--mf-rule)}
.mfcl .facts dt{font-family:var(--mf-label);letter-spacing:.14em;text-transform:uppercase;font-size:.88rem;color:var(--mf-mute);padding-top:3px}
.mfcl .facts dd{font-weight:600}
.mfcl .callout{background:var(--mf-panel);border:1px solid var(--mf-rule);border-radius:18px;padding:clamp(24px,4vw,36px);display:grid;gap:18px;position:relative;overflow:hidden}
.mfcl .callout::before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff6b78,var(--mf-red) 55%,#6d0b18);opacity:.9}
.mfcl .callout::after{content:"";position:absolute;right:16px;top:-40px;width:46px;height:160px;border-left:3px dashed rgba(244,241,232,.7);border-right:3px dashed rgba(244,241,232,.7);transform:rotate(28deg);transform-origin:top}
.mfcl .callout h3{font-size:clamp(2.2rem,4vw,3rem);max-width:12ch;position:relative}
.mfcl .callout p{color:var(--mf-mute);position:relative}
.mfcl .roles{display:flex;flex-wrap:wrap;gap:8px}
.mfcl .roles li{font-family:var(--mf-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;border:1px solid var(--mf-rule);border-radius:999px;padding:6px 14px;color:var(--mf-ink)}

/* Teams */
.mfcl .roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px);border-top:2px solid var(--mf-gold)}
.mfcl .team{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding-block:14px;border-bottom:1px solid var(--mf-rule)}
.mfcl .crest{width:52px;height:58px;display:grid;place-items:center;font-family:var(--mf-display);font-size:1.5rem;font-weight:700;line-height:1;color:var(--mf-night);background:var(--mf-gold);clip-path:polygon(50% 0,100% 14%,100% 62%,50% 100%,0 62%,0 14%)}
.mfcl .team:nth-child(3n+2) .crest{background:var(--mf-ink)}
.mfcl .team:nth-child(3n) .crest{background:var(--mf-green);color:var(--mf-ink)}
.mfcl .team h3{font-size:1.75rem;line-height:1;font-weight:600}
.mfcl .team p{font-size:.95rem;color:var(--mf-mute)}
.mfcl .champ{font-family:var(--mf-label);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mf-night);background:var(--mf-gold-2);border-radius:6px;padding:4px 8px;text-align:center;line-height:1.2}

/* History */
.mfcl .timeline{display:grid;gap:0;border-left:2px solid var(--mf-rule);margin-left:10px}
.mfcl .tl{position:relative;display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(16px,3vw,40px);padding:0 0 40px 34px}
.mfcl .tl:last-child{padding-bottom:0}
.mfcl .tl::before{content:"";position:absolute;left:-11px;top:6px;width:20px;height:20px;border-radius:50%;background:var(--mf-night);border:3px solid var(--mf-gold)}
.mfcl .tl--now::before{background:var(--mf-gold);box-shadow:0 0 0 6px rgba(245,184,0,.2)}
.mfcl .tl h3{font-size:2.6rem;color:var(--mf-gold)}
.mfcl .tl .when{font-family:var(--mf-label);letter-spacing:.12em;text-transform:uppercase;font-size:.88rem;color:var(--mf-mute)}
.mfcl .tl ul{display:grid;gap:8px}
.mfcl .tl li{padding-left:20px;position:relative}
.mfcl .tl li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:2px;background:var(--mf-gold)}

/* Carnival */
.mfcl .events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mfcl .ev{background:var(--mf-panel);border:1px solid var(--mf-rule);border-radius:16px;padding:24px;display:grid;gap:10px;align-content:start;transition:border-color .2s ease,transform .2s ease}
.mfcl .ev:hover{border-color:var(--mf-gold);transform:translateY(-3px)}
.mfcl .ev .tag{justify-self:start;font-family:var(--mf-label);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mf-gold);border:1px solid var(--mf-gold);border-radius:6px;padding:3px 8px}
.mfcl .ev h3{font-size:2rem}
.mfcl .ev p{color:var(--mf-mute);font-size:.98rem}
.mfcl .note{margin-top:22px;color:var(--mf-mute);font-size:.95rem}

/* Sponsors */
.mfcl .spons-label{font-family:var(--mf-label);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.9rem;color:var(--mf-mute);margin:0 0 14px}
.mfcl .spons-lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:44px}
.mfcl .sp{border:1px solid var(--mf-rule);border-radius:16px;padding:24px;display:grid;gap:6px;background:var(--mf-night)}
.mfcl .sp .tier{font-family:var(--mf-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--mf-gold)}
.mfcl .sp b{font-family:var(--mf-display);font-weight:600;font-size:1.9rem;line-height:1;text-transform:uppercase}
.mfcl .spons-lead .sp{padding:32px;background:linear-gradient(135deg,rgba(245,184,0,.14),transparent 60%),var(--mf-night);border-color:rgba(245,184,0,.5)}
.mfcl .spons-lead .sp b{font-size:clamp(2.2rem,4vw,3rem)}
.mfcl .spons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mfcl .partner-cta{margin-top:44px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--mf-rule);padding-top:28px}
.mfcl .partner-cta p{max-width:52ch;color:var(--mf-mute)}
.mfcl .partner-cta p strong{color:var(--mf-ink)}

/* Watch */
.mfcl .watch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mfcl .wcard{position:relative;overflow:hidden;border-radius:18px;padding:clamp(26px,4vw,40px);display:grid;gap:12px;min-height:240px;align-content:end;border:1px solid var(--mf-rule)}
.mfcl .wcard--yt{background:radial-gradient(80% 90% at 85% 10%,rgba(212,42,60,.55),transparent 60%),var(--mf-panel)}
.mfcl .wcard--ig{background:radial-gradient(80% 90% at 85% 10%,rgba(245,184,0,.35),transparent 60%),var(--mf-panel)}
.mfcl .wcard h3{font-size:clamp(2.2rem,4vw,3rem)}
.mfcl .wcard p{color:var(--mf-mute);max-width:40ch}
.mfcl .wcard .btn{justify-self:start;margin-top:6px}

/* Contact + footer */
.mfcl .contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mfcl .cc{border-top:3px solid var(--mf-gold);padding-top:16px;display:grid;gap:6px;min-width:0}
.mfcl .cc .k{font-family:var(--mf-label);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--mf-mute)}
.mfcl .cc .v{font-weight:600;font-size:1.1rem;overflow-wrap:anywhere;user-select:all}
.mfcl .cc a.v{user-select:auto;color:var(--mf-gold-2)}
.mfcl .foot{border-top:1px solid var(--mf-rule);padding-block:28px}
.mfcl .foot .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--mf-mute);font-size:.92rem}

/* Responsive */
@media (max-width:980px){
  .mfcl .hero .wrap,.mfcl .about,.mfcl .s6{grid-template-columns:minmax(0,1fr)}
  .mfcl .events{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mfcl .spons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mfcl .tl{grid-template-columns:minmax(0,1fr);gap:8px}
}
@media (max-width:720px){
  .mfcl{font-size:16px}
  .mfcl .nav .wrap{flex-wrap:wrap;gap:6px 16px;padding-block:10px}
  .mfcl .nav-links{order:3;width:100%;margin-left:0;gap:18px;font-size:.88rem}
  .mfcl .nav .btn{margin-left:auto}
  .mfcl .roster,.mfcl .events,.mfcl .spons-lead,.mfcl .watch,.mfcl .contact{grid-template-columns:minmax(0,1fr)}
  .mfcl .facts div{grid-template-columns:minmax(0,1fr);gap:2px}
  .mfcl .cells{gap:6px}
}
@media (prefers-reduced-motion:reduce){
  .mfcl .ticker-track{animation:none}
  .mfcl .btn,.mfcl .ev{transition:none}
}