/* Fantasy Zone - "broadcast" front page (31 Oct 2026). Scoped to .bc so other pages are untouched.
   Feel: a footy/NBA telecast. Flat colour plates, condensed italic numbers, square edges. No glows, no gradients. */
.bc{--bc-card:#fff;--bc-chip:#fff;--bc-row:#edf0f4;--bc-meter:#e4e8ee;--bc-up:#0f8a4f;--bc-lo:#8a95a5;--bc-navy:#0d1b2e;--bc-navy2:#16273f;--bc-ink:#13202f;--bc-text:#3a4657;--bc-paper:#f2f4f7;--bc-line:#d6dce4;--bc-teal:#0e9aa1;--bc-teal-dk:#0a7a80;--bc-pink:#e3306c;
  --bc-cond:'Barlow Condensed','Arial Narrow',sans-serif;--bc-body:'Barlow',system-ui,sans-serif;
  font-family:var(--bc-body);color:var(--bc-ink)}
body:has(.bc){background:#f2f4f7}
html[data-theme="dark"] body:has(.bc){background:#0a111c}
/* dark mode: same layout, night-game colours */
html[data-theme="dark"] .bc{--bc-card:#121c2b;--bc-chip:#e9eef5;--bc-row:#1f2b3c;--bc-meter:#24324a;--bc-up:#3ddc97;--bc-lo:#7d8aa0;--bc-navy:#05101f;--bc-navy2:#122238;--bc-ink:#eef2f7;--bc-text:#b4bfcf;--bc-paper:#0a111c;--bc-line:#24324a;--bc-teal:#14b3ba;--bc-teal-dk:#3fc9cf}
body:has(.bc) .fxPromo{background:#0d1b2e;animation:none}
.bc h1,.bc h2{font-family:var(--bc-cond);font-weight:800;letter-spacing:0;color:var(--bc-ink)}
.bc .kicker{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;color:var(--bc-text);margin-bottom:4px}

/* buttons: square-ish plates */
.bcBtn{display:inline-block;background:var(--bc-teal);color:#fff;font-family:var(--bc-cond);font-weight:700;font-size:20px;letter-spacing:.02em;text-decoration:none;padding:11px 22px;border-radius:3px;border:2px solid var(--bc-teal)}
.bcBtn:hover{background:var(--bc-teal-dk);border-color:var(--bc-teal-dk)}
.bcBtn.alt{background:transparent;color:var(--bc-ink);border-color:var(--bc-ink)}
.bcBtn.alt:hover{background:var(--bc-ink);color:#fff}
.bcBtn:focus-visible,.bc a:focus-visible{outline:3px solid var(--bc-pink);outline-offset:2px}

/* hero */
.bcHero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:56px 0 36px}
.bcHero h1{font-size:76px;line-height:.95;margin:0 0 18px;max-width:14ch;font-style:italic;text-transform:uppercase}
.bcLead{font-size:20px;line-height:1.5;color:var(--bc-text);max-width:34em;margin:0 0 26px}
.bcCtas{display:flex;gap:12px;flex-wrap:wrap}
.bcNote{margin:16px 0 0;font-size:15px;color:var(--bc-text)}.bcNote a{color:var(--bc-teal-dk);font-weight:600}
.bc .wlCard{border-radius:4px;border:1px solid var(--bc-line);border-top:6px solid var(--bc-navy);box-shadow:none;background:var(--bc-card)}
.bc .wlTabs{border-radius:3px}.bc .wlTabs button{border-radius:2px}
.bc .wlPane input,.bc .wlPane select{border-radius:3px}
.bc .wlGo{border-radius:3px;font-family:var(--bc-cond);font-size:20px;letter-spacing:.02em}

/* the score bug: the one loud thing on the page */
.bcBug{display:grid;grid-template-columns:auto 1fr 1fr auto auto;align-items:stretch;background:var(--bc-navy);color:#fff;margin:6px 0 0;
  clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);min-height:96px}
.bcBugTag{display:flex;flex-direction:column;justify-content:center;padding:0 26px;background:var(--bc-teal);font-family:var(--bc-cond)}
.bcBugTag b{white-space:nowrap;font-size:30px;font-weight:800;font-style:italic;line-height:1}.bcBugTag span{font-size:16px;font-weight:600;opacity:.9}
.bcSide{display:flex;align-items:center;gap:14px;padding:0 24px;border-right:1px solid rgba(255,255,255,.14)}
.bcAbbr{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bc-chip);color:var(--bc-navy);font-family:var(--bc-cond);font-weight:800;font-size:20px;border-radius:2px}
.bcSide.away .bcAbbr{background:var(--bc-pink);color:#fff}
.bcName{font-family:var(--bc-cond);font-weight:700;font-size:26px;text-transform:uppercase;flex:1}
.bcScore{font-family:var(--bc-cond);font-weight:800;font-style:italic;font-size:56px;line-height:1;font-variant-numeric:tabular-nums}
.bcSide.away .bcScore{color:#c9d3e0}
.bcLive{display:flex;align-items:center;padding:0 22px;background:var(--bc-pink);font-family:var(--bc-cond);font-weight:800;font-size:22px;text-transform:uppercase;font-style:italic}
.bcProj{display:flex;align-items:center;gap:8px;padding:0 48px 0 24px;font-family:var(--bc-cond);font-size:20px;color:#c9d3e0}
.bcProj b{color:#fff;font-size:24px}.bcProj i{font-style:normal;font-size:16px}

/* facts strip under the bug, like a lower third */
.bcFacts{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--bc-card);border:1px solid var(--bc-line);border-top:0}
.bcFacts li{padding:16px 20px;border-left:1px solid var(--bc-line);font-size:15px;color:var(--bc-text)}
.bcFacts li:first-child{border-left:0}
.bcFacts b{display:block;font-family:var(--bc-cond);font-size:24px;font-weight:800;color:var(--bc-ink)}

/* live data sections from webfx.js: flatten them */
.bc .fxBig{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--bc-teal-dk);font-family:var(--bc-cond);font-style:italic}
.bc .fxPod{background:var(--bc-card);border-radius:4px;border-color:var(--bc-line)}
.bc .fxPod:before{background:var(--bc-navy);height:6px}
.bc .fxPod.p1:before{background:var(--bc-teal)}
.bc .fxSpot h2.big,.bc .split h2.big{font-size:44px;line-height:1;font-style:italic;text-transform:uppercase}
.bc .btn{border-radius:3px}

/* mock draft panel */
.bcPanel{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:var(--bc-navy);color:#fff;padding:40px;margin:36px 0;border-radius:4px}
.bcPanel h2{color:#fff;font-size:44px;line-height:1;margin:0 0 10px;font-style:italic;text-transform:uppercase}
.bcPanel p{color:#c9d3e0;font-size:18px;line-height:1.5;margin:0 0 20px;max-width:30em}
.bcBoard{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bcBoard li{background:var(--bc-navy2);padding:10px 12px;font-weight:600;font-size:15px;border-left:4px solid var(--bc-teal)}
.bcBoard li:nth-child(even){border-left-color:var(--bc-pink)}
.bcBoard span{display:block;font-family:var(--bc-cond);font-weight:800;font-style:italic;font-size:20px;color:#8fe3e7}

/* example cards in the split sections */
.bc .split ul{margin:14px 0 0}.bc .split li:before{content:"";top:17px;width:12px;height:3px;background:var(--bc-teal)}
.bc .split li{color:var(--bc-text)}
.bcCard{background:var(--bc-card);border:1px solid var(--bc-line);border-radius:4px;padding:18px;border-top:6px solid var(--bc-navy)}
.bcCardHead{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px;margin-bottom:6px}
.bcDot{font-family:var(--bc-cond);font-weight:800;font-style:italic;text-transform:uppercase;background:var(--bc-pink);color:#fff;padding:2px 8px;font-size:15px}
.bcTag{font-family:var(--bc-cond);font-weight:700;background:var(--bc-teal);color:#fff;padding:2px 8px;font-size:15px}
.bcCardScores{display:flex;justify-content:space-between;font-family:var(--bc-cond);font-weight:800;font-style:italic;font-size:54px;line-height:1.05}
.bcCardScores .lo{color:var(--bc-lo)}
.bcCardRow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--bc-row);font-size:15px}
.bcCardRow.up b{color:var(--bc-up)}
.bcMeter{height:8px;background:var(--bc-meter);margin:12px 0 0}.bcMeter i{display:block;height:100%;background:var(--bc-teal)}
.bcSmall{margin:10px 0 0;font-size:13px;color:var(--bc-text)}
.bc .grid7 .g{border-radius:2px}

/* AFL strip and closing */
.bcAfl{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 30px;margin:36px 0;background:var(--bc-card);border:1px solid var(--bc-line);border-left:10px solid var(--bc-pink)}
.bcAfl h2{font-size:36px;margin:0 0 4px;font-style:italic;text-transform:uppercase}.bcAfl p{margin:0;color:var(--bc-text);font-size:17px}
.bcEnd{text-align:left;padding:44px 0 20px;border-top:6px solid var(--bc-navy);margin-top:20px}
.bcEnd h2{font-size:56px;line-height:1;margin:0 0 10px;font-style:italic;text-transform:uppercase}.bcEnd p{color:var(--bc-text);font-size:18px;margin:0 0 22px}

@media (max-width:980px){
  .bcBug{grid-template-columns:1fr 1fr;clip-path:none}
  .bcBugTag{grid-column:1 / -1;flex-direction:row;gap:12px;align-items:baseline;padding:10px 16px}
  .bcSide{padding:14px 16px}.bcLive{padding:10px 16px}.bcProj{padding:10px 16px}
  .bcScore{font-size:44px}
  .bcFacts{grid-template-columns:1fr 1fr}.bcFacts li:nth-child(3){border-left:0}.bcFacts li:nth-child(n+3){border-top:1px solid var(--bc-line)}
}
@media (max-width:860px){
  .bcHero{grid-template-columns:1fr;gap:28px;padding:32px 0 24px}.bcHero h1{font-size:52px}
  /* phones: the login box comes first, the sales pitch underneath */
  .bcHero .heroLogin{order:-1}.bcHero{padding-top:16px}.bcHero h1{font-size:44px}
  .bcPanel{grid-template-columns:1fr;padding:26px}.bcPanel h2,.bc .fxSpot h2.big,.bc .split h2.big{font-size:36px}
  .bcEnd h2{font-size:42px}
}
@media (max-width:520px){
  .bcBug{grid-template-columns:1fr}.bcSide{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .bcName{font-size:22px}.bcFacts{grid-template-columns:1fr}.bcFacts li{border-left:0!important;border-top:1px solid var(--bc-line)}.bcFacts li:first-child{border-top:0}
}
/* newsletter band + footer on this page: flat too */
body:has(.bc) .newsIn{background:#fff;border-radius:4px;border:1px solid #d6dce4;border-left:10px solid #0d1b2e}
html[data-theme="dark"] body:has(.bc) .newsIn{background:#121c2b;border-color:#24324a;border-left-color:#14b3ba}
html[data-theme="dark"] body:has(.bc) .newsBand .kicker{color:#b4bfcf}
body:has(.bc) .newsBand .kicker{text-transform:none;letter-spacing:0;font-size:14px;color:#3a4657}
body:has(.bc) .newsBand h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:30px}
body:has(.bc) .newsBand .btn,body:has(.bc) .newsForm input{border-radius:3px}
@media (max-width:1240px) and (min-width:981px){.bcProj{display:none}.bcBug{grid-template-columns:auto 1fr 1fr auto}}
body:has(.bc) .fxTickLabel{background:#e3306c}
.bc .nbGame,.bc .fxGamesBand [class*="Game"]{border-radius:3px}
/* AFL / NFL landing pages (4 Nov 2026): the league formats, as broadcast-style rows */
.bcWays{margin:36px 0}.bc .bcWays h2.big{margin-bottom:6px;font-size:44px;line-height:1;font-style:italic;text-transform:uppercase}
.bcWay{display:grid;grid-template-columns:170px 1fr 240px;gap:28px;padding:22px 0;border-top:1px solid var(--bc-line);align-items:start}
.bcWay:last-of-type{border-bottom:1px solid var(--bc-line)}
.bcWayNo{font-family:var(--bc-cond);font-style:italic;font-weight:800;font-size:15px;color:var(--bc-pink);letter-spacing:.06em}
.bcWayName{font-family:var(--bc-cond);font-style:italic;font-weight:800;font-size:30px;line-height:1;text-transform:uppercase;margin-top:4px;color:var(--bc-ink)}
.bcWay p{margin:0 0 8px;font-size:17px;line-height:1.55;color:var(--bc-text)}.bcWay p a{font-weight:700;color:var(--bc-teal-dk)}
.bcWayBest{font-size:14px;color:var(--bc-text);padding-left:14px;border-left:4px solid var(--bc-teal)}
.bcWayBest b{display:block;font-family:var(--bc-cond);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--bc-ink);margin-bottom:3px}
.bcEvery{margin-top:22px;background:var(--bc-card);border:1px solid var(--bc-line);border-left:10px solid var(--bc-navy);padding:16px 20px;font-size:16px;color:var(--bc-text);line-height:1.6}
.bcEvery b{font-family:var(--bc-cond);font-style:italic;text-transform:uppercase;font-size:18px;color:var(--bc-ink);margin-right:8px}
.bcSlots{display:grid;grid-template-columns:80px 1fr auto;gap:4px 10px;font-size:14px}.bcSlots span{padding:7px 0;border-bottom:1px solid var(--bc-row)}
.bcSlots .s{font-family:var(--bc-cond);font-weight:800;font-style:italic;font-size:17px;color:var(--bc-teal-dk)}.bcSlots .k{color:var(--bc-text);text-align:right}
@media (max-width:860px){.bc .bcWays h2.big{font-size:36px}.bcWay{grid-template-columns:1fr;gap:10px;padding:20px 0}.bcWayName{font-size:26px}}

/* logged-in: a long league list scrolls inside the box, and the headline stays at the top beside it (4 Nov 2026) */
.bcHero{align-items:start}
.heroLogin .wlCard.wlIn{max-height:min(620px,72vh);overflow-y:auto;overscroll-behavior:contain}