/* Linecast visual pass (Oct 2026). One shared skin loaded last in <head> on every public page.
   Pages keep their own inline styles; this file only restyles them (selectors are prefixed with `html`
   so they win over same-specificity rules that load later, e.g. the nav <style> in the body).
   Rules: content and compliance text are never hidden here; the 21+ strip, footer notice and parlay risk
   notes stay visible. Colors keep the black / red Linecast palette. Not loaded on /plus/ or /admin/. */
:root{--lc-bg:#0A0A0A;--lc-panel:#141414;--lc-panel2:#101010;--lc-line:#262626;--lc-line2:#333;--lc-red:#E10600;--lc-red2:#FF2A1F;
  --lc-text:#FFFFFF;--lc-mut:#A6A6A6;--lc-dim:#8f8f8f;--lc-green:#3DDC84;--lc-pink:#FF7AB6;--lc-gold:#FFC940;--lc-r:14px}

/* ---------- page ---------- */
html body{background:radial-gradient(1100px 420px at 50% -160px,rgba(225,6,0,.18),rgba(225,6,0,0) 70%) no-repeat,var(--lc-bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}
html body a:focus-visible,html body button:focus-visible,html body summary:focus-visible,html body input:focus-visible{outline:2px solid var(--lc-gold);outline-offset:2px}

/* ---------- top nav: sticky, quieter pills, red underline on the current page ---------- */
html .sitenav{position:sticky;top:0;z-index:60;gap:4px;padding:8px 14px;background:rgba(0,0,0,.9);
  -webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #1f1f1f!important;box-shadow:0 1px 0 rgba(225,6,0,.55)}
html .sitenav b{display:inline-flex;align-items:center;gap:7px;font:700 16px Oswald,sans-serif;letter-spacing:.14em;color:#fff;margin-right:12px}
html .sitenav b::before{content:"";width:10px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--lc-red2),var(--lc-red));transform:skewX(-14deg)}
html .sitenav a,html .sitenav .lc-partners-btn{border:1px solid transparent!important;border-radius:999px;padding:7px 12px;color:#bdbdbd;transition:background .15s,color .15s}
html .sitenav a:hover,html .sitenav .lc-partners-btn:hover{background:#1a1a1a!important;color:#fff}
html .sitenav a.cur{background:var(--lc-red)!important;color:#fff!important;border-color:var(--lc-red)!important;box-shadow:0 4px 14px rgba(225,6,0,.35)}
html .sitenav .lc-chip a{border-radius:999px}
html .sitenav .lc-chip a.ghost{border:1px solid var(--lc-line2)!important}
@media (max-width:640px){
  html .sitenav{position:static;padding:6px 10px;gap:3px}
  html .sitenav b{flex:1 0 100%;margin:2px 0 4px;font-size:15px}
  html .sitenav a,html .sitenav .lc-partners-btn{padding:6px 9px;font-size:11px}
  html .sitenav .lc-chip{flex:1 0 100%;justify-content:flex-end;margin-top:2px}
}

/* ---------- page header (sport / tool pages) ---------- */
html body > header{gap:10px;padding:22px 16px 18px;border-bottom:1px solid #1c1c1c;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}
html body > header h1{font:700 30px/1.05 Oswald,sans-serif;letter-spacing:.05em}
html body > header button,html body > header input{border-radius:999px;min-height:40px;padding:8px 14px;background:#121212;border-color:var(--lc-line2)}
html body > header button.on{box-shadow:0 4px 14px rgba(225,6,0,.3)}
@media (max-width:640px){html body > header h1{font-size:24px;flex:1 0 100%}}

/* ---------- compliance strip: stays visible, reads as a slim bar instead of a shouting box ---------- */
html .lc-cl,html main > .rg,html .rg{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#240402,#120202)!important;border:1px solid #3d0b08!important;
  border-left:4px solid var(--lc-red)!important;border-radius:10px!important;padding:9px 12px!important;color:#f4f4f4!important;font:600 12px/1.45 Inter,system-ui,sans-serif!important;letter-spacing:.01em}

/* ---------- cards ---------- */
html main .card{background:linear-gradient(180deg,#161616,#111);border:1px solid var(--lc-line);border-radius:var(--lc-r);padding:16px 18px;margin-bottom:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.35)}
html main .card .card{box-shadow:none}
/* section eyebrow: the first small mono label in a card */
html main .card > .mono:first-child,html main .card > .row:first-child > .mono:first-child{display:flex;align-items:center;gap:8px;font:600 11px "IBM Plex Mono",monospace;letter-spacing:.12em;color:#9a9a9a;text-transform:uppercase}
html main .card > .mono:first-child::before,html main .card > .row:first-child > .mono:first-child::before{content:"";flex:0 0 auto;width:3px;height:12px;border-radius:2px;background:var(--lc-red)}
html main .card table{font-variant-numeric:tabular-nums}
html main .card th{letter-spacing:.06em}
html main .card td,html main .card th{border-bottom-color:#222}
html main .card tr:last-child td{border-bottom:0}
html main .note{color:var(--lc-dim)}

/* ---------- Today: market tabs as a segmented control ---------- */
html .lc-sub{background:#0f0f0f;border:1px solid var(--lc-line);border-radius:999px;padding:4px;gap:4px}
html .lc-sub .lc-sublab{display:none}
html .lc-sub button{border:0!important;border-radius:999px!important;background:transparent!important;color:#cfcfcf!important;min-height:40px}
html .lc-sub button.on{background:var(--lc-red)!important;color:#fff!important;box-shadow:0 4px 14px rgba(225,6,0,.35)}
html #status{margin:2px 0 10px;color:#7d7d7d}

/* ---------- game cards (Hockey / Football / Basketball) ---------- */
html main .teams{font:700 24px/1.1 Oswald,sans-serif;letter-spacing:.04em}
html main .pick{font:700 30px/1 Oswald,sans-serif;letter-spacing:.03em}
html main .conf{font:700 26px/1 Oswald,sans-serif;color:var(--lc-green)}
html main .row .mono{letter-spacing:.06em}
html main .badge{border-radius:999px;padding:4px 10px}
html main .card.lc-edgecard{border-color:rgba(61,220,132,.65)!important;background:linear-gradient(180deg,rgba(61,220,132,.07),rgba(61,220,132,0) 120px),linear-gradient(180deg,#161616,#111)}
html main .card.lc-leancard{border-color:rgba(255,201,64,.6)!important;background:linear-gradient(180deg,rgba(255,201,64,.06),rgba(255,201,64,0) 120px),linear-gradient(180deg,#161616,#111)}
html main .card.lc-pass{border-color:#2a3550!important}

/* grade block inside a card */
html .lc-g{background:#0c0c0c;border:1px solid #232323;border-radius:12px;padding:12px 14px;margin-top:10px}
html .lc-cfrow{gap:8px 10px;margin-bottom:8px}
html .lc-cf{font:700 30px/1 Oswald,sans-serif;letter-spacing:.02em}
html .lc-cfl{font:600 11px "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#9a9a9a}
html .lc-g .lc-n{display:block;font:500 13px/1.5 Inter,system-ui,sans-serif;color:#bfbfbf}
html .lc-g .lc-n .lc-bet{display:inline;font:700 16px/1.4 Inter,system-ui,sans-serif;color:#fff}
html .lc-g .lc-r{font-size:13px;color:#cfcfcf}
html .lc-g .lc-pin{font-size:12px;color:#8f8f8f}
html .lc-t{border-radius:999px;padding:4px 12px;font-size:12px}
html .lc-offer{border-top:1px dashed #2a2a2a;margin-top:12px;padding-top:10px}

/* model vs market meter (decorative; the same numbers are in the text next to it) */
html .lc-meter{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center;margin:4px 0 10px;max-width:520px}
html .lc-meter > i{font:600 10px "IBM Plex Mono",monospace;letter-spacing:.1em;color:#8a8a8a;font-style:normal}
html .lc-meter > i::before{content:attr(data-l)}
html .lc-meter > b{position:relative;height:8px;border-radius:99px;background:#1f1f1f;overflow:hidden}
html .lc-meter > b::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0%);border-radius:99px;background:#6b6b6b}
html .lc-meter > b.m::after{background:linear-gradient(90deg,var(--lc-red),var(--lc-red2))}
html .lc-g.lc-g-EDGE .lc-meter > b.m::after,html .lc-lead .lc-edgecard > .lc-meter > b.m::after{background:linear-gradient(90deg,#1f9d5c,var(--lc-green))}
html .lc-g.lc-g-LEAN .lc-meter > b.m::after{background:linear-gradient(90deg,#c99a1d,var(--lc-gold))}
html .lc-g.lc-g-PASS .lc-meter > b.m::after{background:linear-gradient(90deg,#2F6FED,#7fa6ff)}

/* Prime Line lead card: the play is the headline, numbers are big */
html .lc-lead .lc-edgecard{padding:18px 20px}
html .lc-lead .lc-big{font:700 26px/1.1 Oswald,sans-serif}
html .lc-kpis{gap:14px 28px;margin-top:12px}
html .lc-kpis > div{font:600 10px "IBM Plex Mono",monospace;letter-spacing:.12em;color:#8f8f8f}
html .lc-kpis b{font:700 30px/1.15 Oswald,sans-serif;letter-spacing:.02em;margin-top:2px}
html .lc-kpis > div:first-child{flex:1 0 100%}
html .lc-kpis > div:first-child b{font:700 24px/1.2 Oswald,sans-serif;color:#fff}
html .lc-lead > p b{font:700 17px Oswald,sans-serif;letter-spacing:.03em}

/* explainer + record one-liner */
html .lc-ex{border-left:3px solid var(--lc-green)!important}
html .lc-legend{line-height:2}
html .lc-sum{font:600 14px/1.6 Inter,system-ui,sans-serif;color:#eaeaea}
html .lc-wl{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;align-items:center;margin:10px 0 2px;max-width:560px}
html .lc-wl > i{font:600 10px "IBM Plex Mono",monospace;letter-spacing:.1em;color:#9a9a9a;font-style:normal;white-space:nowrap}
html .lc-wl > i::before{content:attr(data-l)}
html .lc-wl > b{display:flex;height:10px;border-radius:99px;overflow:hidden;background:#1f1f1f}
html .lc-wl > b > s{display:block;height:100%;text-decoration:none}
html .lc-wl > b > s.w{background:var(--lc-green)}html .lc-wl > b > s.l{background:#c2335f}html .lc-wl > b > s.p{background:#555}

/* folds and "Show details" */
html details.lc-fold>summary,html details.lc-more>summary{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;margin-top:6px;border:1px solid var(--lc-line2);border-radius:999px;background:#121212;color:#d8d8d8;list-style:none}
html details.lc-fold>summary::-webkit-details-marker,html details.lc-more>summary::-webkit-details-marker{display:none}
html details.lc-fold>summary::before,html details.lc-more>summary::before{content:"+";font:700 14px/1 "IBM Plex Mono",monospace;color:var(--lc-red2)}
html details.lc-fold[open]>summary::before,html details.lc-more[open]>summary::before{content:"–"}
html details.lc-fold[open]>summary,html details.lc-more[open]>summary{color:#fff;border-color:#4a4a4a}
html details.lc-fold>.lc-fold-b{margin-top:8px}
html details.lc-all>summary{border-width:1px!important;border-color:#5a1410!important;background:linear-gradient(180deg,#1a0d0c,#130909)!important;border-radius:var(--lc-r)!important;font-size:14px!important}
html details.lc-all>summary:hover{border-color:var(--lc-red2)!important}

/* parlay idea + risk note (always visible) */
html .lc-pv{border-radius:12px}
html .lc-risk{border-left:4px solid var(--lc-red)!important;border-radius:10px}

/* tables: scroll inside the card on phones */
html .lc-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---------- KPI tiles (home, record, climb) ---------- */
html .lc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0 4px}
html .lc-tile{background:#0d0d0d;border:1px solid #232323;border-radius:12px;padding:12px 14px}
html .lc-tile span{display:block;font:600 10px "IBM Plex Mono",monospace;letter-spacing:.12em;color:#8f8f8f;text-transform:uppercase}
html .lc-tile b{display:block;font:700 30px/1.15 Oswald,sans-serif;letter-spacing:.02em;color:#fff;margin-top:4px;font-variant-numeric:tabular-nums}
html .lc-tile b.pos{color:var(--lc-green)}html .lc-tile b.neg{color:var(--lc-pink)}
html .lc-dots{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 2px}
html .lc-dots i{width:14px;height:14px;border-radius:4px;background:#333}
html .lc-dots i.W{background:var(--lc-green)}html .lc-dots i.L{background:#c2335f}html .lc-dots i.P{background:#666}
html main .kpi{font-family:Oswald,sans-serif;font-size:30px;line-height:1.15;font-variant-numeric:tabular-nums}
html main .grid > div > .mono:first-child{font-size:10px;letter-spacing:.12em}

/* ---------- Climb ladder ---------- */
html #live .steps{gap:6px;margin-top:12px}
html #live .steps i{width:34px;height:34px;line-height:34px;border-radius:50%;font-size:13px;position:relative}
html .lc-ladder{display:flex;align-items:center;gap:0;margin:4px 0 12px;max-width:520px}
html .lc-ladder > span{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;font:600 10px "IBM Plex Mono",monospace;letter-spacing:.08em;color:#9a9a9a;text-transform:uppercase}
html .lc-ladder > span > b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid #3a3a3a;background:#101010;color:#fff;font:700 16px Oswald,sans-serif}
html .lc-ladder > span:first-child > b{width:auto;min-width:38px;padding:0 10px;border-radius:999px;border-color:var(--lc-red);color:var(--lc-red2)}
html .lc-ladder > span:last-child > b{border-color:var(--lc-green);color:var(--lc-green)}
html .lc-ladder > em{flex:1 1 auto;height:2px;min-width:18px;margin:0 6px 18px;background:linear-gradient(90deg,#3a3a3a,#555);font-style:normal}

/* ---------- footer: same text, tidier block ---------- */
html footer.lc-social{max-width:860px;margin:36px auto 0;padding:22px 16px 28px!important;border-top:1px solid #1e1e1e}
html footer.lc-social > a{display:inline-block;padding:4px 10px;border:1px solid #2a2a2a;border-radius:999px;margin:2px}
html footer.lc-social .lc-legal{border-top:0;color:#8a8a8a}
html footer.lc-social .lc-legal p:first-child{color:#bdbdbd!important}

/* ---------- home ---------- */
html .lc-hero{padding:18px 0 8px}
html .lc-hero h1{font:700 64px/0.95 Oswald,sans-serif;letter-spacing:.04em;margin:0 0 10px}
html .lc-hero p.s{font-size:17px;color:#c9c9c9;max-width:560px;margin:0 0 14px}
html .lc-steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 26px}
html .lc-steps3 > div{display:flex;align-items:center;gap:10px;background:#0f0f0f;border:1px solid #222;border-radius:12px;padding:10px 12px;font:600 13px/1.3 Inter,system-ui,sans-serif;color:#e6e6e6}
html .lc-steps3 > div > i{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#1d0807;border:1px solid #4a0f0b;color:var(--lc-red2);font:700 14px Oswald,sans-serif;font-style:normal}
html a.c.lc-sport{position:relative;overflow:hidden;min-height:132px}
html a.c.lc-sport .lc-ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:64px;line-height:1;opacity:.9;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}


html a.c{background:linear-gradient(160deg,#181818,#101010)!important;border-radius:16px!important;transition:border-color .15s,transform .15s,box-shadow .15s}
html a.c:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 0 1px rgba(225,6,0,.5)}
@media (max-width:640px){html .lc-hero h1{font-size:46px}html .lc-steps3{grid-template-columns:1fr}html a.c.lc-sport .lc-ico{font-size:48px}}
@media (prefers-reduced-motion:reduce){html a.c{transition:none}html a.c:hover{transform:none}}
html a.c.lc-sport small,html a.c.lc-sport h2,html a.c.lc-sport p{padding-right:84px}
@media (max-width:640px){html a.c.lc-sport small,html a.c.lc-sport h2,html a.c.lc-sport p{padding-right:60px}}


@media (max-width:640px){
  html .lc-kpis{gap:10px 20px}html .lc-kpis b{font-size:24px}html .lc-kpis > div:first-child b{font-size:20px}
  html .lc-lead .lc-big{font-size:22px}html main .card{padding:14px}html .lc-g{padding:10px 12px}
  html body > header{padding:16px 12px 14px}html body > header button,html body > header input{min-height:40px;padding:6px 12px}
  html .lc-tile b{font-size:24px}
}
/* record: one row per sport, tables open on tap (state remembered) */
html details.lc-srec,html .lc-srec-x{border-top:1px solid #222;padding:4px 0}
html details.lc-srec:first-of-type{border-top:0}
html details.lc-srec>summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:48px;cursor:pointer;list-style:none;padding:6px 4px;border-radius:10px}
html details.lc-srec>summary::-webkit-details-marker{display:none}
html details.lc-srec>summary::after{content:"+";margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid #333;color:var(--lc-red2);font:700 15px "IBM Plex Mono",monospace}
html details.lc-srec[open]>summary::after{content:"–"}
html details.lc-srec>summary:hover{background:#151515}
html details.lc-srec>summary .mono{font:600 13px "IBM Plex Mono",monospace;color:#e6e6e6}
html details.lc-srec>.lc-wrap{margin:4px 0 10px}
/* "Show details / Hide details" labels on every collapsible list, not only Today's */
html details.lc-more[open]>summary .lc-exp-go,html details.lc-more:not([open])>summary .lc-exp-stop{display:none}
html details.lc-more>summary .lc-exp-go,html details.lc-more>summary .lc-exp-stop{color:#fff}
/* guide: numbered steps as a two-column grid of mini cards */
html ol.steps{list-style:none;counter-reset:lcst;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
html ol.steps li{counter-increment:lcst;position:relative;margin:0!important;padding:14px 14px 14px 56px;background:#0e0e0e;border:1px solid #232323;border-radius:12px;font-size:13.5px;color:#d6d6d6}
html ol.steps li::before{content:counter(lcst);position:absolute;left:14px;top:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#1d0807;border:1px solid #4a0f0b;color:var(--lc-red2);font:700 15px Oswald,sans-serif}
html ol.steps .st{margin-bottom:4px}