/* LineForge stylesheet: legacy layers consolidated from app, app3, v4-v13, v16 (kept in original cascade order; no rule changed). Graphite tokens/overrides live in graphite.css. */

/* ===== app.css ===== */
/* AlagoBets Edge v2 · black & gold design system */
:root{--bg:#070708;--bg2:#0b0b0d;--panel:#111114;--panel2:#16161a;--panel3:#1c1c21;--line:rgba(255,255,255,.07);--line2:rgba(255,255,255,.045);--lg:rgba(212,165,55,.24);
--ink:#f5f2ea;--mut:#a7a39b;--dim:#6d6a64;--gold:#d4a537;--gold2:#f3cf6e;--gold3:#a67a22;--green:#34d399;--green2:#10b981;--red:#f87171;--blue:#60a5fa;--amber:#fbbf24;--violet:#a78bfa;
--r:16px;--r2:12px;--sh:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px -32px rgba(0,0,0,.9);--ease:cubic-bezier(.2,.8,.2,1);--side:252px}
*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-color:#2a2a30 transparent}html,body{background:var(--bg);color:var(--ink)}
body{font:400 14px/1.55 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;font-feature-settings:"cv11","ss01"}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:rgba(212,165,55,.35)}
svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.num,.mono{font-family:Inter,ui-monospace,monospace;font-variant-numeric:tabular-nums}
/* ---------- shell ---------- */
.side{position:fixed;inset:0 auto 0 0;width:var(--side);display:flex;flex-direction:column;padding:18px 14px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0b0b0d 0%,#070708 100%);z-index:40;transition:transform .32s var(--ease)}
.brand{display:flex;align-items:center;gap:11px;padding:6px 10px 18px}.brand img{width:34px;height:34px;filter:drop-shadow(0 4px 14px rgba(212,165,55,.35))}
.brand .wm{font:700 1.06rem Inter,sans-serif;letter-spacing:-.02em;line-height:1.1}.brand .wm b{background:linear-gradient(120deg,var(--gold2),var(--gold) 60%,var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand .wm small{display:block;font:600 .6rem Inter,sans-serif;letter-spacing:.18em;color:var(--dim);text-transform:uppercase;margin-top:3px}
.nav{flex:1;overflow:auto;margin:0 -6px;padding:0 6px}.nav h6{font:600 .62rem Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:16px 12px 6px}
.nav a{position:relative;display:flex;align-items:center;gap:11px;padding:8.5px 12px;border-radius:10px;color:var(--mut);font-weight:500;font-size:.88rem;margin-bottom:1px;transition:background .18s,color .18s}
.nav a:hover{background:rgba(255,255,255,.035);color:var(--ink)}.nav a.on{background:linear-gradient(90deg,rgba(212,165,55,.16),rgba(212,165,55,.02));color:var(--gold2)}
.nav a.on::before{content:"";position:absolute;left:-6px;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(var(--gold2),var(--gold))}
.nav a .cnt{margin-left:auto;font:600 .66rem Inter,sans-serif;padding:1px 7px;border-radius:99px;background:rgba(212,165,55,.16);color:var(--gold2)}.nav a .cnt.r{background:rgba(248,113,113,.16);color:var(--red)}
.nav a .new{margin-left:auto;font:700 .55rem Inter,sans-serif;letter-spacing:.08em;padding:2px 6px;border-radius:5px;background:linear-gradient(120deg,var(--gold2),var(--gold));color:#1a1206}
.credit{margin-top:10px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-size:.74rem;color:var(--mut)}
.credit .row{display:flex;justify-content:space-between}.credit b{color:var(--ink);font-family:Inter;font-weight:600}
.bar{height:5px;border-radius:9px;background:rgba(255,255,255,.06);overflow:hidden;margin:6px 0 9px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold3),var(--gold2));border-radius:9px;transition:width .6s var(--ease)}
.me{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 6px 0;border-top:1px solid var(--line2)}.me .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--gold3));display:grid;place-items:center;color:#1a1206;font:800 .8rem Inter,Inter,sans-serif}
.me .nm{font-weight:600;font-size:.82rem;line-height:1.2}.me .nm small{display:block;color:var(--dim);font-weight:500;font-size:.68rem}.me a{margin-left:auto;color:var(--dim);padding:6px;border-radius:8px}.me a:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.main{margin-left:var(--side);min-width:0;padding:0 32px 48px;min-height:100vh;background:radial-gradient(1100px 420px at 75% -160px,rgba(212,165,55,.085),transparent 70%)}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:18px 0 16px;background:linear-gradient(180deg,rgba(7,7,8,.96) 60%,rgba(7,7,8,0));backdrop-filter:blur(6px)}
.top .burger{display:none}.top .ttl h1{font:700 1.45rem Inter,sans-serif;letter-spacing:-.03em;line-height:1.15}.top .ttl p{color:var(--dim);font-size:.8rem;margin-top:2px}
.top .r{margin-left:auto;display:flex;align-items:center;gap:8px}
.qs{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--dim);min-width:240px;cursor:text;transition:border-color .2s}.qs:hover{border-color:var(--lg)}.qs input{background:none;border:0;outline:none;flex:1;color:var(--ink);font-size:.84rem;min-width:0}.qs kbd{font:600 .62rem Inter,sans-serif;padding:2px 6px;border:1px solid var(--line);border-radius:5px;color:var(--dim)}
.ib{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--mut);cursor:pointer;transition:.18s}.ib:hover{color:var(--ink);border-color:var(--lg)}
.ib .dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font:700 .62rem/18px Inter,sans-serif;text-align:center;box-shadow:0 0 0 3px var(--bg)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;border:1px solid var(--line);background:var(--panel);font-size:.76rem;color:var(--mut);white-space:nowrap}.pill.g{color:var(--gold2);border-color:rgba(243,207,110,.3)}.pill.warn{color:var(--amber);border-color:rgba(251,191,36,.35)}
.pill svg.i{width:14px;height:14px}
#view{animation:vin .34s var(--ease)}@keyframes vin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.foot{margin-top:40px;padding-top:18px;border-top:1px solid var(--line2);font-size:.7rem;color:var(--dim);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* ---------- primitives ---------- */
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}.split.l{grid-template-columns:320px minmax(0,1fr)}
.card{position:relative;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--sh)}
.card.hov{transition:transform .22s var(--ease),border-color .22s,box-shadow .22s;cursor:pointer}.card.hov:hover{transform:translateY(-2px);border-color:var(--lg);box-shadow:var(--sh),0 18px 40px -24px rgba(212,165,55,.25)}
.card.gold{border-color:var(--lg);background:radial-gradient(400px 160px at 100% 0,rgba(212,165,55,.12),transparent 70%),linear-gradient(180deg,var(--panel2),var(--panel))}
.ch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ch h3{font:600 .98rem Inter,sans-serif;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.ch h3 svg{color:var(--gold2)}.ch .sub{margin-left:auto}
.kpi .l{font-size:.7rem;color:var(--mut);text-transform:uppercase;letter-spacing:.1em;font-weight:600;display:flex;align-items:center;gap:6px}.kpi .l svg{width:14px;height:14px;color:var(--gold)}
.kpi .v{font:700 1.85rem Inter,sans-serif;letter-spacing:-.035em;margin-top:6px;line-height:1.1}.kpi .v small{font-size:.9rem;color:var(--dim);font-weight:600}.kpi .s{font-size:.74rem;color:var(--dim);margin-top:4px}
.gt{background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.filters{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.filters .sp{flex:1}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.02);cursor:pointer;font-size:.79rem;font-weight:600;color:var(--mut);user-select:none;transition:.16s;white-space:nowrap}
.chip:hover:not(.on){color:var(--ink);border-color:var(--lg)}.chip.on{background:linear-gradient(120deg,var(--gold2),var(--gold));color:#1a1206;border-color:transparent;box-shadow:0 6px 18px -10px rgba(212,165,55,.8)}
.chip .n{font-size:.66rem;opacity:.75}.chip svg.i{width:14px;height:14px}
.seg{display:inline-flex;padding:3px;border-radius:11px;background:#0b0b0d;border:1px solid var(--line)}.seg span{padding:5px 11px;border-radius:8px;font-size:.78rem;font-weight:600;color:var(--mut);cursor:pointer;transition:.16s}.seg span.on{background:var(--panel3);color:var(--gold2);box-shadow:0 1px 0 rgba(255,255,255,.06) inset}
.fl{display:flex;align-items:center;gap:7px;font-size:.76rem;color:var(--mut);font-weight:500}
select,input[type=number],input[type=text],input[type=search],input[type=url],input[type=password],textarea{background:#0a0a0c;border:1px solid var(--line);border-radius:10px;padding:8px 11px;outline:none;min-width:0;transition:border-color .16s,box-shadow .16s}
select:focus,input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,165,55,.14)}select{cursor:pointer}
input[type=range]{accent-color:var(--gold)}input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px}
.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:1px solid var(--lg);background:rgba(212,165,55,.08);color:var(--gold2);font-weight:600;cursor:pointer;font-size:.8rem;white-space:nowrap;transition:.16s}.btn:hover{background:rgba(212,165,55,.16)}
.btn.p{background:linear-gradient(120deg,var(--gold2),var(--gold));color:#1a1206;border:0;box-shadow:0 8px 22px -12px rgba(212,165,55,.9)}.btn.p:hover{filter:brightness(1.07)}
.btn.g{border-color:var(--line);background:var(--panel2);color:var(--ink)}.btn.g:hover{border-color:var(--lg)}.btn.s{padding:5px 10px;font-size:.74rem;border-radius:8px}.btn svg.i{width:15px;height:15px}.btn.d{color:var(--red);border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.06)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:.84rem}.tbl th{text-align:left;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;background:var(--panel);z-index:1}
.tbl td{padding:11px 12px;border-bottom:1px solid var(--line2);vertical-align:middle}.tbl tbody tr{transition:background .14s}.tbl tbody tr:hover td{background:rgba(255,255,255,.018)}.tbl tr.click{cursor:pointer}.tbl tr:last-child td{border-bottom:0}
.wrapt{overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);max-height:calc(100vh - 230px)}.wrapt.free{max-height:none}
.sticky1 td:first-child,.sticky1 th:first-child{position:sticky;left:0;background:var(--panel);z-index:2}
.ev{display:inline-flex;align-items:center;gap:4px;font:700 .8rem Inter,monospace;padding:4px 8px;border-radius:8px;color:#052e1c;background:linear-gradient(120deg,#6ee7b7,#34d399)}.ev.t2{background:linear-gradient(120deg,#a7f3d0,#6ee7b7)}.ev.t3{background:linear-gradient(120deg,var(--gold2),var(--gold));color:#1a1206}
.ev.sm{font-size:.66rem;padding:2px 5px;border-radius:5px}.evx{font:600 .66rem Inter;color:var(--green)}
.neg{color:var(--red)}.pos{color:var(--green)}.mut{color:var(--mut)}.dim{color:var(--dim)}.gold{color:var(--gold2)}
.odds{font:600 .86rem Inter,monospace;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.045);display:inline-block;min-width:56px;text-align:center;position:relative}
.odds.best{background:linear-gradient(135deg,rgba(243,207,110,.22),rgba(212,165,55,.1));color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(243,207,110,.38)}.odds.plus::after{content:"";position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px var(--panel)}
.bk{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.82rem}.bk i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font:800 .58rem Inter,sans-serif;font-style:normal;color:#fff;flex:none}
a.bk:hover{color:var(--gold2)}
.game{font-weight:600;line-height:1.3}.sub{font-size:.74rem;color:var(--dim);line-height:1.4}.sm{font-size:.78rem}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.055);color:var(--mut);font-weight:600;letter-spacing:.02em;white-space:nowrap;vertical-align:middle}
.tag.g{background:rgba(212,165,55,.15);color:var(--gold2)}.tag.r{background:rgba(248,113,113,.13);color:var(--red)}.tag.gr{background:rgba(52,211,153,.13);color:var(--green)}.tag.b{background:rgba(96,165,250,.13);color:var(--blue)}.tag.a{background:rgba(251,191,36,.13);color:var(--amber)}.tag.v{background:rgba(167,139,250,.14);color:var(--violet)}
.tag svg.i{width:12px;height:12px}.live{animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.55}}
.empty{padding:46px 20px;text-align:center;color:var(--mut)}.empty .ic{width:46px;height:46px;border-radius:14px;margin:0 auto 12px;display:grid;place-items:center;background:rgba(212,165,55,.1);color:var(--gold2)}.empty b{display:block;color:var(--ink);font:600 1rem Inter,Inter,sans-serif;margin-bottom:6px}.empty p{max-width:440px;margin:0 auto;font-size:.84rem}
.sk{border-radius:10px;background:linear-gradient(90deg,#141418 0,#1d1d22 40%,#141418 80%);background-size:300% 100%;animation:sh 1.3s infinite linear}@keyframes sh{to{background-position:-150% 0}}
.meta{font-size:.72rem;color:var(--dim);margin:-4px 0 12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hr{display:flex;gap:8px;flex-wrap:wrap}.hrc{flex:1;min-width:64px;text-align:center;padding:9px 8px;border-radius:12px;font:700 1rem Inter,Inter,sans-serif;border:1px solid var(--line2)}.hrc small{display:block;font:600 .6rem Inter,sans-serif;opacity:.75;text-transform:uppercase;letter-spacing:.08em}
.t0{background:rgba(248,113,113,.14);color:#fca5a5}.t1{background:rgba(248,113,113,.1);color:#fca5a5}.t2{background:rgba(248,113,113,.06);color:#f3c1c1}.t3{background:rgba(255,255,255,.04);color:#ddd}.t4{background:rgba(52,211,153,.08);color:#a7f3d0}.t5{background:rgba(52,211,153,.13);color:#6ee7b7}.t6{background:rgba(52,211,153,.2);color:#34d399}
.drawer{position:fixed;inset:0;z-index:70;pointer-events:none}.drawer .sc{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .28s}
.drawer .in{position:absolute;right:0;top:0;bottom:0;width:min(620px,100%);background:var(--bg2);border-left:1px solid var(--lg);padding:26px 26px 40px;overflow:auto;transform:translateX(104%);transition:transform .34s var(--ease);box-shadow:-30px 0 80px -30px rgba(0,0,0,.9)}
.drawer.on{pointer-events:auto}.drawer.on .sc{opacity:1}.drawer.on .in{transform:none}.drawer .x{position:absolute;right:16px;top:16px}
.dh{font:700 1.35rem Inter,Inter,sans-serif;letter-spacing:-.02em;margin:4px 0 2px;line-height:1.2}
.toast{visibility:hidden;position:fixed;bottom:26px;left:50%;transform:translate(-50%,120px);background:var(--panel3);border:1px solid var(--lg);padding:11px 16px;border-radius:12px;transition:transform .34s var(--ease);z-index:90;font-size:.84rem;display:flex;gap:10px;align-items:center;box-shadow:0 20px 50px -20px #000;max-width:min(520px,92vw)}.toast.on{visibility:visible;transform:translate(-50%,0)}
.pop{position:absolute;right:0;top:46px;width:min(400px,92vw);background:var(--panel2);border:1px solid var(--lg);border-radius:16px;box-shadow:0 30px 80px -20px #000;padding:8px;display:none;z-index:60;max-height:70vh;overflow:auto}.pop.on{display:block;animation:vin .22s var(--ease)}
.note{display:flex;gap:10px;padding:10px;border-radius:11px;cursor:pointer}.note:hover{background:rgba(255,255,255,.035)}.note .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}.note.u{background:rgba(212,165,55,.06)}
.note .t{font-weight:600;font-size:.82rem;line-height:1.3}.note .b{font-size:.74rem;color:var(--dim)}
.k-ev{background:rgba(212,165,55,.14);color:var(--gold2)}.k-arb{background:rgba(52,211,153,.14);color:var(--green)}.k-middle{background:rgba(96,165,250,.14);color:var(--blue)}.k-move{background:rgba(167,139,250,.15);color:var(--violet)}.k-streak{background:rgba(251,146,60,.14);color:#fb923c}.k-cold{background:rgba(96,165,250,.14);color:var(--blue)}.k-injury{background:rgba(248,113,113,.14);color:var(--red)}.k-model{background:rgba(212,165,55,.14);color:var(--gold2)}.k-system{background:rgba(255,255,255,.06);color:var(--mut)}
/* insight cards */
.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.ins{display:flex;flex-direction:column;gap:10px;padding:16px}.ins .hd{display:flex;align-items:center;gap:8px}.ins .kb{display:inline-flex;align-items:center;gap:5px;font:700 .62rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:7px}
.ins .kb svg.i{width:13px;height:13px}.ins h4{font:650 1.02rem Inter,Inter,sans-serif;letter-spacing:-.015em;line-height:1.25}.ins .hl{font-weight:600;color:var(--ink);font-size:.86rem}.ins .ft{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line2)}
.ins .ms{display:flex;gap:6px;flex-wrap:wrap}.ins .ms span{font:600 .72rem Inter;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.04);color:var(--mut)}.ins .ms span b{color:var(--ink);font-weight:600}
.spark{display:flex;align-items:flex-end;gap:3px;height:34px}.spark i{flex:1;border-radius:3px 3px 1px 1px;min-height:3px;background:#3a3a42}.spark i.h{background:linear-gradient(var(--green),#0e7a55)}.spark i.m{background:linear-gradient(#f87171,#7f1d1d)}
.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:16px;margin-bottom:18px}
.hero .wel h2{font:700 1.5rem Inter,Inter,sans-serif;letter-spacing:-.03em;line-height:1.2}.hero .wel p{color:var(--mut);font-size:.86rem;margin-top:6px}
/* misc components */
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.gm{padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);cursor:pointer;transition:.18s}.gm:hover,.gm.on{border-color:var(--gold);background:var(--panel2)}.gm.on{box-shadow:0 0 0 3px rgba(212,165,55,.12)}
.legs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.leg{padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line2)}
.big{font:800 1.7rem Inter,Inter,sans-serif;letter-spacing:-.04em;color:var(--green);line-height:1}
.calc label,.form label{display:block;font-size:.72rem;color:var(--mut);margin:10px 0 5px;font-weight:600;letter-spacing:.02em}.calc input,.calc select,.form input,.form select,.form textarea{width:100%}
.out{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(212,165,55,.06);border:1px solid var(--lg);font-size:.88rem;line-height:1.7}
.move{font-size:.62rem;margin-left:3px}.up{color:var(--green)}.dn{color:var(--red)}
.chartbox{position:relative;height:280px}.chartbox.sm{height:200px}.chartbox.lg{height:360px}
.list .it{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;cursor:pointer;border:1px solid transparent;transition:.15s}.list .it:hover{background:rgba(255,255,255,.03)}.list .it.on{border-color:var(--lg);background:rgba(212,165,55,.07)}
.inj{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px}.inj img{width:52px;height:52px;border-radius:14px;object-fit:cover;background:#1a1a1f}.inj .ph{width:52px;height:52px;border-radius:14px;background:#1a1a1f;display:grid;place-items:center;color:var(--dim);font:700 1rem Inter,Inter,sans-serif}
.st{font:700 .66rem Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px}.st-OUT,.st-IR,.st-SUSPENDED{background:rgba(248,113,113,.15);color:var(--red)}.st-DOUBTFUL{background:rgba(251,146,60,.15);color:#fb923c}.st-QUESTIONABLE,.st-DAY_TO_DAY{background:rgba(251,191,36,.14);color:var(--amber)}.st-PROBABLE,.st-HEALTHY,.st-RETURNING{background:rgba(52,211,153,.13);color:var(--green)}
.meter{display:flex;gap:3px}.meter i{width:16px;height:5px;border-radius:3px;background:#2a2a30}.meter.High i{background:var(--red)}.meter.Medium i:nth-child(-n+2){background:var(--amber)}.meter.Low i:first-child{background:var(--green)}
.sw{position:relative;width:38px;height:22px;flex:none;cursor:pointer}.sw input{display:none}.sw i{position:absolute;inset:0;border-radius:99px;background:#2a2a30;transition:.2s}.sw i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s var(--ease)}.sw input:checked+i{background:linear-gradient(120deg,var(--gold2),var(--gold))}.sw input:checked+i::after{transform:translateX(16px)}
.steps{counter-reset:s}.steps li{list-style:none;counter-increment:s;padding-left:30px;position:relative;margin:8px 0;font-size:.84rem;color:var(--mut)}.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:rgba(212,165,55,.15);color:var(--gold2);font:700 .7rem/20px Inter,sans-serif;text-align:center}
.tabbar{display:none}.show-m{display:none}.scrim{display:none}
.res{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer}.res:hover{background:rgba(255,255,255,.04)}.res img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#1a1a1f}
.qsr{position:absolute;top:50px;right:0;width:360px;background:var(--panel2);border:1px solid var(--lg);border-radius:14px;padding:6px;display:none;z-index:60;box-shadow:0 30px 70px -20px #000}.qsr.on{display:block}
@media(max-width:1280px){.g5{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}}
@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.split,.split.l{grid-template-columns:1fr}.qs{min-width:0;width:200px}}
@media(max-width:860px){
 .side{transform:translateX(-102%);z-index:60;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.side.on{transform:none;box-shadow:30px 0 80px -20px #000}.scrim.on{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:55}
 .main{margin-left:0;padding:0 14px 96px}.top{padding:12px 0 12px;gap:10px}.top .burger{display:grid}.top .ttl h1{font-size:1.15rem}.top .ttl p{display:none}.qs{display:none}.top .pill{display:none}
 .g2,.g3{grid-template-columns:1fr}.g4,.g5{grid-template-columns:repeat(2,1fr)}.kpi .v{font-size:1.45rem}.card{padding:15px}
 .tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:rgba(9,9,11,.94);border-top:1px solid var(--line);padding:7px 4px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(14px)}
 .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--dim);font-size:.6rem;font-weight:600;padding:3px 0;transition:color .16s}.tabbar a svg.i{width:21px;height:21px}.tabbar a.on{color:var(--gold2)}
 .legs{grid-template-columns:1fr}.hide-m{display:none}.show-m{display:block}.tbl td,.tbl th{padding:9px 8px}.filters{padding:10px;gap:8px}.wrapt{max-height:none}
 .feed{grid-template-columns:1fr}.tbl th[style*=min-width]{min-width:150px!important}.drawer .in{padding:20px 16px 40px}.chartbox{height:230px}.foot{display:none}
}

/* ===== app3.css ===== */
/* AlagoBets Edge v3 · premium layer (terminal x fintech, black & gold) */
:root{--bg:#050506;--panel:rgba(18,18,22,.72);--panel2:rgba(24,24,29,.8);--line:rgba(255,255,255,.06);--gold:#d9ad45;--gold2:#f6d77e;--glass:blur(18px) saturate(140%);
--sh2:0 1px 0 rgba(255,255,255,.05) inset,0 0 0 1px rgba(255,255,255,.035),0 30px 80px -40px rgba(0,0,0,.95);--fs-xs:.7rem;--fs-s:.8rem}
body.v3{background:radial-gradient(1200px 600px at 85% -10%,rgba(217,173,69,.09),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(217,173,69,.05),transparent 60%),var(--bg);background-attachment:fixed}
body.v3::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at top,#000 20%,transparent 70%)}
.v3 .main{position:relative;z-index:1}
.v3 .side{background:linear-gradient(180deg,rgba(12,12,14,.92),rgba(6,6,7,.96));backdrop-filter:var(--glass);border-right:1px solid rgba(217,173,69,.10)}
.v3 .nav a.on{background:linear-gradient(90deg,rgba(217,173,69,.16),rgba(217,173,69,.02));color:#fff;box-shadow:inset 2px 0 0 var(--gold)}
.v3 .nav a{transition:background .2s,color .2s,transform .2s}.v3 .nav a:hover{transform:translateX(2px)}
.v3 .top{position:sticky;top:0;z-index:30;background:rgba(5,5,6,.72);backdrop-filter:var(--glass);border-bottom:1px solid var(--line)}
.v3 .top h1{font:700 1.32rem/1.15 Inter,Inter,sans-serif;letter-spacing:-.025em;background:linear-gradient(180deg,#fff,#cfc9bc);-webkit-background-clip:text;background-clip:text;color:transparent}
.v3 .card{background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008)),var(--panel);backdrop-filter:var(--glass);border:1px solid var(--line);box-shadow:var(--sh2);border-radius:18px;transition:border-color .25s,transform .25s,box-shadow .25s}
.v3 .card:hover{border-color:rgba(217,173,69,.16)}
.v3 .card.gold{background:radial-gradient(600px 200px at 0 0,rgba(217,173,69,.16),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),var(--panel);border-color:rgba(217,173,69,.28)}
.v3 .card+.card{margin-top:14px}.v3 .grid .card+.card,.v3 .split .card+.card{margin-top:0}
.v3 .btn.p{background:linear-gradient(135deg,#f6d77e,#d9ad45 45%,#a97a1f);color:#140f02;font-weight:700;box-shadow:0 8px 30px -10px rgba(217,173,69,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.v3 .btn{transition:transform .15s,box-shadow .2s,background .2s}.v3 .btn:active{transform:scale(.97)}
.v3 .chip{transition:all .18s}.v3 .chip.on{background:linear-gradient(135deg,rgba(246,215,126,.22),rgba(217,173,69,.12));border-color:rgba(217,173,69,.5);color:#fff}
.v3 .sk{background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.08) 40%,rgba(255,255,255,.03) 80%);background-size:200% 100%;animation:shim 1.3s linear infinite;border-radius:12px}
@keyframes shim{to{background-position:-200% 0}}
#view{animation:fadeUp .38s var(--ease)}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* KPIs */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.kpi{position:relative;overflow:hidden;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--panel);border:1px solid var(--line);box-shadow:var(--sh2)}
.kpi::after{content:"";position:absolute;inset:auto -30% -60% auto;width:140px;height:140px;background:radial-gradient(circle,rgba(217,173,69,.14),transparent 70%)}
.kpi span{display:block;font:600 var(--fs-xs) Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.kpi b{display:block;font:700 1.55rem/1.2 Inter,monospace;letter-spacing:-.03em;margin-top:4px;font-variant-numeric:tabular-nums}
.kpi small{color:var(--mut);font-size:var(--fs-xs)}
.big{font:700 2rem Inter,monospace}
.pos{color:var(--green)}.neg{color:var(--red)}.gold{color:var(--gold2)}.b{font-weight:700}
/* tables */
.tblwrap{overflow:auto;max-height:72vh;padding:0!important}
.tbl.dense{width:100%;border-collapse:separate;border-spacing:0;font-size:.82rem}
.tbl.dense th{position:sticky;top:0;z-index:2;background:rgba(14,14,17,.96);backdrop-filter:blur(8px);font:600 .66rem Inter;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:10px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;cursor:default}
.tbl.dense th[data-k]{cursor:pointer}.tbl.dense th[data-k]:hover{color:var(--gold2)}.tbl.dense th.desc::after{content:" ↓";color:var(--gold)}.tbl.dense th.asc::after{content:" ↑";color:var(--gold)}
.tbl.dense td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.035);white-space:nowrap;vertical-align:middle}
.tbl.dense tbody tr{transition:background .15s;cursor:pointer}.tbl.dense tbody tr:hover{background:rgba(217,173,69,.05)}
.tbl.dense td.best{color:var(--gold2);font-weight:700;background:rgba(217,173,69,.07)}
.tbl.dense td button{margin-left:2px}
.pl{font-weight:600;color:#fff}
.hrp{display:inline-block;min-width:40px;text-align:center;padding:2px 6px;border-radius:6px;font:600 .74rem Inter,monospace;background:rgba(255,255,255,.05);color:var(--mut)}
.hrp.hi{background:rgba(52,211,153,.16);color:#6ee7b7}.hrp.md{background:rgba(217,173,69,.14);color:var(--gold2)}.hrp.lo{background:rgba(248,113,113,.14);color:#fca5a5}
.spk{display:inline-flex;align-items:flex-end;gap:2px;height:20px;width:64px}.spk i{flex:1;background:rgba(255,255,255,.18);border-radius:2px}.spk i.o{background:var(--gold)}
.flt{display:flex;flex-direction:column;gap:0}.flt.sticky{position:sticky;top:64px;z-index:20}.frow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.frow .sp{flex:1}
.flt select,.v3 input,.v3 select{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:8px 10px;outline:none;transition:border-color .2s}
.v3 input:focus,.v3 select:focus{border-color:rgba(217,173,69,.5);box-shadow:0 0 0 3px rgba(217,173,69,.12)}
.qs.sm{display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:10px}.qs.sm input{border:0;background:none;box-shadow:none;padding:7px 0}
.ib.star svg{transition:fill .2s,color .2s}.ib.star.on{color:var(--gold2)}.ib.star.on svg{fill:var(--gold)}.ib.sm{width:26px;height:26px}
.cnt{display:inline-block;margin-left:auto;min-width:18px;padding:0 5px;border-radius:9px;background:var(--gold);color:#111;font:700 .65rem/18px Inter;text-align:center}
/* player card */
.pc-h{display:flex;gap:14px;align-items:center}.pc-h img{width:84px;height:84px;border-radius:50%;object-fit:cover;background:radial-gradient(circle at 50% 30%,#2a2416,#0d0d10);border:1px solid rgba(217,173,69,.35);box-shadow:0 10px 30px -10px rgba(217,173,69,.4)}
.pts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pt{padding:10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);text-align:center}.pt span{display:block;font:600 .64rem Inter;letter-spacing:.12em;color:var(--dim)}.pt b{display:block;margin:4px 0}.pt small{color:var(--mut);font-size:.66rem}
.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.06)}
/* game center */
.gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:14px}
.gcard{display:block;padding:14px 16px;border-radius:16px;background:var(--panel);border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}.gcard:hover{transform:translateY(-2px);border-color:rgba(217,173,69,.35);box-shadow:0 20px 40px -24px rgba(217,173,69,.35)}
.gcard .tm{font:600 1rem Inter,Inter;letter-spacing:-.01em}.gfoot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.ghero{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.gt{font:700 1.6rem Inter,Inter;letter-spacing:-.03em;margin:4px 0}.gk{display:flex;gap:10px;align-items:center}.gk .kpi{padding:10px 14px}
.tabs{margin:16px 0 12px}.pmk{display:flex;flex-direction:column;padding:12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.pmk b{font-size:1.3rem}
.steam.pin{border-color:rgba(217,173,69,.4)}
.leg{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.leg .lp{width:80px;text-align:right}
/* palette */
#cmdk{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding-top:12vh}#cmdk.on{display:flex;animation:fadeUp .2s}
.ck{width:min(640px,94vw);border-radius:18px;background:rgba(16,16,20,.96);border:1px solid rgba(217,173,69,.3);box-shadow:0 40px 120px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04);overflow:hidden}
.ck label{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.ck input{flex:1;border:0!important;background:none!important;box-shadow:none!important;font-size:1rem;padding:4px 0!important}
.ck kbd,.ckf kbd{font:600 .66rem Inter;padding:2px 6px;border-radius:5px;border:1px solid var(--line);color:var(--mut);background:rgba(255,255,255,.04)}
#ckR{max-height:52vh;overflow:auto;padding:6px}.cki{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;cursor:pointer}.cki small{margin-left:auto;color:var(--dim);font-size:.72rem;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cki.on,.cki:hover{background:rgba(217,173,69,.12)}.ckf{display:flex;gap:16px;padding:10px 14px;border-top:1px solid var(--line);color:var(--dim);font-size:.72rem}
/* mobile */
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}.pts{grid-template-columns:repeat(3,1fr)}.flt.sticky{top:56px}.gt{font-size:1.25rem}.kpi b{font-size:1.2rem}.tbl.dense{font-size:.76rem}.ckf{display:none}.v3 .top h1{font-size:1.1rem}}
.kpi b .num,.kpi b span{font:inherit;letter-spacing:inherit}
@media (max-width:900px){.flt.sticky{position:static}}

/* parlay -> sportsbook links */
.pbk{margin-top:var(--sp4,16px)}.pbk-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pbk-st{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-sm,.8rem);color:var(--mut,#9aa)}.pbk-st select{min-height:40px;width:auto;padding:6px 10px}
.pbk-n{margin:0 0 14px;line-height:1.5}
.pbk-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pbk-c{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--panel2,#111);border:1px solid var(--line)}
.pbk-c.best{border-color:var(--gold-bd);box-shadow:inset 0 1px 0 var(--gold-bd),0 0 0 1px rgba(212,167,60,.08)}
.pbk-t{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pbk-p{text-align:right;line-height:1.1}.pbk-p span{display:block;font-size:var(--fs-xs,.72rem);color:var(--mut,#9aa);text-transform:uppercase;letter-spacing:.06em}.pbk-p b{font-size:1.25rem;color:var(--gold2)}
.pbk-l{display:flex;flex-direction:column;gap:8px}
.pbk-l .btn{display:flex;align-items:center;gap:10px;justify-content:flex-start;min-height:var(--tap,44px);width:100%;text-align:left;padding:8px 12px}
.pbk-l .btn.dis{opacity:.45;pointer-events:none}
.pbk-i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;background:rgba(0,0,0,.25)}
.pbk-x{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pbk-e{justify-content:center;min-height:var(--tap,44px)}
@media(max-width:560px){.pbk-g{grid-template-columns:1fr}.pbk-c{padding:14px}}

/* ===== v4.css ===== */
/* AlagoBets Edge v4 design system: tokens + flat components. Loaded after app.css/app3.css and overrides them.
   Deep black base, charcoal surfaces, restrained gold for primary actions and focus, green only for positive value. */
:root{
 --bg:#09090b;--bg2:#0c0c0e;--panel:#111113;--panel2:#141417;--panel3:#1b1b1f;--s4:#232328;
 --line:#222226;--line2:#1a1a1e;--lg:#3a3220;--bd-strong:#2e2e34;
 --ink:#f4f4f5;--mut:#a1a1aa;--dim:#8a8a93;
 --gold:#d4a73c;--gold2:#e6bf5c;--gold3:#a8822b;--gold-bg:rgba(212,167,60,.10);--gold-bd:rgba(212,167,60,.32);
 --green:#34d399;--green-bg:rgba(52,211,153,.11);--red:#f87171;--red-bg:rgba(248,113,113,.11);--amber:#fbbf24;--blue:#60a5fa;--violet:#a78bfa;
 --r:12px;--r2:10px;--r-sm:7px;--sh:none;--ease:cubic-bezier(.2,.8,.2,1);--side:240px;
 --sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:20px;--sp6:24px;
 --fs-xs:.72rem;--fs-sm:.8rem;--fs-md:.875rem;--fs-lg:1rem;--fs-xl:1.25rem;--tap:44px;--focus:0 0 0 2px var(--bg),0 0 0 4px var(--gold2)}
body{font:400 14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.003em}
.num,.mono,.odds,.ev,.evx{font-family:Inter,system-ui,sans-serif!important;font-variant-numeric:tabular-nums;font-feature-settings:"tnum","cv11"}
h1,h2,h3,h4,.dh,.kpi .v,.big,.brand .wm,.empty b,.hrc,.ins h4,.ch h3,.top .ttl h1{font-family:Inter,system-ui,sans-serif!important}
/* focus + accessibility */
:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus)!important;border-radius:6px}
a:focus-visible,button:focus-visible,.chip:focus-visible,[role=button]:focus-visible,summary:focus-visible{box-shadow:var(--focus)!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* shell: flat */
.side{background:var(--bg2);border-right:1px solid var(--line)}.brand img{filter:none}
.brand .wm b{background:none;color:var(--gold2);-webkit-text-fill-color:currentColor}
.nav a{border-radius:8px;padding:9px 12px;min-height:38px}.nav a.on{background:var(--panel3);color:var(--ink)}.nav a.on svg{color:var(--gold2)}
.nav a.on::before{background:var(--gold);width:2px;left:-6px}
.nav a .new{background:var(--gold-bg);color:var(--gold2);border:1px solid var(--gold-bd)}
.main{background:none}.top{background:rgba(9,9,11,.92);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid transparent}
.top .ttl h1{font-weight:650;font-size:1.3rem;letter-spacing:-.02em}
.credit{border-radius:var(--r2);background:var(--panel)}.bar{height:4px;background:var(--s4)}.bar i{background:var(--gold)}
.me .av{background:var(--panel3);color:var(--gold2);border:1px solid var(--gold-bd)}
/* surfaces */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:none;padding:var(--sp4)}
.card.gold{background:var(--panel);border-color:var(--line);box-shadow:inset 0 1px 0 var(--gold-bd)}
.card.hov:hover{transform:none;border-color:var(--bd-strong);box-shadow:none;background:var(--panel2)}
.ch{margin-bottom:var(--sp3)}.ch h3{font-weight:600;font-size:.92rem;letter-spacing:-.01em}.ch h3 svg{color:var(--gold)}
.gt{background:none;color:var(--gold2);-webkit-text-fill-color:currentColor}
.kpi .v{font-weight:650;font-size:1.5rem;letter-spacing:-.02em}
.filters{background:var(--panel);border-radius:var(--r);padding:10px 12px;gap:8px 12px}.filters.flat{border:0;padding:12px 0 0;margin:0;background:none}
/* controls */
.chip{border-radius:8px;background:transparent;border-color:var(--line);color:var(--mut);padding:6px 11px;min-height:32px}
.chip.on{background:var(--gold-bg);color:var(--gold2);border-color:var(--gold-bd);box-shadow:none}
.chip:hover:not(.on){border-color:var(--bd-strong)}.chip.sm{padding:3px 8px;min-height:26px;font-size:.74rem;gap:5px}
.seg{background:var(--bg2);border-radius:9px}.seg span{border-radius:7px;min-height:28px;display:inline-flex;align-items:center}.seg span.on{background:var(--panel3);color:var(--ink);box-shadow:inset 0 0 0 1px var(--bd-strong)}
select,input[type=number],input[type=text],input[type=search],input[type=url],input[type=password],textarea{background:var(--bg2);border-color:var(--line);border-radius:8px;min-height:34px}
select:focus,input:focus,textarea:focus{border-color:var(--gold3);box-shadow:0 0 0 3px rgba(212,167,60,.15)}
.btn{border-radius:8px;min-height:34px;border-color:var(--gold-bd);background:var(--gold-bg);color:var(--gold2)}
.btn.p{background:var(--gold);color:#16110a;box-shadow:none;border:1px solid var(--gold)}.btn.p:hover{background:var(--gold2);filter:none}
.btn.g{background:var(--panel2);border-color:var(--line);color:var(--ink)}.btn.g:hover{border-color:var(--bd-strong);background:var(--panel3)}
.btn.s{min-height:28px}.ib{border-radius:9px;background:var(--panel)}.ib.sm{width:30px;height:30px;font-size:.62rem}
.sw input:checked+i{background:var(--gold)}
/* data */
.tbl th{background:var(--panel);color:var(--dim);font-size:.66rem;letter-spacing:.08em}.tbl td{border-bottom-color:var(--line2)}
.tbl tbody tr:hover td{background:rgba(255,255,255,.022)}.wrapt{border-radius:var(--r);background:var(--panel)}
.ev{background:var(--green-bg);color:var(--green);box-shadow:inset 0 0 0 1px rgba(52,211,153,.28);border-radius:6px;font-weight:650}
.ev.t2{background:rgba(52,211,153,.07);color:#6ee7b7}.ev.t3{background:rgba(52,211,153,.18);color:#4ade80}
.odds{background:var(--panel3);border-radius:6px;font-weight:600;min-width:54px}
.odds.best{background:var(--gold-bg);color:var(--gold2);box-shadow:inset 0 0 0 1px var(--gold-bd)}
.odds .pt{color:var(--dim);font-size:.7rem;margin-right:3px}
.tag{border-radius:5px}.empty .ic{background:var(--panel3);color:var(--gold2);border-radius:10px}.empty.err .ic{background:var(--red-bg);color:var(--red)}
.sk{background:linear-gradient(90deg,var(--panel2) 0,var(--panel3) 40%,var(--panel2) 80%);background-size:300% 100%;border-radius:8px}
.big{color:var(--green);font-weight:700}.out{background:var(--panel2);border-color:var(--line)}
.drawer .in{background:var(--bg2);border-left:1px solid var(--line);box-shadow:none}.pop,.qsr{background:var(--panel2);border-color:var(--bd-strong);box-shadow:0 20px 50px -20px #000}
.toast{background:var(--panel3);border-color:var(--bd-strong);box-shadow:0 12px 40px -16px #000}
.spark i.h{background:var(--green)}.spark i.m{background:#ef4444aa}.spark.sm{height:20px;width:64px;gap:2px}
.leg{background:var(--panel2);border-color:var(--line)}
.games .gm,.gm{background:var(--panel);border-radius:var(--r);border-color:var(--line)}.gm:hover,.gm.on{border-color:var(--gold-bd);background:var(--panel2);box-shadow:none}
/* sportsbook logo tiles */
.bk{gap:8px}.bl{width:22px;height:22px;border-radius:6px;overflow:hidden;flex:none;display:inline-grid;place-items:center;background:var(--panel3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);vertical-align:middle;font:700 .56rem/1 Inter,sans-serif;font-style:normal;color:#fff;letter-spacing:.02em}
.bl img{width:100%;height:100%;object-fit:cover;display:block}.bl.tx{background:#2a2a30}
.bk.ico{gap:0}.bk.ico .bl{width:20px;height:20px}.bk i:not(.bl){display:none}
th .bk{font-size:.7rem;letter-spacing:0;text-transform:none;color:var(--mut);gap:6px}th .bk .bl{width:20px;height:20px}
.shp{font:700 .56rem/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.28);padding:2px 4px;border-radius:4px;margin-left:2px}
td.shc{background:rgba(96,165,250,.025)}
/* team logos + matchups */
.tl{width:24px;height:24px;flex:none;display:inline-grid;place-items:center;border-radius:6px;background:transparent;font:700 .55rem/1 Inter,sans-serif;font-style:normal;color:var(--mut);vertical-align:middle}
.tl img{width:24px;height:24px;object-fit:contain}.tl.tx{background:var(--panel3);border:1px solid var(--line)}.tl.lg,.tl.lg img{width:36px;height:36px}
.mu{display:grid;gap:6px}.mu .mt{display:flex;align-items:center;gap:9px;font-weight:600;font-size:.88rem;line-height:1.2}.mu .mt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gm{display:flex;flex-direction:column;gap:10px;min-height:var(--tap)}.gmf{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gmf .sp{flex:1}
.ghl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sn{display:flex;align-items:center;gap:8px;font-weight:600}.gtm{margin-bottom:4px}.oddst tr.g0 td{border-top:1px solid var(--line)}
.bestc{display:inline-flex;align-items:center;gap:6px;padding:3px 7px 3px 3px;border-radius:7px;background:var(--gold-bg);box-shadow:inset 0 0 0 1px var(--gold-bd);color:var(--gold2)}
.legend{margin-top:10px}
/* mobile odds cards */
.mcards{display:grid;gap:10px}.mcard{padding:12px}.mcard header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.mside{border-top:1px solid var(--line2)}.mside summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:var(--tap);cursor:pointer;padding:6px 0}.mside summary::-webkit-details-marker{display:none}
.mside .sn{flex:1;min-width:0}.mside .sn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb{display:flex;align-items:center;gap:6px}
.mx{padding:4px 0 10px;display:grid;gap:8px}.bkl{display:flex;gap:6px;flex-wrap:wrap}.bkl .chip.on{background:var(--gold-bg)}
.lnk{display:inline-flex;align-items:center;gap:4px;color:var(--gold2);font-size:var(--fs-sm);font-weight:600;min-height:32px}.lnk svg.i{width:14px;height:14px}
/* dashboard */
.welcome{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.welcome h2{font-size:1.15rem;font-weight:650;letter-spacing:-.02em}
.eyebrow{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700}
.wk{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.kp{display:flex;align-items:baseline;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);min-height:34px}
.kp b{font-size:1rem;font-weight:650}.kp span{font-size:.72rem;color:var(--mut)}.kp:hover{border-color:var(--bd-strong)}
.wa{display:flex;gap:6px}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px;margin-bottom:22px}
.wd{display:flex;flex-direction:column;padding:0;min-height:200px}.wdh{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.wdh h3{font-size:.84rem;font-weight:600;display:flex;gap:7px;align-items:center}.wdh h3 svg{width:15px;height:15px;color:var(--gold)}
.wds{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--dim)}
.wdb{flex:1;padding:0 6px}.wdb .empty{padding:22px 10px}.wdb .empty .ic{width:34px;height:34px}.wdb .empty b{font-size:.86rem}.wdb .empty p{font-size:.76rem}
.wdf{padding:6px 14px 10px;border-top:1px solid var(--line2);display:flex;justify-content:flex-end}
.wr{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:7px 8px;cursor:pointer;color:inherit;min-height:var(--tap)}
.wr:hover{background:var(--panel2)}.wm{flex:1;min-width:0;display:flex;flex-direction:column}.wm b{font-weight:600;font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm small{font-size:.7rem;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wv{display:flex;align-items:center;gap:6px;flex:none;font-size:.8rem}
.mbar{display:inline-flex;align-items:flex-end;gap:2px;height:16px;width:56px}.mbar i{flex:1;background:var(--s4);border-radius:1px}.mbar.g i{background:rgba(52,211,153,.55)}
.stl{display:grid;gap:4px;margin:2px 8px 8px}.stl.two{grid-template-columns:1fr 1fr;margin:0 0 6px}
.str{display:flex;align-items:center;gap:8px;font-size:.8rem;min-height:26px}.str .sub{margin-left:auto}
.sd{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;margin-right:6px;vertical-align:middle}.sd.ok{background:var(--green)}.sd.warn{background:var(--amber)}.sd.off{background:#52525b}
.meterrow{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center;font-size:.74rem;color:var(--mut);margin:0 8px}.meterrow .bar{margin:0}
.wd .sub{margin-left:8px}.wdcfg{margin-bottom:12px}.wdl{display:grid;gap:4px}.wdi{display:flex;align-items:center;gap:8px;min-height:36px}.wdi .sp{flex:1}
.sech{display:flex;align-items:center;gap:10px;margin:6px 0 10px}.sech h3{font-size:.95rem;font-weight:600;display:flex;gap:8px;align-items:center}.sech h3 svg{color:var(--gold)}
.ins{padding:14px}.ins h4{font-size:.94rem;font-weight:600}
/* +EV */
.adv{margin-bottom:12px;padding:0}.adv>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:var(--tap);font-weight:600;font-size:.82rem}.adv>summary svg{color:var(--gold)}
.adv>summary::-webkit-details-marker{display:none}.adv>summary .sub{margin-left:auto;font-weight:400}.adv[open]>summary{border-bottom:1px solid var(--line2)}.adv .filters{padding:10px 14px 14px}
.kstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);background:var(--panel);margin-bottom:12px}
.kstrip>div{padding:10px 14px;border-right:1px solid var(--line2);min-width:0}.kstrip>div:last-child{border:0}.kstrip small{display:block;font-size:.66rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.kstrip b{font-size:1.05rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.evcards{display:grid;gap:8px}.evc{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.evc[open]{border-color:var(--bd-strong)}
.evc summary{list-style:none;cursor:pointer;padding:12px;display:grid;gap:10px}.evc summary::-webkit-details-marker{display:none}
.evh{display:flex;gap:10px;align-items:flex-start}.evt{flex:1;min-width:0}.evt b{display:block;font-weight:600;line-height:1.3}.evt small{color:var(--dim);font-size:.72rem}
.evg{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.evg>div{display:flex;align-items:center;gap:8px;background:var(--panel2);border-radius:8px;padding:6px 8px;min-height:40px}.evg small{display:block;font-size:.62rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.evg .odds{min-width:0;padding:0;background:none;box-shadow:none}
.evx{padding:0 12px 12px;display:grid;gap:10px}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.8rem}.kv span{color:var(--dim)}.evb{display:flex;gap:8px;flex-wrap:wrap}.evb .btn{flex:1;justify-content:center;min-height:var(--tap)}
/* boost reader */
.drop{display:grid;place-items:center;text-align:center;gap:6px;padding:22px;border:1.5px dashed var(--bd-strong);border-radius:var(--r);cursor:pointer;min-height:120px;color:var(--mut)}
.drop.on,.drop:hover{border-color:var(--gold-bd);background:var(--gold-bg)}.drop b{font-weight:600;color:var(--ink);font-size:.86rem}.drop small{font-size:.72rem;color:var(--dim)}.drop img{max-height:220px;max-width:100%;border-radius:8px}
.drop span{display:grid;place-items:center;gap:6px}.brl{margin-top:8px}.brl .sub{margin-bottom:4px}.ocr{white-space:pre-wrap;font-size:.72rem;color:var(--mut);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:6px;max-height:200px;overflow:auto}
.warnl{display:grid;gap:4px;color:var(--amber);margin:6px 0}.warnl div,.warnl{display:flex;gap:6px;align-items:flex-start}.warnl svg{width:14px;height:14px;flex:none;margin-top:2px}
.steps-d{margin-top:10px}.steps-d summary{cursor:pointer;min-height:32px;display:flex;align-items:center}
/* mobile-first touch targets */
@media (pointer:coarse){.chip,.seg span,.btn,.btn.s{min-height:var(--tap)}.ib{width:var(--tap);height:var(--tap)}.ib.sm{width:38px;height:38px}select,input[type=number],input[type=text],input[type=search],input[type=url]{min-height:var(--tap)}.nav a{min-height:var(--tap)}.chip.sm{min-height:32px}.lnk{min-height:var(--tap)}}
@media(max-width:860px){.main{padding:0 12px calc(104px + env(safe-area-inset-bottom))}.wgrid{grid-template-columns:minmax(0,1fr)}.welcome{gap:10px}.wk{margin-left:0;width:100%;overflow:auto;flex-wrap:nowrap}.kp{flex:none}
 .kstrip{grid-template-columns:repeat(2,1fr)}.kstrip>div:nth-child(2){border-right:0}.kstrip>div:nth-child(-n+2){border-bottom:1px solid var(--line2)}
 .filters{overflow:visible}.filters input[type=search]{width:100%!important;flex:1 1 100%}.stl.two{grid-template-columns:1fr}
}

.wd{min-width:0;overflow:hidden}.wr{flex-wrap:wrap;row-gap:4px}.wm{flex:1 1 150px}.wv{margin-left:auto}

/* ---------- Mobile tab bar v4.1: floating inset charcoal bar ---------- */
.tabbar{--tb-ink:#0b0b0d}
@media(max-width:860px){
 .tabbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:45;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;
  padding:0 max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));pointer-events:none}
 .tb-in{pointer-events:auto;display:flex;max-width:520px;margin:0 auto;height:62px;padding:0 4px;border-radius:20px;
  background:rgba(20,20,23,.84);border:1px solid rgba(255,255,255,.055);border-top-color:rgba(255,255,255,.11);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 14px 34px -10px rgba(0,0,0,.75);
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}
 .tabbar a{flex:1;min-width:var(--tap);min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  color:var(--dim);text-decoration:none;border-radius:16px;-webkit-tap-highlight-color:transparent;transition:color .2s var(--ease);padding:0}
 .tb-i{position:relative;display:grid;place-items:center;width:52px;height:30px;transition:transform .16s var(--ease)}
 .tb-i svg{grid-area:1/1;width:22px;height:22px;position:relative;transition:opacity .2s var(--ease),transform .25s var(--ease)}
 .tb-i svg.f{opacity:0;transform:scale(.85)}
 .tb-pill{grid-area:1/1;width:100%;height:100%;border-radius:15px;background:var(--gold-bg);box-shadow:inset 0 0 0 1px rgba(212,167,60,.16);opacity:0;transform:scaleX(.55);transition:opacity .22s var(--ease),transform .28s var(--ease)}
 .tb-l{font-size:11px;line-height:13px;font-weight:500;letter-spacing:.015em;font-feature-settings:"cv11","ss01"}
 .tabbar a:hover{color:var(--mut)}
 .tabbar a.on{color:var(--gold2)}
 .tabbar a.on .tb-pill{opacity:1;transform:none}
 .tabbar a.on svg.o{opacity:0;transform:scale(.85)}
 .tabbar a.on svg.f{opacity:1;transform:none}
 .tabbar a.on .tb-l{color:var(--ink);font-weight:600}
 .tabbar a:active .tb-i{transform:scale(.88)}
 .tabbar a:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--gold2)}
 .tb-b{position:absolute;top:0;left:calc(50% + 5px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red);color:#1a0a0a;
  font:700 10px/16px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #141417;font-variant-numeric:tabular-nums}
 .tb-b[hidden]{display:none}
 .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.tb-i,.tb-i svg,.tb-pill,.tabbar a{transition:none!important}}

/* ===== v5.css ===== */
/* AlagoBets Edge v5: polish layer on top of the v4 tokens. Spacing and type scale, consistent controls, a premium mobile layer,
   sheets, the Today strip, boost verdict and freshness. Accents are restrained: thin gold borders, gold numerals, and one small
   gradient on primary CTAs only. */
:root{--r:14px;--r2:12px;--pad:18px;--gap:16px;--btn-h:40px;--btn-h-s:34px;
 --fs-num-xl:2rem;--fs-num-lg:1.35rem;--fs-h1:1.4rem;--fs-h2:1.05rem;--fs-h3:.92rem;
 --surf1:linear-gradient(180deg,#161619 0%,#121214 100%);--surf2:linear-gradient(180deg,#1b1b1f 0%,#151518 100%);
 --hair:rgba(255,255,255,.06);--hair2:rgba(255,255,255,.1);--shadow:0 1px 0 rgba(255,255,255,.035) inset,0 10px 28px -14px rgba(0,0,0,.7);
 --st-ok:var(--green);--st-warn:var(--amber);--st-bad:var(--red);--st-off:#6b6b74;
 --cta:linear-gradient(180deg,#e9c463 0%,#d4a73c 100%)}

/* ---- consistency: controls, cards, type ---- */
.btn{min-height:var(--btn-h);border-radius:10px;padding:0 16px;font-weight:600;font-size:.84rem;gap:7px;display:inline-flex;align-items:center;justify-content:center}
.btn.s{min-height:var(--btn-h-s);padding:0 12px;font-size:.78rem;border-radius:9px}
.btn.p{background:var(--cta);color:#17120a;border:1px solid rgba(255,220,140,.35);box-shadow:0 1px 0 rgba(255,255,255,.25) inset}
.btn.p:hover{filter:brightness(1.05)}
.card{border-radius:var(--r);padding:var(--pad);border:1px solid var(--hair);background:var(--surf1);box-shadow:var(--shadow)}
.card .ch{margin-bottom:12px}.card .ch h3,.wdh h3{font-size:var(--fs-h3);font-weight:650;letter-spacing:-.005em;color:var(--ink)}
.sech h3{font-size:var(--fs-h2);font-weight:650;letter-spacing:-.01em}
.ttl h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:-.022em}
.wgrid{gap:var(--gap);margin-bottom:28px}.wd{padding:0}.wdh{padding:16px 18px 10px}.wdb{padding:0 10px 6px}.wdf{padding:10px 18px 14px}
.wr{padding:9px 8px;min-height:48px}.wm b{font-size:.86rem}.wm small{font-size:.72rem;margin-top:1px}
.wv .odds{font-size:.92rem;font-weight:700}.ev{font-weight:700;font-variant-numeric:tabular-nums}.wd .ev.sm{font-size:.76rem;padding:3px 7px}
.welcome{margin:6px 0 20px}.welcome h2{font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.welcome .eyebrow{letter-spacing:.12em;font-size:.7rem}
.kp{padding:8px 14px;border-radius:12px;background:var(--surf2);border:1px solid var(--hair)}.kp b{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.kp span{font-size:.72rem}
.tag{border-radius:7px;font-weight:600}
.tag.am{background:rgba(251,191,36,.1);color:var(--amber);border:1px solid rgba(251,191,36,.28)}
.sd{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:1px;background:var(--st-off)}.sd.ok{background:var(--st-ok)}.sd.warn{background:var(--st-warn)}.sd.bad{background:var(--st-bad)}
#view{animation:v5in .28s var(--ease)}@keyframes v5in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---- freshness line ---- */
.meta.fresh{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 12px}.meta.fresh .fl0{font-size:.72rem;margin-right:2px}
.meta.fresh .tag{display:inline-flex;align-items:center;font-size:.72rem;padding:3px 8px;background:var(--panel2);border:1px solid var(--hair);color:var(--mut)}
.meta.fresh .tag.am{background:rgba(251,191,36,.08);color:var(--amber);border-color:rgba(251,191,36,.25)}.meta.fresh .stl svg{width:13px;height:13px;margin-right:5px}

/* ---- Today strip ---- */
.today{margin:0 0 26px}.tdh{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.tdh h3{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.01em}
.tdr{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px}
.tdr::-webkit-scrollbar{display:none}.tdw{scroll-snap-align:start;min-width:0}
.tdc{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;text-align:left;color:inherit;cursor:pointer;padding:16px 16px 14px;border-radius:16px;
 background:var(--surf2);border:1px solid var(--hair);border-top:1px solid rgba(212,167,60,.35);box-shadow:var(--shadow);transition:transform .15s var(--ease),border-color .2s}
.tdc:hover{border-color:var(--hair2)}.tdc:active{transform:scale(.985)}.tdc:focus-visible{outline:0;box-shadow:var(--focus)}
.tde{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2)}.tde svg{width:13px;height:13px}
.tdn{font-size:var(--fs-num-xl);font-weight:750;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}.tdn small{font-size:.55em;margin-left:2px;font-weight:650;opacity:.85}
.tdt{display:flex;gap:10px;align-items:center;min-width:0}.tdt>span:last-child{min-width:0;display:flex;flex-direction:column}
.tdt b{font-size:.9rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdt small{font-size:.72rem;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdf{display:flex;align-items:center;gap:7px;font-size:.84rem;flex-wrap:wrap}.tdf .odds{font-weight:700}
.tds{margin-top:auto;min-height:40px;display:flex;flex-direction:column;gap:3px}.tdl{font-size:.66rem;color:var(--dim)}
.tdd{display:none;justify-content:center;gap:6px;margin-top:6px}.tdd i{width:6px;height:6px;border-radius:3px;background:#34343a;transition:width .2s var(--ease),background .2s}.tdd i.on{width:16px;background:var(--gold)}
.spk{width:100%;height:34px;display:block}.spk .l{fill:none;stroke:var(--gold2);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.spk .a{fill:rgba(212,167,60,.10);stroke:none}.spk circle{fill:var(--gold2)}.spk.g .l{stroke:var(--green)}.spk.g .a{fill:rgba(52,211,153,.10)}.spk.g circle{fill:var(--green)}
.spk.r .l{stroke:var(--red)}.spk.r .a{fill:rgba(248,113,113,.10)}.spk.r circle{fill:var(--red)}
.slg{display:inline-flex;flex:none}.slg .tl.md{width:34px;height:34px}.slg.two .tl{width:24px;height:24px}.slg.two .tl+.tl{margin-left:-6px}

/* ---- EV cards (mobile) ---- */
.evc{background:var(--surf1);border:1px solid var(--hair);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.evc[open]{border-color:rgba(212,167,60,.28)}
.evc summary{padding:14px 14px 12px}.evh{display:flex;gap:10px;align-items:center}.evh .evt{flex:1;min-width:0}.evh .ev{font-size:1.05rem;padding:5px 10px;border-radius:10px}
.evg{margin-top:12px;gap:8px}.evg>div{background:rgba(255,255,255,.025);border:1px solid var(--hair);border-radius:12px;padding:9px 10px}.evg b{font-size:1.05rem}
.evx{padding:0 14px 14px;border-top:1px solid var(--hair)}.evx>.sub:first-child{margin-top:12px}
.why{display:flex;gap:8px;margin:10px 0;padding:10px 12px;border-radius:12px;background:rgba(212,167,60,.06);border:1px solid rgba(212,167,60,.18);font-size:.8rem;line-height:1.45}.why svg{width:15px;height:15px;flex:none;color:var(--gold2);margin-top:2px}
.evsp{margin:10px 0 2px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--hair)}.evspv{display:block;margin-top:4px}

/* ---- Boost verdict ---- */
.verdict{margin-top:14px;padding:18px;border-radius:16px;background:var(--surf2);border:1px solid var(--hair);border-left:3px solid var(--st-off);box-shadow:var(--shadow)}
.verdict.t3{border-left-color:var(--green)}.verdict.t2{border-left-color:var(--gold)}.verdict.t1{border-left-color:var(--amber)}.verdict.neg{border-left-color:var(--red)}
.vd-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.vd-badge{display:inline-flex;align-items:baseline;gap:10px;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--hair2)}
.vd-badge b{font-size:1.6rem;letter-spacing:-.03em}
.verdict.t3 .vd-badge{color:var(--green);background:var(--green-bg);border-color:rgba(52,211,153,.3)}.verdict.t2 .vd-badge{color:var(--gold2);background:var(--gold-bg);border-color:var(--gold-bd)}
.verdict.t1 .vd-badge{color:var(--amber);background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.28)}.verdict.neg .vd-badge{color:var(--red);background:var(--red-bg);border-color:rgba(248,113,113,.3)}
.vd-conf{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.vd-age{font-size:.72rem;color:var(--dim)}.vd-age.stale{color:var(--amber)}
.vd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.vd-grid>div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--hair);display:flex;flex-direction:column;gap:2px}
.vd-grid small{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.vd-grid b{font-size:var(--fs-num-lg);font-weight:700;letter-spacing:-.02em}
.vd-legs{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.vd-legs li{display:grid;grid-template-columns:1fr auto auto;gap:4px 10px;align-items:center;padding:9px 12px;border-radius:10px;background:var(--panel2)}
.vd-legs .vl{font-weight:600;font-size:.84rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-legs small{grid-column:1/-1;font-size:.72rem}
.vtag{display:inline-flex;align-items:center;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid}
.vtag.ok{color:var(--green);border-color:rgba(52,211,153,.35);background:var(--green-bg)}.vtag.est{color:var(--amber);border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.08)}.vtag.in{color:var(--blue);border-color:rgba(96,165,250,.35);background:rgba(96,165,250,.08)}

/* ---- notification center ---- */
.pop{padding:0;width:min(420px,94vw);background:#141417;border:1px solid var(--hair2);box-shadow:0 30px 80px -20px #000}
.nc-h{display:flex;align-items:center;gap:8px;padding:14px 14px 10px}.nc-h b{font-size:.98rem;font-weight:700}.nc-h .sp{flex:1}
.nc-tabs{margin:0 12px 6px;display:flex}.nc-tabs span{flex:1;justify-content:center;text-align:center}.nc-tabs .n{font-style:normal;font-size:.68rem;opacity:.7;margin-left:3px}
.nc-b{padding:0 8px 6px}.nc-s h6{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:12px 8px 6px;font-weight:700}
.nc-g{font-size:.66rem;color:var(--dim);margin:8px 8px 4px}
.nc-r{display:flex;gap:10px;align-items:center;width:100%;padding:9px 8px;border-radius:10px;background:none;border:0;color:inherit;text-align:left;text-decoration:none;min-height:48px;cursor:pointer}
.nc-r:hover{background:var(--panel2)}.nc-t{flex:1;min-width:0;display:flex;flex-direction:column}.nc-t b{font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-t small{font-size:.72rem;color:var(--dim)}
.nc-v{display:flex;align-items:center;gap:5px;font-size:.78rem;flex:none}.nc-f{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 14px 14px;border-top:1px solid var(--hair)}

/* ---- bottom sheets ---- */
.bsheet{position:fixed;inset:0;z-index:80;pointer-events:none}.bs-sc{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .25s var(--ease)}
.bs-in{position:absolute;left:0;right:0;bottom:0;max-height:86vh;overflow:auto;background:#141417;border-top:1px solid var(--hair2);border-radius:22px 22px 0 0;
 padding:8px 16px calc(20px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .32s var(--ease);box-shadow:0 -24px 60px -20px #000;overscroll-behavior:contain}
.bsheet.on{pointer-events:auto}.bsheet.on .bs-sc{opacity:1}.bsheet.on .bs-in{transform:none}
.bs-g{width:38px;height:5px;border-radius:3px;background:#3a3a41;margin:4px auto 10px}.bs-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bs-h h3{font-size:1.02rem;font-weight:700}
.bs-b{display:flex;flex-direction:column;gap:14px}.bs-b>*{width:100%}.bs-b .fl{display:flex;justify-content:space-between;align-items:center;gap:10px}.bs-b select,.bs-b input[type=number]{min-width:120px}
.bs-b input[type=search],.bs-b input[type=text]{width:100%!important}.bs-b .chips{flex-wrap:wrap}.bs-b details.adv{margin:0}
body.sheet-on{overflow:hidden}
.fbtn .n{font-size:.68rem;background:var(--gold-bg);color:var(--gold2);border-radius:6px;padding:1px 6px;margin-left:2px}
.ptr{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top));z-index:44;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;background:#18181b;border:1px solid var(--hair2);
 box-shadow:0 10px 30px -10px #000;transform:translate(-50%,calc(-30px + var(--k,0)*30px));opacity:0;transition:opacity .15s;pointer-events:none;font-size:.74rem;color:var(--mut)}
.ptr.vis{opacity:1}.ptr .pc{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--panel3);color:var(--gold2);transform:rotate(calc(var(--k,0)*270deg))}
.ptr.ready .pc{background:var(--gold-bg)}.ptr.busy .pc svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

/* ---- header extras (mobile only) ---- */
.mbrand,.msrch,.live{display:none}

@media(max-width:860px){
 :root{--pad:16px;--gap:14px}
 html,body{overscroll-behavior-y:contain}
 .main{padding-left:14px;padding-right:14px}
 /* branded compact header */
 .top{padding:calc(8px + env(safe-area-inset-top)) 0 10px;gap:10px;background:rgba(10,10,12,.86);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--hair);margin:0 -14px;padding-left:12px;padding-right:12px}
 .top .burger{order:0}.mbrand{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--surf2);border:1px solid rgba(212,167,60,.28);flex:none}
 .mbrand img{width:24px;height:24px;object-fit:contain}
 .ttl{min-width:0}.ttl h1{font-size:1.12rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttl p#subtitle{display:none}
 .live{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--dim);margin-top:1px;white-space:nowrap}
 .live i{width:7px;height:7px;border-radius:50%;background:var(--st-off);flex:none}.live.ok i{background:var(--st-ok);animation:ld 2.4s ease-in-out infinite}.live.ok span{color:#b9c9bf}.live.warn i{background:var(--st-warn)}.live.warn span{color:var(--amber)}
 @keyframes ld{0%,100%{opacity:1}50%{opacity:.45}}
 .msrch{display:grid}.top .r{gap:6px}#budgetPill{display:none}.top .ib{width:40px;height:40px;border-radius:12px;background:var(--surf2);border:1px solid var(--hair)}
 /* layered surfaces */
 .card{border-radius:16px}
 .tdr{grid-auto-columns:84%;margin:0 -14px;padding:2px 14px 6px;scroll-padding:0 14px}.tdd{display:flex}
 /* sticky compact filter bar */
 .filters.stk{position:sticky;top:calc(58px + env(safe-area-inset-top));z-index:25;margin:0 -14px 12px;padding:10px 14px;background:rgba(10,10,12,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair);border-radius:0;flex-wrap:nowrap;gap:8px;align-items:center}
 .filters.stk>.chips{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0}.filters.stk>.chips::-webkit-scrollbar{display:none}
 .filters.stk>.chips .chip{flex:none}.filters.stk>.seg{flex:none}.filters.stk>.sub{display:none}.filters.stk>.btn{flex:none}.filters.stk>.btn.p{padding:0 12px}
 .filters.stk>.btn.p{font-size:0;gap:0;width:var(--tap)}.filters.stk>.btn.p svg{width:17px;height:17px}
 .filters.stk:has(>.seg)>.chips{flex-basis:100%}.filters.stk:has(>.seg){flex-wrap:wrap}.filters.stk>.seg{flex:1 1 auto;min-width:0;display:flex}.filters.stk>.seg span{flex:1;text-align:center;padding-left:6px;padding-right:6px}
 .filters>.chips,.today+.wgrid .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.filters>.chips::-webkit-scrollbar{display:none}.filters>.chips .chip{flex:none}
 /* EV page: compact KPIs so bets show on the first screen */
 .kstrip{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:10px}.kstrip>div{padding:8px 8px;border-bottom:0!important;border-right:1px solid var(--line2)!important}.kstrip>div:last-child{border-right:0!important}
 .kstrip small{font-size:.58rem;letter-spacing:.06em}.kstrip b{font-size:.95rem}
 .meta.fresh{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px 10px;padding:0 14px}.meta.fresh::-webkit-scrollbar{display:none}.meta.fresh .tag{flex:none}
 /* drawer -> bottom sheet */
 .drawer .in{top:auto;left:0;right:0;width:100%;max-height:90vh;border-left:0;border-top:1px solid var(--hair2);border-radius:22px 22px 0 0;background:#131316;
  padding:22px 16px calc(28px + env(safe-area-inset-bottom));transform:translateY(105%);box-shadow:0 -24px 60px -20px #000;overscroll-behavior:contain}
 .drawer .in::before{content:"";position:sticky;top:-14px;display:block;width:38px;height:5px;border-radius:3px;background:#3a3a41;margin:-12px auto 12px}
 .drawer .sc{background:rgba(0,0,0,.55)}
 /* notification center -> bottom sheet */
 .pop{position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;max-height:82vh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom);z-index:85}
 .pop::before{content:"";display:block;width:38px;height:5px;border-radius:3px;background:#3a3a41;margin:8px auto 0}
 .vd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-badge{font-size:1.1rem}.vd-badge b{font-size:1.45rem}
 .wdh{padding:14px 14px 8px}.wdb{padding:0 6px 4px}.wdf{padding:8px 14px 12px}
 .welcome h2{font-size:1.35rem}
 /* odds cards, matchups, game + player heroes */
 .filters.stk>.sp{display:none}.fbtn{padding:0 10px!important}
 .mcards,.mcards>div{min-width:0}.mcards>div{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.mcard{min-width:0;max-width:100%;overflow:hidden}.mcard .mt,.mcard .mt span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ttl p.live{display:flex}.tdc{align-items:stretch}
 .mcard{border-radius:16px;padding:14px;background:var(--surf1);border:1px solid var(--hair);box-shadow:var(--shadow)}
 .gm,.gcard{border-radius:16px!important;background:var(--surf1)!important;border:1px solid var(--hair)!important;box-shadow:var(--shadow)}
 .ghero,.card.gold{background:var(--surf2)!important;border:1px solid rgba(212,167,60,.25)!important;box-shadow:var(--shadow)!important}
 .hrc{border-radius:12px}
}
/* sport chips: inline icons (CSS masks, no requests) */
.chips .chip[data-v]::before{content:none}
.chips .chip[data-v="nfl"]::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:currentColor;opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5C3.2 13 7 4.8 19.5 4.5c.4 12.5-7.8 16.3-15 15Z'/%3E%3Cpath d='M9 15l6-6M10.5 11l1.5 1.5M12.5 9l1.5 1.5M8.5 13l1.5 1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5C3.2 13 7 4.8 19.5 4.5c.4 12.5-7.8 16.3-15 15Z'/%3E%3Cpath d='M9 15l6-6M10.5 11l1.5 1.5M12.5 9l1.5 1.5M8.5 13l1.5 1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.chips .chip[data-v="ncaaf"]::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:currentColor;opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5C3.2 13 7 4.8 19.5 4.5c.4 12.5-7.8 16.3-15 15Z'/%3E%3Cpath d='M9 15l6-6M10.5 11l1.5 1.5M12.5 9l1.5 1.5M8.5 13l1.5 1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5C3.2 13 7 4.8 19.5 4.5c.4 12.5-7.8 16.3-15 15Z'/%3E%3Cpath d='M9 15l6-6M10.5 11l1.5 1.5M12.5 9l1.5 1.5M8.5 13l1.5 1.5'/%3E%3C/svg%3E") center/contain no-repeat}
.chips .chip[data-v="nba"]::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:currentColor;opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5v17M6 6c2.5 2 3.5 4 3.5 6S8.5 16 6 18M18 6c-2.5 2-3.5 4-3.5 6s1 4 3.5 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5v17M6 6c2.5 2 3.5 4 3.5 6S8.5 16 6 18M18 6c-2.5 2-3.5 4-3.5 6s1 4 3.5 6'/%3E%3C/svg%3E") center/contain no-repeat}
.chips .chip[data-v="ncaab"]::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:currentColor;opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5v17M6 6c2.5 2 3.5 4 3.5 6S8.5 16 6 18M18 6c-2.5 2-3.5 4-3.5 6s1 4 3.5 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5v17M6 6c2.5 2 3.5 4 3.5 6S8.5 16 6 18M18 6c-2.5 2-3.5 4-3.5 6s1 4 3.5 6'/%3E%3C/svg%3E") center/contain no-repeat}
.chips .chip[data-v="mlb"]::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:currentColor;opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M7.5 5.2c1.6 1.8 2.4 4 2.4 6.8s-.8 5-2.4 6.8M16.5 5.2c-1.6 1.8-2.4 4-2.4 6.8s.8 5 2.4 6.8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M7.5 5.2c1.6 1.8 2.4 4 2.4 6.8s-.8 5-2.4 6.8M16.5 5.2c-1.6 1.8-2.4 4-2.4 6.8s.8 5 2.4 6.8'/%3E%3C/svg%3E") center/contain no-repeat}
.chips .chip[data-v="nhl"]::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:currentColor;opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3.5l6.5 11.5c.5.9 1.2 1.3 2.2 1.3h3.8'/%3E%3Cellipse cx='17' cy='19' rx='3.5' ry='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3.5l6.5 11.5c.5.9 1.2 1.3 2.2 1.3h3.8'/%3E%3Cellipse cx='17' cy='19' rx='3.5' ry='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.chips .chip[data-v="mma"]::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:currentColor;opacity:.85;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3.5h7l5 5v7l-5 5h-7l-5-5v-7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3.5h7l5 5v7l-5 5h-7l-5-5v-7z'/%3E%3C/svg%3E") center/contain no-repeat}

/* ===== v6.css ===== */
/* v6 stability layer: layout fixes found by qa_mobile.py. Loaded last; uses existing tokens only. */
/* palette from the brief mapped onto the existing tokens (no new duplicates) */
:root{--bg:#09090b;--gold:#d4aa42;--gold-bg:rgba(212,170,66,.10);--gold-bd:rgba(212,170,66,.32);--green:#39c995;--green-bg:rgba(57,201,149,.11);--red:#ed7377;--red-bg:rgba(237,115,119,.11);--st-ok:var(--green);--st-bad:var(--red)}
html,body{max-width:100%;overflow-x:clip}
.split>*,.grid>*,.legs>*{min-width:0}
@media (max-width:900px){.split,.split.l{grid-template-columns:minmax(0,1fr)}}
/* arb/middle legs: app3's row-style .leg must not hijack the stacked leg cards */
.legs{grid-template-columns:repeat(2,minmax(0,1fr))}
.legs>.leg,.grid>.leg{display:block;padding:12px;border-bottom:1px solid var(--line)}
.legs>.leg .game{overflow-wrap:anywhere}
@media (max-width:640px){.legs{grid-template-columns:minmax(0,1fr)}}
/* touch targets (>=40px tap area on touch devices without changing visual size) */
@media (pointer:coarse){
 a.bk{min-height:40px;padding:4px 0}
 .chip{min-height:36px;display:inline-flex;align-items:center}
 .ib.sm{min-width:40px;min-height:40px}
 #view a:not(.btn):not(.bk):not(.chip){padding-block:6px;display:inline-block}
}
/* layout-shift guard for images without intrinsic size */
img.blogo,img.tlogo{aspect-ratio:1/1}
/* Today strip: tappable indicators with a 32px hit area, same visual dots */
.tdd button{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:32px}
.tdd button:focus-visible{outline:2px solid var(--gold);outline-offset:-4px;border-radius:8px}
.tdd button.on i{width:16px;background:var(--gold)}
/* EV preset row */
#evPs{margin-left:6px}
/* card headers with several actions wrap instead of pushing buttons off-screen */
.ch{flex-wrap:wrap;row-gap:8px}
@media (max-width:640px){.ch>.sp{flex-basis:100%!important;height:0}}
.v6d{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--red)}.v6d.ok{background:var(--green)}.v6d.warn{background:var(--gold)}
.v6bars{display:flex;align-items:flex-end;gap:4px;height:120px;padding-top:6px}
.v6b{flex:1;min-width:6px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.v6b i{display:block;width:100%;border-radius:4px 4px 0 0;background:var(--gold);opacity:.85}.v6b small{font-size:.6rem;color:var(--mut)}
/* v7 odds freshness markers */
.oddst td.oldp .odds,.chip.oldp{text-decoration:underline dotted var(--amber);text-underline-offset:3px;opacity:.8}
.stlk{text-decoration:underline dotted var(--amber);text-underline-offset:3px}
.oddst td.miss{cursor:help}
.srcn{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.sgpn{margin-top:10px;display:flex;gap:6px;align-items:flex-start}.brcf{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:.85rem;min-height:40px}

/* ===== v8.css ===== */
/* LineForge v8: compact sticky filter bar + responsive breakpoints (phones / tablets / laptop / desktop) */
@media(max-width:860px){
 .filters.stk{flex-wrap:wrap!important;gap:6px 8px!important;padding:8px 12px!important;align-items:center}
 .filters.stk>.chips{flex:1 1 100%!important;order:0;min-width:0;overflow-x:auto;scroll-snap-type:x proximity;padding:0 2px;
   -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 0,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 0,#000 calc(100% - 28px),transparent)}
 .filters.stk>.chips.fl{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 28px),transparent)}
 .filters.stk>.chips.fend{-webkit-mask-image:none;mask-image:none}.filters.stk>.chips.fl.fend{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px);mask-image:linear-gradient(90deg,transparent 0,#000 22px)}
 .filters.stk>.chips .chip{min-height:30px!important;height:30px;padding:0 10px!important;font-size:.74rem;gap:5px;scroll-snap-align:start;border-radius:8px}
 .filters.stk>.chips .chip svg,.filters.stk>.chips .chip img{width:13px;height:13px}
 .filters.stk>.seg{order:1;flex:1 1 auto!important;min-width:0}.filters.stk>.seg{padding:2px!important;height:34px;align-items:stretch}.filters.stk>.seg span{min-height:30px!important;height:30px;line-height:1;display:flex!important;align-items:center;justify-content:center;padding:0 6px!important;font-size:.76rem}
 .filters.stk>.fbtn{order:2;margin-left:auto;height:32px;min-height:32px!important;padding:0 10px!important;font-size:.76rem;flex:none}
 .filters.stk>.btn.p{order:3;height:32px;min-height:32px!important;width:32px!important;padding:0!important;flex:none;border-radius:9px}
 .filters.stk>.btn.p svg{width:15px!important;height:15px!important}
 .top .ttl{min-width:0}.top .ttl h1{font-size:1.06rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:380px){.filters.stk>.chips .chip svg{display:none}.filters.stk>.seg span{font-size:.72rem;padding:6px 4px!important}}
/* tablets in portrait use the phone shell with a wider content column; two-column card grids where they fit */
@media(min-width:700px) and (max-width:860px){.main{padding-left:20px!important;padding-right:20px!important}.filters.stk{margin-left:-20px!important;margin-right:-20px!important;padding-left:20px!important;padding-right:20px!important}
 .kpis{grid-template-columns:repeat(4,1fr)!important}.wgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* tablet landscape / small laptop: slimmer sidebar so the content column keeps room */
@media(min-width:861px) and (max-width:1199px){:root{--side:208px}.main{padding-left:18px!important;padding-right:18px!important}
 .side a span:first-of-type{font-size:.84rem}.qs{max-width:260px}.top .ttl h1{font-size:1.15rem!important}}
/* sharp lag cards */
.lgc{margin-bottom:12px}.lgm{margin:6px 0 10px;font-size:.86rem}.lgb{display:grid;gap:6px}.lgr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;border:1px solid var(--line);border-radius:10px}
.lgr b{margin-left:auto}.lgr .sub{flex-basis:100%;font-size:.74rem}
/* walkthrough */
.lftour{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.66);display:grid;place-items:center;padding:20px}
.lft-in{max-width:380px;width:100%;background:var(--panel,#111);border:1px solid rgba(217,173,69,.35);border-radius:18px;padding:22px;text-align:center;box-shadow:0 30px 80px -20px #000}
.lft-ic{width:48px;height:48px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;background:rgba(217,173,69,.14);color:#d9ad45}.lft-ic svg{width:24px;height:24px}
.lft-in h3{margin-bottom:6px}.lft-in p{color:var(--mut);font-size:.9rem;line-height:1.45}.lft-d{display:flex;gap:6px;justify-content:center;margin:14px 0}.lft-d i{width:6px;height:6px;border-radius:9px;background:var(--line)}.lft-d i.on{background:#d9ad45;width:18px}
.lft-b{display:flex;gap:8px;justify-content:center}
/* ---------- v8 premium mobile drawer ---------- */
@media(max-width:860px){
 .side{width:min(84vw,320px)!important;padding:calc(14px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))!important;
   border-radius:0 22px 22px 0;border-right:1px solid rgba(217,173,69,.14)!important;background:linear-gradient(180deg,#0e0d0b 0%,#0a0a0b 60%,#09090a 100%)!important;
   box-shadow:24px 0 70px -18px rgba(0,0,0,.9)!important;display:flex;flex-direction:column;overflow:hidden;
   transition:transform .42s cubic-bezier(.22,1.2,.36,1)!important;will-change:transform}
 .side:not(.on){transition-timing-function:cubic-bezier(.4,0,.6,1)!important;transition-duration:.26s!important}
 .scrim.on{background:rgba(3,3,4,.62)!important;-webkit-backdrop-filter:blur(10px) saturate(.7);backdrop-filter:blur(10px) saturate(.7)}
 .side .brand{flex:none;display:flex;align-items:center;gap:11px;padding:6px 6px 14px;margin:0 0 4px;border-bottom:1px solid rgba(255,255,255,.06);opacity:1!important}
 .side .brand img{width:34px;height:34px;filter:none!important;opacity:1}
 .side .brand .wm{font:750 1.22rem/1.05 Inter,system-ui,sans-serif!important;letter-spacing:-.025em;color:#f4efe4;white-space:nowrap;display:block;min-width:0}
 .side .brand .wm b{color:#d9ad45;font-weight:800;display:inline}.side .brand .wm small{font:600 .58rem/1.4 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(217,173,69,.62);margin-top:4px;white-space:nowrap;display:block}
 .side .nav{flex:1 1 auto!important;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0 -4px!important;padding:2px 4px 12px!important;
   -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 18px),transparent)}
 .side .nav h6{font:650 .6rem/1 Inter,sans-serif!important;letter-spacing:.2em!important;font-variant:small-caps;text-transform:uppercase;color:rgba(217,173,69,.55)!important;margin:20px 12px 8px!important}
 .side .nav h6:first-child{margin-top:10px!important}
 .side .nav a{min-height:44px!important;padding:0 12px!important;gap:13px!important;border-radius:11px!important;font-size:.9rem!important;font-weight:520;color:#bdb7ab!important;background:none!important;transform:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}
 .side .nav a svg{width:19px!important;height:19px!important;stroke-width:1.7;color:#8f897d;flex:none}
 .side .nav a::before{display:none!important}
 .side .nav a:hover,.side .nav a:focus{background:none!important;color:#bdb7ab!important;outline:none}
 .side .nav a:focus-visible{outline:2px solid rgba(217,173,69,.55)!important;outline-offset:-2px}
 .side .nav a:active{background:rgba(255,255,255,.045)!important;transform:scale(.985)!important}
 .side .nav a.on{background:linear-gradient(90deg,rgba(217,173,69,.13),rgba(217,173,69,.02) 80%)!important;color:#f4efe4!important}
 .side .nav a.on svg{color:#d9ad45!important}
 .side .nav a.on::after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#f0cf78,#c9962e)}
 .side .credit{flex:none;margin:6px 0 0!important;padding:11px 12px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.025)!important;font-size:.72rem!important}
 .side .credit .row{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 5px}.side .credit .row b{font-variant-numeric:tabular-nums;font-weight:650;color:#e9e3d6}
 .side .credit .bar{height:3px!important;border-radius:3px;background:rgba(255,255,255,.07)!important;margin-bottom:9px;overflow:hidden}.side .credit .bar:last-child{margin-bottom:0}
 .side .credit .bar i{background:linear-gradient(90deg,#c9962e,#f0cf78)!important;border-radius:3px}
 .side .me{flex:none;margin-top:10px!important;padding:10px 4px 0!important;border-top:1px solid rgba(255,255,255,.06)!important}
 .side .me .av{width:34px!important;height:34px!important;font-weight:700;background:linear-gradient(135deg,#f0cf78,#b8862a)!important;color:#1a1206!important;display:grid;place-items:center}
 .side .me .nm small{display:inline-block;margin-top:2px;font-size:.62rem;font-weight:650;letter-spacing:.06em;padding:1px 7px;border-radius:99px;background:rgba(217,173,69,.12);color:#d9ad45;border:1px solid rgba(217,173,69,.25)}
}
@media(hover:hover) and (pointer:fine){.side .nav a:hover:not(.on){background:rgba(255,255,255,.035)!important;color:#ece6da!important}}
@media(max-width:860px){.side .me .nm{display:flex;flex-direction:column;align-items:flex-start;font-weight:600;color:#ece6da;line-height:1.2}.side .me .nm small{margin-top:4px}}
/* ---------- v8 design polish (benchmark pass): numerals, tables, spacing rhythm, micro-interactions ---------- */
:root{--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--sp6:32px}
.num,td.num,.odds,.kpi b,.kpi .v,.tbl td,.credit b,.pill .num,.meterrow b{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
h1,h2,h3,.ch h3{text-wrap:balance}.ch h3{font-size:.95rem;font-weight:650;letter-spacing:-.01em}.ch{gap:var(--sp2)}
.card{padding:var(--sp4)}@media(min-width:861px){.card{padding:20px var(--sp5)}}
.grid{gap:var(--sp4)}.kpis{gap:var(--sp3)}
.tbl{border-collapse:separate;border-spacing:0}.tbl thead th{position:sticky;top:0;z-index:1;background:var(--panel,#111);font:600 .66rem/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.tbl td{border-bottom:1px solid rgba(255,255,255,.045);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}
.tbl td.num,.tbl th.num{text-align:right}
@media(hover:hover) and (pointer:fine){.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:rgba(255,255,255,.022)}
 .card.hov,.evc,.lgc{transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s}.card.hov:hover,.lgc:hover{transform:translateY(-1px);border-color:rgba(217,173,69,.22);box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}}
.btn{transition:transform .12s,background .15s,border-color .15s,color .15s}.btn:active,.chip:active,.ib:active{transform:scale(.97)}
:where(a,button,select,input,summary,.chip):focus-visible{outline:2px solid rgba(217,173,69,.6);outline-offset:2px}
.i{stroke-width:1.75}
.empty{padding:var(--sp6) var(--sp4)}.empty .ic{opacity:.9}.empty b{font-weight:650}.empty p{max-width:42ch;margin-left:auto;margin-right:auto}
@media(prefers-reduced-motion:reduce){.btn:active,.chip:active,.ib:active{transform:none}.side{transition:none!important}}
/* ---------- v8 arbitrage / middles tables ---------- */
.lf-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}.lf-h{font-size:1.02rem;font-weight:700;letter-spacing:-.01em}
.lf-bar .sub{margin-left:auto;font-size:.74rem}.lf-tabs{padding:2px}.lf-tabs span{display:inline-flex;align-items:center;gap:6px}.lf-tabs b{font-size:.68rem;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.07);color:var(--ink)}.lf-tabs span.on b{background:rgba(217,173,69,.2);color:#f0cf78}
.lf-wrap{padding:0!important;overflow:auto}.lf-tbl{width:100%;min-width:980px}.lf-tbl td{padding:12px 12px;vertical-align:middle}.lf-tbl th{padding-left:12px;padding-right:12px}
.lf-tbl tr.pinned td{background:rgba(217,173,69,.035)}.lf-tbl td:first-child{width:40px;padding-right:0}
.lf-pct{color:#34d399;font-size:.98rem;font-weight:700}.lf-pct.gold{color:#f0cf78}
.lf-t{font-size:.72rem;color:var(--dim)}.lf-g{font-weight:620;font-size:.86rem;margin:2px 0;line-height:1.25}.lf-l{font-size:.72rem;color:var(--mut)}.lf-l i{font-style:normal;color:var(--dim);margin:0 2px}
.lf-mk{display:inline-block;font-size:.76rem;font-weight:600;color:#e6c46a;background:rgba(217,173,69,.08);border:1px solid rgba(217,173,69,.18);padding:2px 8px;border-radius:7px;margin-top:4px}
.lf-legs{display:grid;gap:6px;min-width:300px}.lf-leg{display:flex;align-items:center;gap:9px;min-height:32px}
.lf-n{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 .66rem Inter,sans-serif;background:rgba(255,255,255,.07);color:var(--ink);font-variant-numeric:tabular-nums}
.lf-s{flex:1;min-width:0;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lf-o{font-size:.86rem;min-width:46px;text-align:right}
.lf-bk{flex:none;display:inline-flex}.lf-bk img,.lf-bk .bl{width:26px!important;height:26px!important;border-radius:7px}
.lf-stk{display:grid;gap:6px;justify-items:end}.lf-stk label{display:inline-flex;align-items:center;gap:3px;color:var(--dim);font-size:.78rem;height:32px}
.lf-stk input,.lf-cin input{width:78px;height:30px;text-align:right;font-variant-numeric:tabular-nums;padding:0 8px;border-radius:8px}
.lf-stk.ro span{height:32px;display:flex;align-items:center}
.lf-pr{display:grid;justify-items:end;gap:1px}.lf-pr b{font-size:.92rem}.lf-pr .sub{font-size:.68rem}
.lf-pin{color:var(--dim)}.lf-pin.on{color:#f0cf78}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lf-card{margin-bottom:12px;padding:14px!important}.lf-card.pinned{border-color:rgba(217,173,69,.35)}
.lf-ch{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.lf-cr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.lf-cl{display:grid;gap:8px;margin:12px 0;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.lf-cleg{display:flex;align-items:center;gap:8px}.lf-cleg .lf-leg{flex:1;min-width:0}.lf-cin{display:inline-flex;align-items:center;gap:3px;color:var(--dim);font-size:.78rem;flex:none}.lf-cin.ro{min-width:64px;justify-content:flex-end;color:var(--ink)}
.lf-cf{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.lf-cf b{font-size:.98rem}
@media(max-width:860px){.lf-bar .sub{margin-left:0;flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.lf-bar .sub *{max-width:100%}
.lf-cin input{width:72px!important;height:34px!important;min-height:0!important;font-size:.86rem!important}.lf-pin{width:34px!important;height:34px!important}}
.lf-stk input,.lf-cin input{min-height:0!important;min-width:0!important;box-sizing:border-box}
.lf-cleg{display:grid;grid-template-columns:minmax(0,1fr) auto}.lf-cleg .lf-leg{min-width:0}
.lf-evbar{justify-content:flex-end;margin:12px 0}.lf-evt{min-width:860px}.lf-evt .btn.sm{height:32px;padding:0 12px}

/* ===== v9.css ===== */
/* v9: Send to Discord sheet (black/gold). Bottom sheet on phones, centered card on tablet/desktop. */
.lfdc .bs-h h3{display:flex;align-items:center;gap:8px}.lfdc .bs-h h3 svg{color:var(--gold)}
.lfdc .bs-in{display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#17150f 0,#111114 120px)}
.lfdc-play{border:1px solid var(--lg);border-radius:var(--r2);padding:10px 12px;background:rgba(212,165,55,.05);display:flex;flex-direction:column;gap:6px}
.lfdc-k{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);font-weight:700}
.lfdc-l{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-weight:600;line-height:1.35}.lfdc-l span{min-width:0;overflow-wrap:anywhere;white-space:normal}.lfdc-l b{color:var(--gold2);flex:none}
.lfdc-lab{font-size:.74rem;color:var(--mut);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:4px}
.lfdc-ch{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lfdc-c{min-height:46px;border-radius:12px;border:1px solid var(--hair2,rgba(255,255,255,.1));background:#1a1a1f;font-weight:600;padding:8px 10px;cursor:pointer;transition:border-color .15s,background .15s}
.lfdc-c.on{border-color:var(--gold);background:rgba(212,165,55,.14);color:var(--gold2);box-shadow:0 0 0 1px var(--gold) inset}
.lfdc-c:disabled{opacity:.45;cursor:not-allowed}.lfdc-c small{display:block;font-weight:400;color:var(--dim)}
.lfdc input[type=text],.lfdc textarea{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--line);background:#0d0d10;padding:10px 12px;font-size:16px;resize:vertical}
.lfdc input:focus,.lfdc textarea:focus{outline:none;border-color:var(--gold)}
.lfdc-hint{color:var(--amber)!important}.lfdc-fine{font-size:.76rem}
.lfdc-go{min-height:50px;justify-content:center;font-size:1rem;margin-top:4px}.lfdc-go:disabled{opacity:.5}
.lfdc-b{margin-left:6px}.lfdc-pb{margin-top:10px;margin-left:8px}
@media (max-width:560px){.lfdc-pb{margin-left:0;width:100%;justify-content:center}}
@media (min-width:700px){.lfdc .bs-in{left:50%;right:auto;bottom:50%;width:min(480px,92vw);max-height:88vh;border-radius:20px;border:1px solid var(--lg);
 transform:translate(-50%,60%) scale(.98);opacity:0;transition:transform .25s var(--ease),opacity .2s}.lfdc.on .bs-in{transform:translate(-50%,50%);opacity:1}.lfdc .bs-g{display:none}}

/* ===== v10.css ===== */
/* v10 Manage alerts panel: black & gold, roomy on phones */
.lfam .dh{display:flex;align-items:center;gap:8px}.lfam .dh svg{color:var(--gold)}
.lfam-sub{margin:4px 0 16px;line-height:1.45}
.lfam-master{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px 16px;border-radius:14px;border:1px solid rgba(212,165,55,.45);background:linear-gradient(135deg,rgba(212,165,55,.14),rgba(212,165,55,.03));margin-bottom:14px}
.lfam-master.off{border-color:var(--lg);background:rgba(255,255,255,.03)}
.lfam-master b{display:block;font-size:.95rem}.lfam-master .sub{display:block;margin-top:2px}
.lfam-big{transform:scale(1.15);transform-origin:right center}
.lfam-list{display:grid;gap:10px}
.lfam-r{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--lg);background:rgba(255,255,255,.025)}
.lfam-r.dim .lfam-t{opacity:.55}
.lfam-t{min-width:0}.lfam-t b{font-size:.9rem;margin-right:6px}.lfam-t .tag{vertical-align:middle}.lfam-t .sub{margin-top:3px;overflow-wrap:anywhere}
.lfam-a{display:flex;gap:6px}
.lfam-f{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.lfam-own{margin-top:14px}
@media (max-width:560px){.lfam-r{grid-template-columns:auto 1fr}.lfam-a{grid-column:1/-1;justify-content:flex-end}.lfam-a .btn{min-height:40px}.lfam-f .btn{flex:1;min-height:44px;justify-content:center}}

/* ===== v11.css ===== */
/* v11: [hidden] must win over .btn display rules (fixes a visible-but-dead "Install app" button) */
[hidden]{display:none!important}
.lf-stale{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px;padding:9px 12px;border-radius:12px;border:1px solid rgba(232,184,75,.35);background:rgba(232,184,75,.08);color:var(--ink,#eee);font-size:.8rem}
.lf-stale b{color:var(--gold,#e8b84b)}
.lf-est{margin:10px 0;padding:9px 12px;border-radius:12px;border:1px dashed rgba(232,184,75,.5);background:rgba(232,184,75,.06);font-size:.8rem}
.lf-est b{color:var(--gold,#e8b84b)}
.lf-err .btn{margin-top:12px}
a.chip{text-decoration:none;color:inherit;cursor:pointer}

/* ===== v12.css ===== */
/* v12: sparklines, low hold, methodology, tooltips, focus rings (black & gold) */
.lf-spk{display:inline-block;vertical-align:middle;margin:0 6px;width:46px;height:14px;line-height:0}
.lf-spk.flat{width:0;margin:0}
.lf-spk svg{overflow:visible}.lf-spk path{fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.lf-spk path.up{stroke:#3fd28b}.lf-spk path.dn{stroke:#e8b84b}
.lf-tip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin-left:4px;border:0;border-radius:50%;background:rgba(232,184,75,.12);color:var(--gold,#e8b84b);cursor:pointer;vertical-align:middle}
.lf-tip svg.i{width:13px;height:13px}
.lf-tipb{position:absolute;z-index:9999;padding:10px 12px;border-radius:12px;background:#121214;border:1px solid rgba(232,184,75,.4);color:#eee;font-size:.78rem;line-height:1.45;box-shadow:0 12px 30px rgba(0,0,0,.6)}
.lf-tipline{display:inline-flex;align-items:center;gap:6px}
.lf-method{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.lf-ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:.86rem;line-height:1.5}.lf-ul b{color:var(--gold,#e8b84b)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--gold,#e8b84b)!important;outline-offset:2px}
.lf-howrow{display:none;align-items:center;gap:6px;margin:0 0 10px}
@media(max-width:560px){#title .lf-tip{display:none}.lf-howrow{display:flex}}

/* ===== v13.css ===== */
.lf-ooc{margin:10px 16px 0;padding:10px 14px;border-radius:12px;border:1px solid rgba(232,90,75,.5);background:rgba(232,90,75,.08);font-size:.85rem}
#gT span[hidden],#scM span[hidden]{display:none}

/* ===== v16.css ===== */
/* v16 (approved 2026-10-27): Trending (home) visual refinement. Display-only: no data, calculation or feature changes.
   Loaded last so it can refine earlier layers without editing them. Each block is labelled with its change number. */

/* ---- 1. Hero + stat chips ---- */
#view .welcome{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:14px 18px;margin:4px 0 22px;padding:2px 0 0}
#view .welcome .eyebrow{margin-bottom:4px}
#view .welcome h2{font-size:1.7rem;line-height:1.1;margin:0}
#view .welcome .wk{display:grid;grid-template-columns:repeat(5,minmax(78px,1fr));gap:8px;margin:0;width:auto;overflow:visible}
#view .welcome .kp{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;padding:9px 10px;border-radius:12px;text-align:center;
 background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid var(--hair2);transition:border-color .18s,background .18s}
#view .welcome .kp:hover{border-color:rgba(212,167,60,.4);background:rgba(212,167,60,.06)}
#view .welcome .kp b{font-size:1.35rem;line-height:1;font-weight:720;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#view .welcome .kp span{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
#view .welcome .wa{align-self:end}
#view .today .tdh{margin-bottom:12px}
#view .today .tdr{grid-auto-columns:minmax(280px,1fr)}
#view .tdc{padding:18px 18px 16px;gap:12px;align-items:stretch;text-align:left}
#view .tdt small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
#view .tdt b{line-height:1.25}
@media(min-width:861px){#view .today .tdr{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}}
@media(max-width:860px){
 #view .welcome{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:2px 0 16px}
 #view .welcome h2{font-size:1.5rem}
 #view .welcome .wk{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
 #view .welcome .kp{min-height:54px;padding:8px 2px;border-radius:11px}
 #view .welcome .kp b{font-size:1.2rem}
 #view .welcome .kp span{font-size:.58rem;letter-spacing:.04em}
 #view .welcome .wa{grid-column:2;grid-row:1}
}

/* ---- 2. Widget grid + slim empty states ---- */
#view .wgrid{gap:16px;margin-bottom:30px;align-items:stretch}
#view .wgrid>.wd{margin-top:0}
#view .wd{min-height:0;border-radius:16px;overflow:hidden}
#view .wdh{padding:15px 18px 11px;border-bottom:1px solid var(--hair);margin-bottom:6px}
#view .wdb{padding:0 8px 6px}
#view .wdf{padding:10px 18px 13px;border-top:1px solid var(--hair)}
@media(min-width:861px){#view .wgrid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))!important}}
/* a widget with nothing to show collapses to one slim full-width row instead of a tall empty card (order is unchanged) */
#view .wd:has(>.wdb>.empty){grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;padding:2px 4px}
#view .wd:has(>.wdb>.empty)>.wdh{border:0;margin:0;padding:12px 10px 12px 14px;flex:none}
#view .wd:has(>.wdb>.empty)>.wdb{flex:1 1 220px;padding:0;min-width:0}
#view .wd:has(>.wdb>.empty)>.wdf{border:0;padding:12px 14px 12px 6px;flex:none}
#view .wdb>.empty{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:6px 4px;text-align:left}
#view .wdb>.empty .ic{display:none}
#view .wdb>.empty b{font-size:.84rem;display:inline}
#view .wdb>.empty p{font-size:.76rem;margin:0;display:inline;color:var(--dim)}

/* ---- 3. Type hierarchy + contrast (home only: secondary text lifted, sizes stepped so titles > rows > meta) ---- */
#view .wd,#view .today,#view .feed,#view .sech,#view .welcome,#view .filters{--dim:#a6a6b0;--mut:#c4c4cc}
#view .sech h3,#view .tdh h3{font-size:1.18rem;font-weight:700;letter-spacing:-.015em;color:var(--ink)}
#view .sech .sub,#view .tdh .sub{font-size:.78rem}
#view .wdh h3{font-size:1rem;font-weight:660;letter-spacing:-.01em;color:var(--ink);gap:9px}
#view .wdh h3 svg{width:17px;height:17px}
#view .wds{font-size:.76rem;font-weight:500}
#view .wm b{font-size:.92rem;font-weight:620;color:var(--ink)}
#view .wm small{font-size:.76rem;margin-top:2px}
#view .wv .odds{font-size:.96rem}
#view .wd .sub,#view .stl .sub{font-size:.76rem}
#view .tde{font-size:.72rem;letter-spacing:.09em}
#view .tdt b{font-size:.97rem;font-weight:650}
#view .tdt small{font-size:.77rem;color:var(--dim)}
#view .tdn{font-size:2.15rem}
#view .tdf{font-size:.88rem}
#view .lnk{font-size:.82rem;font-weight:650;color:var(--gold2);letter-spacing:0}
#view .lnk:hover,#view .ins:hover .ft .gold{color:#f5d57e}
#view .ins h4{font-size:1.02rem;font-weight:650;letter-spacing:-.012em;line-height:1.28}
#view .ins .hl{font-size:.9rem;font-weight:600}
#view .ins .sub{font-size:.78rem;line-height:1.4}
#view .ins .ms span{font-size:.74rem}
#view .ins .ft .sub{font-size:.74rem}
#view .ins .ft .gold{font-size:.8rem;font-weight:650;color:var(--gold2)}
#view .ins .kb{font-size:.66rem}
#view .filters .chip{font-size:.8rem}
#view .ins .ft .gold,#view .lnk{display:inline-flex;align-items:center;gap:4px}

/* ---- 4. Compact colour-edged feed cards + streak mini bar charts ---- */
#view .feed{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
#view .ins{--ik:var(--gold2);gap:8px;padding:13px 16px 11px;box-shadow:inset 3px 0 0 var(--ik),var(--shadow);border-radius:14px}
#view .ins.ik-ev,#view .ins.ik-model{--ik:#e6bf5c}#view .ins.ik-arb{--ik:#34d399}#view .ins.ik-move{--ik:#a78bfa}
#view .ins.ik-streak{--ik:#fb923c}#view .ins.ik-cold{--ik:#60a5fa}#view .ins.ik-injury{--ik:#f87171}
#view .ins .hd{margin-bottom:0}
#view .ins .ft{padding-top:8px;border-top:1px solid var(--hair)}
#view .ins:hover{box-shadow:inset 3px 0 0 var(--ik),0 8px 22px -14px rgba(0,0,0,.8)}
.sbar{display:grid;gap:5px}
.sbar .sbc{position:relative;display:flex;align-items:flex-end;gap:4px;height:38px}
.sbar .sbc i{flex:1;min-width:0;border-radius:3px 3px 1px 1px;min-height:4px;background:#3a3a42}
.sbar .sbc i.h{background:linear-gradient(var(--green),#0e7a55)}.sbar .sbc i.m{background:linear-gradient(#f87171,#7f1d1d);opacity:.75}
.sbar.bin .sbc{height:26px}.sbar.bin .sbc i.m{opacity:.55}
.sbar .sbln{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(255,255,255,.45);pointer-events:none}
.sbar .sbl{font-size:.7rem;color:var(--dim);letter-spacing:.01em}
#view .feed>.card{margin-top:0}
#view .wd .spark.sm{height:22px;width:70px;gap:2px;align-items:flex-end}
#view .wd .spark.sm i{min-height:3px}

/* ---- 5. Same bet at several books -> one row/card (display only) ---- */
#view .v16-hid{display:none!important}
#view .bkstack{display:inline-flex;align-items:center}
#view .bkstack .bk{margin-left:-3px;border-radius:8px;box-shadow:0 0 0 2px #141417;position:relative}
#view .bkstack .bk:first-child{margin-left:0}
#view .alsob{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:7px 0 1px;font-size:.76rem;color:var(--mut)}
#view .alsob .alsol{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:700;flex-basis:100%}
#view .alsob .ab{display:inline-flex;align-items:center;gap:6px}
#view .alsob .ab b{font-weight:600;color:var(--ink)}
#view .alsob .bk{transform:scale(.8);transform-origin:left center;margin-right:-4px}

/* ---- 6. Mobile tidy: tab bar never hides content; Data & automation is last and collapsed ---- */
.v16-chev{display:none}
@media(max-width:860px){
 body:has(#view .welcome) .main{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
 body:has(#view .welcome) .tabbar::before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(104px + env(safe-area-inset-bottom));pointer-events:none;
  background:linear-gradient(to top,rgba(9,9,11,.97) 30%,rgba(9,9,11,.8) 60%,rgba(9,9,11,0))}
 #view .wgrid>.wd[data-w="status"]{order:99}
 #view .v16-coll>.wdh{cursor:pointer;margin-bottom:0;border-bottom:0;min-height:48px;align-items:center}
 #view .v16-coll .v16-chev{display:block;flex:none;width:9px;height:9px;margin-left:4px;border-right:2px solid var(--gold2);border-bottom:2px solid var(--gold2);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s var(--ease)}
 #view .v16-coll:not(.v16-closed) .v16-chev{transform:rotate(-135deg) translate(-2px,-2px)}
 #view .v16-coll.v16-closed>.wdb,#view .v16-coll.v16-closed>.wdf{display:none}
 #view .v16-coll:not(.v16-closed)>.wdh{border-bottom:1px solid var(--hair);margin-bottom:6px}
}
#view .wdh h3{white-space:nowrap}#view .wdh .wds{white-space:nowrap;flex:none}
.sbar.bin .sbc{height:22px;gap:5px}.sbar.bin .sbc i{flex:0 1 28px}

/* ---- 7. Unverified badge (game ESPN's scoreboard does not list; cosmetic label only) ---- */
#view .tag.unv{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;cursor:help;white-space:nowrap}
#view .tag.unv::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85}
#view .tag.unv.sm{font-size:.58rem;padding:1px 5px;margin-left:2px;vertical-align:1px}
#view .wm .tag.unv.sm{align-self:flex-start;margin:3px 0 0}
