/* Full Slate — site stylesheet. Tokens mirror FullSlate/Design/Tokens.swift + DESIGN.md §3. */
/* GENERATED by web/scripts/gen-tokens.mjs from FullSlate/Resources/Assets.xcassets + Tokens.swift — do not edit. */
:root{
  --accent:#6B4EFF; --accentHover:#5A3EE8; --accentSecondary:#FF6B4D; --barSolid:#5A6472;
  --glassDim:rgba(255,255,255,.55); --glassDimText:#0F1115; --line:rgba(15,23,42,.08); --lineSoft:rgba(15,23,42,.05);
  --lineStrong:rgba(15,23,42,.14); --live:#DE1F48; --liveOnTint:#B0143A; --muted:#6B7280;
  --mutedOnTint:#666D7B; --neg:#D92C20; --negOnTint:#C22A20; --poolAmber:#FF9F0A;
  --poolCoral:#FF6B4D; --poolGrape:#A855F7; --poolTeal:#00C2B2; --poolViolet:#6B4EFF;
  --pos:#0B8557; --posOnTint:#097354; --rowBand:#FAFBFC; --sheetGround:#F9F9FC;
  --sheetLift:#FFFFFF; --substrate:#FBFBFD; --surface:rgba(255,255,255,.92); --surfaceNested:#F1F2F6;
  --text:#0F1115; --textDim:#3C4149; --textFaint:#A8AEB8; --tickerBand:rgba(255,255,255,.8);
  --space-xxs:4px; --space-xs:7px; --space-sm:10px; --space-cardGap:12px;
  --space-md:14px; --space-inset:16px; --space-lg:20px; --space-xl:24px;
  --space-xxl:32px; --space-xxxl:48px; --space-xxxxl:64px;
  --radius-sm:12px; --radius-md:16px; --radius-lg:24px; --radius-capsule:999px;
  --motion-micro:.1s; --motion-short:.2s; --motion-medium:.32s; --motion-long:.55s;
  --ink:var(--text); --ink2:var(--textDim);
  --dim:var(--textFaint); --nested:var(--surfaceNested);
  --line-soft:var(--lineSoft); --line-strong:var(--lineStrong);
  --hue:var(--poolViolet); --hue-wash:color-mix(in srgb,var(--poolViolet) 10%,transparent);
  --hue-pill:color-mix(in srgb,var(--poolViolet) 14%,transparent); --pos-wash:color-mix(in srgb,var(--pos) 10%,transparent);
  --neg-wash:color-mix(in srgb,var(--neg) 10%,transparent); --on-hue:#0E0A2A;
  --teal:var(--poolTeal); --coral:var(--poolCoral);
  --amber:var(--poolAmber); --shadow:0 10px 30px rgba(17,19,24,.06),0 1px 2px rgba(17,19,24,.05);
  --phone:var(--text);
  --orb:.045;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --accent:#8A73FF; --accentHover:#9B87FF; --accentSecondary:#FF8A70; --barSolid:#8B95A3;
    --glassDim:rgba(255,255,255,.08); --glassDimText:#F2F5F8; --line:rgba(255,255,255,.12); --lineSoft:rgba(255,255,255,.07);
    --lineStrong:rgba(255,255,255,.18); --live:#FF5C7F; --liveOnTint:#FF7893; --muted:#949DA9;
    --mutedOnTint:#9AA1AC; --neg:#FF6259; --negOnTint:#FF7C74; --poolAmber:#FFB340;
    --poolCoral:#FF8A70; --poolGrape:#BD7DF9; --poolTeal:#2BD9C9; --poolViolet:#8A73FF;
    --pos:#32D6A0; --posOnTint:#32D6A0; --rowBand:rgba(255,255,255,.07); --sheetGround:#10151D;
    --sheetLift:#171D26; --substrate:#0B0E13; --surface:#171D26; --surfaceNested:#222A35;
    --text:#F2F5F8; --textDim:#C6CCD5; --textFaint:#737B87; --tickerBand:rgba(255,255,255,.07);
    --shadow:0 10px 30px rgba(0,0,0,.45);
    --phone:#2A3240;
    --orb:.10;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --accent:#8A73FF; --accentHover:#9B87FF; --accentSecondary:#FF8A70; --barSolid:#8B95A3;
  --glassDim:rgba(255,255,255,.08); --glassDimText:#F2F5F8; --line:rgba(255,255,255,.12); --lineSoft:rgba(255,255,255,.07);
  --lineStrong:rgba(255,255,255,.18); --live:#FF5C7F; --liveOnTint:#FF7893; --muted:#949DA9;
  --mutedOnTint:#9AA1AC; --neg:#FF6259; --negOnTint:#FF7C74; --poolAmber:#FFB340;
  --poolCoral:#FF8A70; --poolGrape:#BD7DF9; --poolTeal:#2BD9C9; --poolViolet:#8A73FF;
  --pos:#32D6A0; --posOnTint:#32D6A0; --rowBand:rgba(255,255,255,.07); --sheetGround:#10151D;
  --sheetLift:#171D26; --substrate:#0B0E13; --surface:#171D26; --surfaceNested:#222A35;
  --text:#F2F5F8; --textDim:#C6CCD5; --textFaint:#737B87; --tickerBand:rgba(255,255,255,.07);
  --shadow:0 10px 30px rgba(0,0,0,.45);
  --phone:#2A3240;
  --orb:.10;
  color-scheme:dark;
}
*{box-sizing:border-box}
/* Liquid Glass Sport (DESIGN.md): Barlow Black display caps, Barlow Condensed caps eyebrows in muted, Geist body,
   Geist Mono tabular data. Opaque 24px cards on the substrate, capsule buttons and pills, 12px radius floor.
   The violet pool hue is the one chromatic accent on the site; semantic pos / neg / live outrank it. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--substrate);color:var(--ink);
  font-family:"Geist",-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;
  font-size:17px;line-height:1.55;
  position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
/* Substrate: four static orbs, ≤10%. Never animated. */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38rem 38rem at 12% -10%, rgba(107,78,255,var(--orb)), transparent 60%),
    radial-gradient(30rem 30rem at 95% 8%, rgba(255,107,77,var(--orb)), transparent 60%),
    radial-gradient(34rem 34rem at 85% 92%, rgba(0,194,178,var(--orb)), transparent 60%),
    radial-gradient(26rem 26rem at 8% 85%, rgba(255,159,10,var(--orb)), transparent 60%);
}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--hue);outline-offset:3px;border-radius:12px}
:root{--on-hue:#fff}
@media (prefers-color-scheme:dark){:root{--on-hue:#0E0A2A}}

.wrap{width:min(1120px,calc(100% - 2.5rem));margin-inline:auto}
.mono{font-family:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
.display{font-family:"Barlow","Geist",-apple-system,system-ui,sans-serif;font-weight:900;letter-spacing:-.01em;line-height:.95;text-transform:uppercase;text-wrap:balance;margin:0}
.eyebrow{font-family:"Barlow Condensed","Geist",-apple-system,system-ui,sans-serif;font-weight:700;font-style:normal;font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}
.caps{font-family:"Barlow Condensed","Geist",-apple-system,system-ui,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.serif{font-family:"Barlow Condensed","Geist",sans-serif;font-style:normal;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

/* Header */
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-family:"Barlow","Geist",sans-serif;font-weight:900;letter-spacing:-.01em;font-size:1.1rem;text-transform:uppercase}
.brand img{width:32px;height:32px;border-radius:9px}
.nav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}
.nav a{text-decoration:none;font-family:"Barlow Condensed","Geist",sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.86rem;color:var(--ink2);padding:.5rem .85rem;border-radius:999px;min-height:40px;display:inline-flex;align-items:center}
.nav a:hover{background:var(--nested);color:var(--ink)}
.nav a[aria-current="page"]{color:var(--hue);background:var(--hue-pill)}
.nav a.btn-ink,.nav a.btn-ink:hover{color:var(--substrate);background:var(--ink)}

/* Buttons: five roles, one capsule — ink primary, hue primary, glass secondary */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;border-radius:999px;font-family:"Barlow Condensed","Geist",sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:1rem;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .1s,opacity .1s}
.btn:active{transform:scale(.98)}
.btn-ink{background:var(--ink);color:var(--substrate)}
.btn-ink:hover{opacity:.9}
.btn-hue{background:var(--hue);color:var(--on-hue);box-shadow:0 6px 16px color-mix(in srgb,var(--hue) 28%,transparent)}
.btn-hue:hover{opacity:.92}
.btn-ghost{background:color-mix(in srgb,var(--surface) 70%,transparent);border-color:var(--line-strong);color:var(--ink)}
.btn-ghost:hover{background:var(--nested)}
.btn svg{width:18px;height:18px}

/* Hero */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding:3rem 0 4rem}
.hero h1{font-size:clamp(2.7rem,5.6vw,5rem);overflow-wrap:normal}
.hero h1 .accent{color:var(--hue)}
.lede{font-size:1.2rem;color:var(--ink2);max-width:34rem;margin:1.4rem 0 0;text-wrap:pretty}
.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.75rem;align-items:center}
.meta{margin:1.1rem 0 0;color:var(--muted);font-size:.9rem;display:flex;gap:.6rem;flex-wrap:wrap}
.meta span+span::before{content:"·";margin-right:.6rem;color:var(--dim)}
.hero-shot{justify-self:stretch;width:100%;position:relative;max-width:100%;display:flex;justify-content:center}

/* The phone: an HTML/CSS picture of the Picks editor (the W2 row). No screenshots. */
.phone{position:relative;width:min(330px,calc(100% - 18px));height:600px;border-radius:48px;background:var(--substrate);color:var(--ink);box-shadow:0 0 0 9px var(--phone),var(--shadow),0 30px 60px rgba(0,0,0,.18);overflow:hidden;isolation:isolate;margin:9px}
.phone::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(240px 240px at 10% 8%,rgba(0,194,178,.08),transparent 70%),radial-gradient(280px 280px at 95% 40%,rgba(107,78,255,.08),transparent 70%)}
.phone::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to bottom,transparent,var(--substrate) 70%);pointer-events:none}
.scr{position:absolute;inset:0;padding:44px 12px 0;font-size:15px;line-height:1.3}
.poolcap{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px 0 6px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.poolcap i{width:32px;height:32px;border-radius:999px;background:var(--hue);color:var(--on-hue);display:grid;place-items:center;font-style:normal;font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:15px;flex:none}
.poolcap b{font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:13px;text-transform:uppercase;display:block;line-height:1.1}
.poolcap small{font-family:"Barlow Condensed","Geist",sans-serif;font-weight:700;letter-spacing:.08em;font-size:9.5px;color:var(--muted);text-transform:uppercase}
.wkrow{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.wk{font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:32px;line-height:1;text-transform:uppercase}
.slot{display:grid;justify-items:end;line-height:1.05}
.slot .eyebrow{font-size:9.5px;margin:0}
.slot b{font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:22px;color:var(--hue);font-variant-numeric:tabular-nums}
.slot sup{font-size:9px;margin-left:1px}
.listhead{display:flex;justify-content:space-between;align-items:center;margin:14px 2px 6px}
.listhead .eyebrow{font-size:9.5px;color:var(--ink2);margin:0}
.preset{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-family:"Barlow Condensed","Geist",sans-serif;font-weight:700;letter-spacing:.1em;font-size:10px;display:flex;align-items:center;gap:5px;text-transform:uppercase;color:var(--ink2)}

/* The W2 pick row: points · AWAY AT HOME · handle, the pick underlined in its team colour */
.w2list{list-style:none;margin:0;padding:0}
.w2{height:50px;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:8px;border-bottom:1px solid var(--line)}
.w2.res{grid-template-columns:34px minmax(0,1fr) 44px}
.w2 .num{font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:17px;font-variant-numeric:tabular-nums;text-align:center;line-height:1}
.w2 .num.hit{color:var(--pos)}
.w2 .num.miss{color:var(--textFaint);text-decoration:line-through;text-decoration-thickness:2px}
.w2 .mid{min-width:0}
.pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center;min-width:0}
.pair .x{font-family:"Barlow Condensed","Geist",sans-serif;font-weight:700;font-size:8px;letter-spacing:.08em;color:var(--textFaint);text-transform:uppercase}
.tu{position:relative;min-width:0;white-space:nowrap;padding-bottom:5px;display:block}
.tu b{display:block;font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:13px;text-transform:uppercase;color:var(--muted);overflow:hidden;text-overflow:ellipsis;line-height:1.1}
.tu.on b{color:var(--ink)}
.tu .u{position:absolute;left:0;bottom:0;width:min(100%,72px);height:3.5px;border-radius:999px;display:block}
.tu.r{text-align:right}
.tu.r .u{left:auto;right:0}
.tu.lost b{color:var(--ink2)}
.tu.lost .u{opacity:.45}
@media (prefers-color-scheme:dark){.tu .u{filter:brightness(1.4) saturate(.9)}}
.metaS{font-family:"Geist Mono",ui-monospace,Menlo,monospace;font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:1px;font-variant-numeric:tabular-nums}
.metaS .pos{color:var(--pos);font-weight:600}
.grip{color:var(--textFaint);display:grid;place-items:center}
.grip svg{width:18px;height:10px}
.out{justify-self:end;text-align:right;font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:16px;font-variant-numeric:tabular-nums;line-height:1}
.out.pos{color:var(--pos)}
.out.neg{color:var(--neg)}
.dock{position:absolute;left:10px;right:10px;bottom:16px;height:54px;border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;padding:0 5px 0 18px;z-index:2}
.dock .c{display:grid;line-height:1.15}
.dock .c .k{font-family:"Barlow Condensed","Geist",sans-serif;font-weight:700;letter-spacing:.12em;font-size:8.5px;color:var(--muted);text-transform:uppercase}
.dock .c b{font-family:"Geist Mono",ui-monospace,Menlo,monospace;font-weight:500;font-size:11.5px;white-space:nowrap}
.dock .sp{flex:1}
.dock .go{height:44px;padding:0 14px;border-radius:999px;background:var(--hue);color:var(--on-hue);font-family:"Barlow","Geist",sans-serif;font-weight:900;letter-spacing:.06em;font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap;text-transform:uppercase;box-shadow:0 6px 16px color-mix(in srgb,var(--hue) 35%,transparent)}
.dock .go small{font-family:"Geist Mono",ui-monospace,Menlo,monospace;font-weight:500;font-size:10px;letter-spacing:0}

/* Sections */
section{padding:3.5rem 0}
.section-head{max-width:40rem;margin-bottom:2rem}
.section-head h2{font-size:clamp(2rem,4.5vw,3.2rem)}
.section-head p{color:var(--ink2);margin:.9rem 0 0;font-size:1.08rem}

/* Cards (opaque, 24px, hairline + soft shadow) */
.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:1.5rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.step{display:flex;flex-direction:column;gap:1rem;min-height:100%}
.step .stepnum{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--hue-pill);color:var(--hue);font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:1rem}
.step h3{margin:.25rem 0 0;font-family:"Barlow","Geist",sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:-.01em;text-transform:uppercase;line-height:1}
.step p{margin:0;color:var(--ink2)}
.step .fig{margin-top:auto;padding:.25rem .75rem .5rem;border-radius:16px;background:var(--nested)}
.step .fig .w2{border-bottom-color:var(--line)}
.step .fig .w2:last-child{border-bottom:0}
.step .fig .listhead{margin-top:10px}
.bullets{list-style:none;padding:0;margin:0;display:grid;gap:.55rem;color:var(--ink2)}
.bullets li{display:flex;gap:.6rem;align-items:flex-start}
.bullets li::before{content:"–";color:var(--hue);font-weight:900;flex:none}
.total{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem .25rem .1rem}
.total b{font-family:"Barlow","Geist",sans-serif;font-size:1.6rem;font-weight:900;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.total b .caps{font-size:.72rem}

/* Mini FINAL STANDINGS (settled Board) */
.ot{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:10px}
.ot th{font-family:"Barlow Condensed","Geist",sans-serif;font-weight:700;letter-spacing:.08em;font-size:9px;color:var(--muted);text-align:right;padding:7px 6px;background:var(--surface);text-transform:uppercase}
.ot th:nth-child(2){text-align:left}
.ot td{padding:8px 6px;border-top:1px solid var(--line);text-align:right;font-family:"Geist Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;vertical-align:top}
.ot td:nth-child(1){color:var(--muted);font-size:11px;width:18px}
.ot td:nth-child(2){text-align:left}
.ot .nm{font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:13.5px;text-transform:uppercase;color:var(--ink)}
.ot tr.you td{background:color-mix(in srgb,var(--hue) 10%,transparent)}
.ot tr.you .nm{color:var(--hue)}
.ot .pt{font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:16px;color:var(--ink)}
.htag{display:inline-block;font-family:"Barlow Condensed","Geist",sans-serif;font-weight:700;letter-spacing:.08em;font-size:8.5px;padding:2px 7px;border-radius:999px;background:var(--pos-wash);color:var(--pos);white-space:nowrap;margin-top:4px;text-transform:uppercase}

/* The rule band: ink slab, display numerals */
.rule{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;background:var(--ink);color:var(--substrate);border-radius:24px;padding:2.5rem}
.rule .eyebrow{color:inherit;opacity:.7}
.rule h2{font-size:clamp(2.2rem,5vw,3.6rem)}
.rule p{color:color-mix(in srgb,var(--substrate) 78%,transparent);margin:.75rem 0 0;font-size:1.05rem}
.rule .big{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.rule .tile{border:1px solid color-mix(in srgb,var(--substrate) 16%,transparent);border-radius:16px;padding:1.1rem 1.2rem}
.rule .tile .n{font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:3rem;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.rule .tile .n.pos{color:#4ADE80}.rule .tile .n.neg{color:#FF8A70}
.rule .tile .l{font-family:"Barlow Condensed","Geist",sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-top:.5rem}

/* Features */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.feature h3{margin:0 0 .35rem;font-family:"Barlow","Geist",sans-serif;font-size:1.2rem;font-weight:900;letter-spacing:-.01em;text-transform:uppercase;line-height:1.05}
.feature p{margin:0;color:var(--ink2);font-size:.98rem}
.feature .chip{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--hue-wash);color:var(--hue);margin-bottom:.9rem}
.feature .chip svg{width:20px;height:20px}

/* Footer */
footer{border-top:1px solid var(--line);padding:2rem 0 3rem;color:var(--muted);font-size:.9rem}
footer .row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
footer nav{display:flex;gap:1.1rem;flex-wrap:wrap}
footer a{color:var(--ink2);text-decoration:none}
footer a:hover{text-decoration:underline}
footer .fine{margin-top:.9rem;font-size:.82rem;color:var(--dim)}

/* Document pages (privacy / terms / support / join / thanks / 404) */
.doc{max-width:68ch;padding:2.5rem 0 4rem}
.doc header{margin-bottom:2rem}
.doc h1{font-size:clamp(2.2rem,5vw,3.4rem)}
.doc .dateline{color:var(--muted);margin:.9rem 0 0;font-size:.95rem}
.doc h2{font-family:"Barlow","Geist",sans-serif;font-size:1.35rem;font-weight:900;letter-spacing:-.01em;text-transform:uppercase;margin:2.2rem 0 .6rem;line-height:1.05}
.doc p,.doc li{color:var(--ink2);text-wrap:pretty}
.doc ul{padding-left:1.2rem}
.doc a{color:var(--hue)}
.doc a.btn-ink{color:var(--substrate)}
.doc a.btn-hue{color:var(--on-hue)}
.doc a.btn-ghost{color:var(--ink)}
.doc strong{color:var(--ink)}
.doc .lead{font-size:1.12rem;color:var(--ink)}
.doc .card{padding:1.5rem}
.doc .code{font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:2.6rem;letter-spacing:.14em;margin:0;font-variant-numeric:tabular-nums;line-height:1}
.fill{background:rgba(255,159,10,.28);border-radius:4px;padding:0 .2em;color:var(--ink)}
.faq details{border-top:1px solid var(--line);padding:.9rem 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:800;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::after{content:"+";color:var(--hue);font-weight:900}
.faq details[open] summary::after{content:"–"}
.faq p{margin:.6rem 0 0}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.contact .card{padding:1.25rem}
.contact .card h3{margin:0 0 .3rem;font-family:"Barlow","Geist",sans-serif;font-size:1.1rem;font-weight:900;text-transform:uppercase}
.contact .card p{margin:0;font-size:.95rem}
.contact .card a{font-weight:700}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;gap:2.5rem;padding-top:2rem}
  .hero-shot{order:2}
  .steps,.features{grid-template-columns:1fr}
  .rule{grid-template-columns:1fr;padding:1.75rem}
  .contact{grid-template-columns:1fr}
}
@media (max-width:600px){
  .top{flex-direction:column;align-items:flex-start}
  .nav a{padding:.4rem .6rem;font-size:.82rem}
  .nav a.btn{display:none}
  section{padding:2.5rem 0}
  .rule .big{grid-template-columns:1fr 1fr}
  .phone{height:560px}
}

/* Early-access sign-up (Netlify Forms) */
.signup-card{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.signup-intro{background:var(--ink);color:var(--substrate);padding:2.5rem;display:flex;flex-direction:column;gap:.4rem}
.signup-intro .eyebrow{color:inherit;opacity:.7;margin-top:1.4rem}
.signup-intro h2{font-size:clamp(2.2rem,4.2vw,3.2rem)}
.signup-copy{margin:.9rem 0 0;color:color-mix(in srgb,var(--substrate) 78%,transparent);font-size:1.02rem}
.signup-icon{width:64px;height:64px;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.next{list-style:none;margin:1.6rem 0 0;padding:1.2rem 0 0;border-top:1px solid color-mix(in srgb,var(--substrate) 16%,transparent);display:grid;gap:.75rem;font-family:"Geist",-apple-system,system-ui,sans-serif;font-size:.95rem;color:color-mix(in srgb,var(--substrate) 85%,transparent)}
.next li{display:grid;grid-template-columns:28px 1fr;gap:.75rem;align-items:center}
.next .n{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--hue);color:var(--on-hue);font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:.9rem}
.signup{padding:2.5rem;display:grid;gap:1.1rem;align-content:start}
.signup .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;margin:0}
.field{display:grid;gap:.45rem}
.field input{font:inherit;font-size:1.02rem;color:var(--ink);background:var(--nested);border:1px solid transparent;border-radius:14px;padding:.85rem 1rem;min-height:52px;width:100%;transition:border-color .15s,box-shadow .15s,background .15s}
.field input::placeholder{color:var(--muted);opacity:1}
.field input:hover{border-color:var(--line-strong)}
.field input:focus{outline:none;background:var(--surface);border-color:var(--hue);box-shadow:0 0 0 4px var(--hue-wash)}
.choice{border:0;padding:0;margin:0;display:grid;gap:.6rem}
.choice legend{padding:0;margin-bottom:.45rem}
.option{position:relative;display:block}
.option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.option .box{display:grid;grid-template-columns:1fr auto;gap:.15rem .9rem;align-items:center;padding:.9rem 1rem;border-radius:16px;border:1px solid var(--line-strong);background:var(--surface);transition:border-color .15s,background .15s}
.option .box::after{content:"";grid-row:1/3;grid-column:2;width:22px;height:22px;border-radius:999px;border:2px solid var(--line-strong);box-sizing:border-box;transition:border-color .15s,background .15s,box-shadow .15s}
.option .t{font-weight:800;color:var(--ink);letter-spacing:-.01em}
.option .s{font-size:.9rem;color:var(--muted)}
.option input:hover+.box{border-color:var(--hue)}
.option input:checked+.box{border-color:var(--hue);background:var(--hue-wash)}
.option input:checked+.box::after{border-color:var(--hue);background:var(--hue);box-shadow:inset 0 0 0 4px var(--surface)}
.option input:focus-visible+.box{outline:3px solid var(--hue);outline-offset:3px}
.signup .btn{width:100%;min-height:54px;font-size:1rem;margin-top:.25rem}
.signup .fine{margin:0;color:var(--muted);font-size:.82rem;text-align:center}
.signup .fine a{color:var(--ink2)}
@media (max-width:900px){.signup-card{grid-template-columns:1fr}.signup-intro,.signup{padding:1.75rem}}

/* ── Scoreboard landing (2026-10-03, user pick: "Pick the winners. Rank the
   matchups. Prove you know ball." #DoYouKnowBall). Dark scoreboard hero +
   gold band + light How it works + dark sign-up. The dark blocks are a
   fixed ink look in both themes; literals here are the app's slab ink,
   slab text and amber (DESIGN.md palette). ── */
.sb-dark{background:#0B0E13;color:#F2F5F8}
.sb-top .brand{color:#F2F5F8}
.sb-top .nav a{color:#C6CCD5}
.sb-top .nav a:hover{color:#F2F5F8}
.sb-top .nav a.sb-btn-gold,.sb-top .nav a.sb-btn-gold:hover{color:#0F1115}
.sb-eb{font-family:"Barlow Condensed","Geist",sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:#949DA9;margin:0}
.sb-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;padding:2rem 0 4rem}
.sb-h1{font-family:"Barlow","Geist",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:.9;font-size:clamp(3rem,7.4vw,6.4rem);margin:.6rem 0 0;text-wrap:balance}
.sb-gold{color:#F2B04A}
.sb-sub{font-size:1.15rem;line-height:1.55;color:#C6CCD5;max-width:34ch;margin:1.3rem 0 1.6rem}
.sb-cta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.sb-btn-gold{background:#F2B04A;color:#0F1115;border-color:transparent}
.sb-btn-gold:hover{background:#F5BE65;color:#0F1115}
.sb-hash{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.06em;color:#949DA9;font-size:1rem}
.sb-meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin:1.4rem 0 0;font-size:.85rem;color:#949DA9}
.sb-meta span+span::before{content:"·";margin-right:.9rem;color:#5C6470}
.sb-board{background:#171D26;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;width:100%;max-width:440px;justify-self:end}
.sb-bh{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}
.sb-live{color:#FF5C7F;display:inline-flex;gap:.4rem;align-items:center}
.sb-live::before{content:"";width:7px;height:7px;border-radius:99px;background:#FF5C7F}
.sb-r{display:grid;grid-template-columns:1.6rem 1fr auto;gap:.3rem .8rem;padding:.8rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}
.sb-r:last-child{border-bottom:0}
.sb-rk{font-family:"Geist Mono",monospace;font-size:.8rem;color:#949DA9}
.sb-nm{font-family:"Barlow",sans-serif;font-weight:900;font-size:1.2rem;text-transform:uppercase}
.sb-p{font-family:"Barlow",sans-serif;font-weight:900;font-size:1.6rem;font-variant-numeric:tabular-nums;line-height:1}
.sb-bar{grid-column:2/4;height:6px;border-radius:99px;background:#222A35;overflow:hidden}
.sb-bar i{display:block;height:100%;background:#F2F5F8;border-radius:99px}
.sb-tt{grid-column:2/4;font-size:.82rem;color:#949DA9}
.sb-me{background:rgba(242,176,74,.1)}
.sb-me .sb-nm{color:#F2B04A}
.sb-me .sb-bar i{background:#F2B04A}
.sb-band{background:#F2B04A;color:#0F1115;overflow:hidden;white-space:nowrap;padding:1rem 0}
.sb-band-track{display:inline-flex;gap:2.2rem;animation:sb-marquee 38s linear infinite}
.sb-band span{font-family:"Barlow",sans-serif;font-weight:900;font-size:1.7rem;text-transform:uppercase}
@keyframes sb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sb-band-track{animation:none}}
.sb-join{margin-top:3rem}
.sb-signup{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:4.5rem 0}
.sb-h2{font-family:"Barlow",sans-serif;font-weight:900;text-transform:uppercase;line-height:.92;font-size:clamp(2.6rem,6vw,5rem);margin:.5rem 0 0;text-wrap:balance}
.sb-signup .signup{background:var(--sheetLift);color:var(--ink);border-radius:24px;padding:1.5rem}
.sb-signup .btn-hue{background:#F2B04A;color:#0F1115}
.sb-signup .btn-hue:hover{background:#F5BE65;color:#0F1115}
@media (max-width:860px){
  .sb-hero{grid-template-columns:1fr;gap:2.2rem;padding:1rem 0 3rem}
  .sb-board{justify-self:stretch;max-width:none}
  .sb-signup{grid-template-columns:1fr;gap:1.6rem;padding:3.5rem 0}
  .sb-band span{font-size:1.3rem}
}

/* The Sunday Slate landing (/sunday, 2026-10-12): the sealed roster and the closing slab */
.sl-roster{list-style:none;margin:6px 0 0;padding:0}
.sl-roster li{display:flex;justify-content:space-between;align-items:center;height:46px;border-bottom:1px solid var(--line)}
.sl-roster li:last-child{border-bottom:0}
.sl-roster b{font-family:"Barlow","Geist",sans-serif;font-weight:900;font-size:15px;text-transform:uppercase}
.sl-roster .sl-you b{color:var(--hue)}
.sl-seal{width:72px;height:8px;border-radius:999px;background:var(--line-strong)}
.sl-end{padding:4.5rem 0;max-width:40rem}
.sl-end .sb-meta a{color:#F2B04A}