/* ===================================================================
   FantasyDailies — Option B theme.  Loads LAST; governs the look.
   Remove this one <link> on any page to revert to the prior styling.
   =================================================================== */
:root{
  --ink:#0c1430; --muted:#67729a; --faint:#9aa4c4;
  --line:#e7eaf5; --line-2:#f0f2fa;
  --bg:#f6f8fe; --surface:#ffffff; --surface-2:#f3f6fe;
  --royal:#1e44d8; --royal-d:#16309e;
  --fd:#2f6dff; --fd-d:#1f57ec; --fd-l:#1f57ec;            /* remap legacy primary */
  --blue:#2f6dff; --blue-d:#1f57ec; --sky:#eaf1ff; --sky-bd:#c6dbff;
  --h1:#1a35be; --h2:#2f63f5;                              /* header gradient */
  --gold:#f6b71e; --gold-hi:#ffe08a; --gold-d:#cd8a06; --gold-soft:#fff6e2;
  --edge:#0ea65a; --edge-d:#0a8347; --edge-soft:#e7fbf0;
  --live:#f0463a;
  --r:11px; --r-lg:16px; --r-pill:999px;
  --shadow:0 2px 6px rgba(12,20,48,.06), 0 12px 28px -8px rgba(12,20,48,.12);
  --shadow-h:0 10px 24px -6px rgba(12,20,48,.14), 0 28px 60px -18px rgba(30,68,216,.26);
  --sh-1:0 1px 2px rgba(12,20,48,.05);
  --sh-blue:0 6px 18px -3px rgba(47,109,255,.42);
  --disp:'Archivo',sans-serif; --body:'Inter',sans-serif; --mono:'IBM Plex Mono',monospace;
}

/* ---- type scale tokens (one deliberate scale) ---- */
:root{ --t-xl:32px; --t-stat:22px; --t-h:16px; --t-body:13.5px; --t-label:11px; --t-micro:10px; }

body{font-family:var(--body);background:var(--bg);color:var(--ink);
  background-image:radial-gradient(1100px 500px at 88% -260px,rgba(47,109,255,.13),transparent 60%),radial-gradient(900px 460px at 6% -200px,rgba(246,183,30,.07),transparent 60%);
  background-attachment:fixed;}
.gold-text{background:linear-gradient(120deg,var(--gold-hi),var(--gold) 45%,var(--gold-d));-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ============ masthead ============ */
.mast{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(20px) saturate(1.4)!important;border-bottom:1px solid rgba(231,234,245,.9)!important;}
.mast-in{gap:12px!important;}
.logo-img{height:40px!important;}

/* ============ nav: horizontal-scroll strip, underline-active ============ */
.nav{gap:1px!important;flex:1 1 auto;min-width:0;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.nav::-webkit-scrollbar{display:none;}
.nav a{flex:0 0 auto;font-family:var(--disp)!important;font-weight:700!important;font-size:13px!important;letter-spacing:.01em;color:var(--muted)!important;padding:11px 14px 9px!important;white-space:nowrap;border-radius:0!important;border-bottom:3px solid transparent!important;background:transparent!important;transition:.16s;}
.nav a:hover{color:var(--ink)!important;background:transparent!important;}
.nav a.on{color:var(--royal)!important;background:transparent!important;border-bottom-color:var(--blue)!important;}

/* ============ buttons — one family ============ */
.refresh{background:linear-gradient(135deg,var(--blue),var(--royal))!important;color:#fff!important;border:0!important;border-radius:var(--r)!important;font-family:var(--disp)!important;font-weight:700!important;font-size:13px!important;padding:10px 16px!important;box-shadow:var(--sh-blue)!important;}
.refresh:hover{filter:brightness(1.07);transform:translateY(-1px);}
.refresh:disabled{opacity:.5;filter:none;transform:none;}
.install-btn{background:var(--sky)!important;color:var(--blue-d)!important;border:1.5px solid var(--sky-bd)!important;border-radius:var(--r)!important;font-family:var(--disp)!important;font-weight:700!important;font-size:13px!important;padding:9px 14px!important;}
.install-btn:hover{background:#dcebff!important;}
.chip{border:1.5px solid var(--line)!important;background:#fff!important;color:var(--muted)!important;border-radius:var(--r)!important;font-family:var(--body)!important;font-weight:600!important;font-size:12px!important;padding:7px 14px!important;box-shadow:var(--sh-1);}
.chip[aria-pressed="true"],.chip.active{background:var(--sky)!important;color:var(--blue-d)!important;border-color:var(--sky-bd)!important;}
.loadmore{background:#fff!important;color:var(--blue-d)!important;border:1.5px solid var(--sky-bd)!important;border-radius:var(--r)!important;font-family:var(--disp)!important;font-weight:700!important;}
.loadmore:hover{background:var(--sky)!important;}

/* ============ date bar ============ */
.fd-datebar{gap:9px!important;margin:14px 0 18px!important;}
.fd-dnav{width:40px!important;height:40px!important;border:1.5px solid var(--line)!important;background:#fff!important;border-radius:var(--r)!important;color:var(--blue)!important;box-shadow:var(--sh-1)!important;}
.fd-dnav:active{background:var(--sky)!important;}
.fd-dinput{border:1.5px solid var(--line)!important;border-radius:var(--r)!important;color:var(--ink)!important;font-family:var(--disp)!important;font-weight:700!important;background:#fff!important;box-shadow:var(--sh-1)!important;}
.fd-dlbl{font-family:var(--mono)!important;font-size:9.5px!important;letter-spacing:.1em!important;color:var(--faint)!important;text-transform:uppercase!important;}
.fd-dtoday{border:1.5px solid var(--sky-bd)!important;background:var(--sky)!important;color:var(--blue-d)!important;border-radius:var(--r)!important;font-family:var(--disp)!important;font-weight:700!important;}

/* ============ game / scoreboard cards ============ */
.game{border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow)!important;transition:transform .16s,box-shadow .16s,border-color .16s;}
.game:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)!important;border-color:#cfdcf6!important;}
.game-head,.ghead{background:linear-gradient(135deg,var(--h1),var(--h2))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)!important;padding:13px 15px!important;}
.game-head .match,.ghead .m,.game-head .team,.ghead .team{font-family:var(--disp)!important;font-weight:700!important;font-size:var(--t-h)!important;letter-spacing:-.01em!important;}
.game-head .at,.ghead .at{color:rgba(255,255,255,.5)!important;}
.game-head .gtime,.ghead .gt,.game-head .gtime.soon{font-family:var(--mono)!important;font-size:var(--t-label)!important;color:#c2cff5!important;}
.game-head .gtime.live,.ghead .gt.live{color:var(--gold-hi)!important;}

/* ============ arb / cross-book / prop edge boxes ============ */
.arb-banner{border:1px solid var(--edge-d)!important;border-radius:var(--r)!important;overflow:hidden;box-shadow:var(--sh-1)!important;margin:8px 0 4px!important;}
.arb-banner-top{background:linear-gradient(135deg,var(--edge),var(--edge-d))!important;color:#fff!important;font-family:var(--disp)!important;font-weight:800!important;font-size:var(--t-label)!important;letter-spacing:.04em!important;text-transform:uppercase!important;padding:8px 13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;}
.arb-banner-body{background:var(--edge-soft)!important;color:#0c4527!important;font-size:var(--t-body)!important;padding:10px 13px!important;}
.arb-box{border:1px solid #bfe3c8!important;background:var(--edge-soft)!important;border-radius:var(--r)!important;color:#0c4527!important;font-size:var(--t-body)!important;}
.arb-box .arb-tag,.arb-tag{font-family:var(--disp)!important;font-weight:800!important;color:var(--edge-d)!important;text-transform:uppercase!important;}
.arb-more{font-family:var(--mono)!important;color:var(--edge-d)!important;background:#dff5e6!important;border:1px solid #b9e3c6!important;border-radius:8px!important;font-weight:700!important;}
.bk-pill{font-family:var(--mono)!important;font-weight:600!important;background:linear-gradient(135deg,var(--edge),var(--edge-d))!important;color:#fff!important;border-radius:5px!important;letter-spacing:.04em!important;text-transform:uppercase!important;}

/* ============ share buttons ============ */
.fd-share{color:#7c8aa0;border-radius:7px;}
.fd-share:hover{color:var(--blue)!important;background:var(--sky)!important;}
.fd-share.ok{color:var(--edge)!important;}
.arb-banner-top .fd-share,.game-head .fd-share,.ghead .fd-share,.dfs-total .fd-share{color:#fff!important;}
.arb-banner-top .fd-share:hover,.game-head .fd-share:hover,.ghead .fd-share:hover,.dfs-total .fd-share:hover{color:#fff!important;background:rgba(255,255,255,.2)!important;}

/* ============ AI brief ============ */
.fdbrief{background:linear-gradient(135deg,#f4f7ff,#eef3ff)!important;border:1px solid var(--line)!important;border-left:3px solid var(--blue)!important;border-radius:var(--r-lg)!important;}
.fdbrief .bh,.brief-h{font-family:var(--disp)!important;font-weight:800!important;color:var(--ink)!important;}
.fdbrief .bc,.brief-cap{font-family:var(--mono)!important;color:var(--muted)!important;border:1px solid var(--line)!important;background:#fff!important;}
.fdbrief .egl,.edge-hook,.egl{background:linear-gradient(135deg,var(--blue),var(--royal))!important;color:#fff!important;font-family:var(--disp)!important;font-weight:700!important;border-radius:var(--r)!important;}

/* ============ DFS total + lineup ============ */
.dfs-total{background:linear-gradient(135deg,var(--h1),var(--h2))!important;color:#fff!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-h)!important;}
.dfs-total .num,.dfs-total .total-num{font-family:var(--disp)!important;font-weight:900!important;letter-spacing:-.02em!important;background:linear-gradient(120deg,var(--gold-hi),var(--gold) 45%,var(--gold-d));-webkit-background-clip:text;background-clip:text;color:transparent!important;}
.dfs-total .lab,.dfs-total .total-lab{font-family:var(--mono)!important;color:#bcd0ff!important;text-transform:uppercase!important;letter-spacing:.1em!important;}
.bktog{border:1.5px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh-1)!important;overflow:hidden;}
.bktog button{font-family:var(--disp)!important;font-weight:700!important;color:var(--muted)!important;background:#fff!important;}
.bktog button.on,.bktog button.active{background:linear-gradient(135deg,var(--blue),var(--royal))!important;color:#fff!important;}
.plr,.gcard{border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow)!important;}
.plr-nm,.plr .nm{font-family:var(--disp)!important;font-weight:800!important;font-size:var(--t-h)!important;letter-spacing:-.01em!important;}
.plr-pts,.plr .pts{font-family:var(--disp)!important;font-weight:900!important;font-size:var(--t-stat)!important;color:var(--edge)!important;letter-spacing:-.02em!important;}

/* ============ news cards ============ */
.card{border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow)!important;}
.card::before{background:var(--blue)!important;}
.card:hover{border-color:#cfdcf6!important;box-shadow:var(--shadow-h)!important;}
.headline{font-family:var(--disp)!important;font-weight:700!important;letter-spacing:-.01em!important;}
.headline a:hover{color:var(--blue-d)!important;}
.share:hover{color:var(--blue)!important;background:var(--sky)!important;}

/* ============ props intro / tags ============ */
.props-intro h2{font-family:var(--disp)!important;font-weight:800!important;}
.ps-tag,.target-chip{font-family:var(--disp)!important;font-weight:700!important;color:var(--blue-d)!important;background:var(--sky)!important;border:1px solid var(--sky-bd)!important;border-radius:var(--r-pill)!important;}
.ps-tag.active,.ps-tag[aria-pressed="true"],.target-chip.active{background:linear-gradient(135deg,var(--blue),var(--royal))!important;color:#fff!important;border-color:transparent!important;}
.showprops{background:linear-gradient(135deg,var(--blue),var(--royal))!important;color:#fff!important;font-family:var(--disp)!important;font-weight:700!important;border-radius:var(--r)!important;border:0!important;}
.watch-btn,.watchlist-toggle-btn,.share-btn{font-family:var(--disp)!important;font-weight:700!important;border-radius:var(--r)!important;}
.share-btn{background:linear-gradient(135deg,var(--blue),var(--royal))!important;color:#fff!important;border:0!important;}

/* ============ section headers (generic) ============ */
.sec,.sec-h{font-family:var(--disp)!important;font-weight:800!important;letter-spacing:-.01em!important;}

/* ============ states / spinner ============ */
.state h2{font-family:var(--disp)!important;font-weight:800!important;}
.spinner{border-top-color:var(--blue)!important;}
.state code{color:var(--blue-d)!important;}

/* ============ footer ============ */
.site-foot{background:linear-gradient(180deg,var(--surface-2),#e9f0fd)!important;border-top:1px solid var(--line)!important;position:relative;}
.site-foot::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(246,183,30,.55),rgba(47,109,255,.55),transparent);}
.foot-nav a{font-family:var(--disp)!important;font-weight:700!important;color:var(--muted)!important;border-radius:8px!important;}
.foot-nav a:hover{color:var(--royal)!important;background:#fff!important;}
.foot-install{font-family:var(--disp)!important;font-weight:700!important;color:var(--blue-d)!important;}

/* ============ install modal ============ */
.install-card h3{font-family:var(--disp)!important;font-weight:800!important;}
.install-x{background:linear-gradient(135deg,var(--blue),var(--royal))!important;color:#fff!important;font-family:var(--disp)!important;border-radius:var(--r)!important;}

/* ============ homepage hero (index only) ============ */
.fd-hero{position:relative;background:linear-gradient(140deg,#16277e 0%,var(--royal) 55%,#2f6dff 100%);border-radius:22px;padding:28px 26px;overflow:hidden;color:#fff;box-shadow:var(--shadow-h);margin:4px 0 18px;}
.fd-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 80% -40px,rgba(255,255,255,.2),transparent 60%);pointer-events:none;}
.fd-hero::after{content:"";position:absolute;right:-46px;top:50%;transform:translateY(-50%);width:260px;height:260px;background:url('logo-mark.png') center/contain no-repeat;opacity:.12;filter:brightness(0) invert(1);}
.fd-hero .sheen{position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.15),transparent);transform:skewX(-18deg);animation:fdsweep 6.5s ease-in-out infinite;}
@keyframes fdsweep{0%,55%{left:-60%}80%,100%{left:130%}}
.fd-hero .in{position:relative;z-index:2;}
.fd-hero .eyebrow{font-family:var(--mono);font-weight:600;font-size:var(--t-micro);letter-spacing:.18em;text-transform:uppercase;color:#bcd0ff;}
.fd-hero h1{font-family:var(--disp);font-weight:900;font-size:clamp(1.7rem,4.8vw,2.1rem);line-height:1.04;letter-spacing:-.02em;margin:9px 0 10px;}
.fd-hero p{color:#cdd9f7;font-size:14.5px;max-width:52ch;margin:0;}
.fd-hero .strip{display:flex;gap:26px;margin-top:20px;flex-wrap:wrap;}
.fd-hero .strip .k{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:#a9bdef;}
.fd-hero .strip b{font-family:var(--disp);font-weight:800;font-size:var(--t-stat);color:#fff;display:block;letter-spacing:-.01em;margin-top:2px;}
.fd-hero .strip b.g{color:var(--gold-hi);}

@media(prefers-reduced-motion:reduce){.fd-hero .sheen{animation:none;}}

/* ============================================================
   FIXES (0627r): single-line slide nav WITH a swipe indicator,
   homepage hero cut to ~half height, Edge team-name symmetry.
   ============================================================ */
.nav{position:relative;flex-wrap:nowrap!important;overflow-x:auto!important;}
.nav::after{content:"\203A";position:sticky;right:-1px;flex:0 0 auto;align-self:stretch;display:none;align-items:center;justify-content:flex-end;min-width:36px;padding-right:3px;margin-left:-32px;font:800 20px/1 var(--disp);color:var(--blue);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.94) 55%);pointer-events:none;animation:fdnudge 1.5s ease-in-out infinite;}
@keyframes fdnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(max-width:760px){ .nav::after{display:flex;} }

.fd-hero{padding:12px 16px!important;border-radius:14px!important;margin:2px 0 10px!important;}
.fd-hero .eyebrow{font-size:9px!important;letter-spacing:.14em!important;}
.fd-hero h1{font-size:clamp(1.05rem,3.2vw,1.35rem)!important;line-height:1.1!important;margin:3px 0 0!important;}
.fd-hero p{display:none!important;}
.fd-hero .strip{margin-top:8px!important;gap:16px!important;}
.fd-hero .strip .k{font-size:8.5px!important;}
.fd-hero .strip b{font-size:13px!important;}
.fd-hero::after{width:120px!important;height:120px!important;opacity:.1!important;}
@media(max-width:760px){ .fd-hero .strip{display:none!important;} }

/* Edge: keep team name on one line so emoji chips never break symmetry */
.side .tn,.play .who .nm{flex-wrap:nowrap!important;min-width:0;}
.side .info{min-width:0;flex:1;}
.side .tn .tnm,.play .who .nm .tnm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.side .tn .chip,.play .who .nm .chip{flex:0 0 auto;}

/* Edge page (0627r): shrink the "The Edge" explainer banner + the play cards */
.hero{padding:13px 15px!important;border-radius:14px!important;}
.hero h1{font-size:1.3rem!important;margin:0 0 5px!important;}
.hero p{font-size:12px!important;line-height:1.45!important;margin:0!important;}
.play{padding:10px 12px!important;gap:11px!important;border-radius:12px!important;}
.play .who .nm{font-size:14px!important;}
.play .who .sub{font-size:11px!important;}
.play .verdict{font-size:10px!important;padding:4px 7px!important;}
.chip{font-size:10.5px!important;padding:2px 6px!important;}