[hidden]{display:none!important}
:root{--bg:#05070d;--panel:#0d1320;--panel2:#111a2b;--line:#1e2a3d;--txt:#eef2f8;--mut:#8a97ab;
--green:#34e39a;--purple:#5b7cfa;--orange:#ff7a1a;--red:#ff4d6a;--yellow:#f5c451;--ice:#5ec8ff;
--disp:'Space Grotesk','Inter',system-ui,sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--body);-webkit-font-smoothing:antialiased}
body{background:radial-gradient(1200px 600px at 10% -10%,#0f2a3f55,transparent),radial-gradient(900px 500px at 110% 10%,#0f3a2a44,transparent),var(--bg);min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}
button,input,select{font:inherit;color:inherit}
a{color:var(--green)}
/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#05070dee 0%,#05070d99 45%,#05070d33 100%),url(/img/banner-live.webp) center 40%/cover;}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,var(--bg))}
.hero-inner{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:22px 16px 18px;max-width:1280px;margin:0 auto;min-height:150px}
.brand{display:flex;align-items:center;gap:12px}
.pulse-logo{width:74px;height:40px;}
.ecg-base{opacity:.35}
.ecg{stroke-dasharray:60 200;stroke-dashoffset:60;animation:ecg 1.8s linear infinite;}
@keyframes ecg{from{stroke-dashoffset:60}to{stroke-dashoffset:-200}}
h1{font-family:var(--disp);font-size:34px;letter-spacing:-.01em;line-height:.9;margin:0;font-weight:700}
h1 span{color:var(--green);}
.tag{margin:4px 0 0;font-size:13px;color:#c9d3e3;font-weight:600;display:flex;align-items:center;gap:6px}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 #ff4d6a;animation:ping 1.4s infinite}
.live-dot.off{background:var(--mut);animation:none}
@keyframes ping{0%{box-shadow:0 0 0 0 #ff4d6a99}100%{box-shadow:0 0 0 10px #ff4d6a00}}
#liveLabel{font-family:var(--disp);letter-spacing:-.01em;font-size:12px;color:var(--red);font-weight:700}
.hero-meta{text-align:right;font-size:12px;color:var(--mut);display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.src{background:#0009;border:1px solid var(--line);padding:4px 8px;border-radius:99px}
.rate select{background:#0009;border:1px solid var(--line);border-radius:8px;padding:3px 6px}
/* games strip */
.games-strip{display:flex;gap:10px;overflow-x:auto;padding:12px 16px;max-width:1280px;margin:0 auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.games-strip::-webkit-scrollbar{display:none}
.g{flex:0 0 auto;scroll-snap-align:start;min-width:158px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:8px 10px;cursor:pointer;transition:transform .15s,border-color .15s}
.g:hover{transform:translateY(-2px);border-color:var(--purple)}
.g.in{border-color:#ff4d6a88;box-shadow:0 0 14px #ff4d6a33}
.g.mine{outline:2px solid var(--green);outline-offset:-2px}
.g .row{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px}
.g .row img{width:22px;height:22px;object-fit:contain}
.g .row .sc{margin-left:auto;font-family:var(--disp);font-size:15px;letter-spacing:-.01em;font-weight:700}
.g .row.lead .sc{color:var(--green)}
.g .st{font-size:11px;color:var(--mut);margin-top:3px;display:flex;justify-content:space-between;gap:6px}
.g.in .st b{color:var(--red)}
/* summary */
.summary{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#05070dcc;border-bottom:1px solid var(--line)}
.sum-inner{max-width:1280px;margin:0 auto;padding:10px 16px;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center}
.ring{width:64px;height:64px;position:relative}
.ring svg{transform:rotate(-90deg)}
.ring .num{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--disp);font-size:16px;line-height:1;font-weight:700}
.ring .num small{display:block;font-size:10px;color:var(--mut);font-family:var(--body);font-weight:700;letter-spacing:.5px}
.sum-main h2{margin:0;font-family:var(--disp);font-size:19px;letter-spacing:-.01em;line-height:1;font-weight:700}
.sum-main p{margin:3px 0 0;font-size:13px;color:#c9d3e3}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{font-size:11px;font-weight:800;padding:3px 8px;border-radius:99px;border:1px solid var(--line);background:var(--panel)}
.money{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
.money label{display:flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px 8px;color:var(--mut)}
.money input{width:64px;background:transparent;border:0;outline:0;font-weight:800;color:var(--txt)}
.money .ret{font-family:var(--disp);font-size:18px;color:var(--green);letter-spacing:-.01em;font-weight:700}
.st-CASHED h2{color:var(--green);}
.st-BUSTED h2{color:var(--red)}
.st-ONELEG h2{color:var(--yellow)}
.st-CRUISING h2{color:var(--green)}
.st-SWEATING h2{color:var(--orange)}
/* picker */
.picker{max-width:1280px;margin:12px auto 0;padding:0 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.search-wrap{position:relative;flex:1 1 280px}
.search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%)}
#search{width:100%;padding:13px 14px 13px 40px;border-radius:14px;border:1.5px solid var(--line);background:var(--panel);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}
#search:focus{border-color:var(--green);box-shadow:0 0 0 4px #34e39a22}
.results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--panel2);border:1px solid var(--line);border-radius:14px;max-height:360px;overflow:auto;z-index:40;box-shadow:0 20px 40px #000a}
.res{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;border-bottom:1px solid #ffffff08}
.res:hover,.res.act{background:#5b7cfa22}
.res img.hs{width:44px;height:32px;object-fit:cover;object-position:top;border-radius:6px;background:#0005}
.res .nm{font-weight:800;font-size:14px}
.res .sub{font-size:11px;color:var(--mut)}
.res .tn{margin-left:auto;font-size:10px;font-weight:900;padding:2px 6px;border-radius:6px;background:#34e39a22;color:var(--green)}
.res .tn.live{background:#ff4d6a22;color:var(--red)}
.res .inj{font-size:10px;font-weight:900;color:var(--red);margin-left:4px}
.picker-actions{display:flex;gap:8px;align-items:center}
.count{font-family:var(--disp);font-size:16px;color:var(--mut);font-weight:700}
.btn{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700;font-size:13px}
.btn:hover{border-color:var(--purple)}
.btn.ghost{background:transparent}
.btn.danger:hover{border-color:var(--red)}
.btn.prim{background:linear-gradient(90deg,var(--green),#1fc98a);color:#04120a;border:0}
/* board */
.board{max-width:1280px;margin:14px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.empty{grid-column:1/-1;text-align:center;padding:40px 20px;border:2px dashed var(--line);border-radius:20px;background:linear-gradient(#05070dcc,#05070dcc),url(/img/banner-nba.webp) center/cover}
.empty h3{font-family:var(--disp);font-size:25px;margin:0 0 6px;letter-spacing:-.01em;font-weight:700}
.empty p{color:var(--mut);margin:0 0 14px}
.card{position:relative;background:linear-gradient(165deg,var(--panel2),var(--panel) 60%);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:box-shadow .3s,border-color .3s}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--tc,var(--purple))}
.card.allhit{border-color:#34e39a99;box-shadow:0 0 22px #34e39a44}
.card.dead{opacity:.8}
.c-head{display:flex;gap:10px;align-items:center;padding:12px 12px 6px;position:relative}
.hs-wrap{position:relative;width:78px;height:58px;flex:0 0 auto;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 120%,var(--tc,#333),#0000 70%),#0004}
.hs-wrap img.hs{width:100%;height:100%;object-fit:cover;object-position:top}
.hs-wrap img.tl{position:absolute;right:2px;bottom:2px;width:20px;height:20px;object-fit:contain;}
.c-id{min-width:0;flex:1}
.c-name{font-family:var(--disp);font-size:19px;line-height:.95;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.c-sub{font-size:11px;color:var(--mut);margin-top:2px}
.c-game{font-size:12px;font-weight:700;margin-top:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.c-game .q{color:var(--red)}
.c-game .oc{font-size:10px;padding:1px 6px;border-radius:99px;background:#34e39a22;color:var(--green)}
.badges{position:absolute;right:10px;top:10px;display:flex;gap:4px;font-size:18px}
.badges .fire{animation:flick 1s infinite alternate}
@keyframes flick{to{transform:scale(1.15) rotate(-6deg)}}
.rm{position:absolute;right:8px;bottom:6px;background:none;border:0;color:var(--mut);cursor:pointer;font-size:12px}
.statgrid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;padding:4px 10px 8px;text-align:center}
.statgrid div{background:#0003;border-radius:8px;padding:5px 0}
.statgrid b{display:block;font-family:var(--disp);font-size:16px;line-height:1;font-weight:700}
.statgrid span{font-size:9px;color:var(--mut);font-weight:800;letter-spacing:.5px}
.statgrid .foul b{color:var(--yellow)}
.statgrid .foul.bad b{color:var(--red)}
.legs{padding:0 12px 10px;display:flex;flex-direction:column;gap:8px}
.leg{background:#0004;border:1px solid #ffffff0d;border-radius:12px;padding:8px 10px}
.leg-top{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}
.leg-top .tgt{font-family:var(--disp);font-size:15px;letter-spacing:-.01em;font-weight:700}
.leg-top .cur{margin-left:auto;font-family:var(--disp);font-size:15px;font-weight:700}
.state{font-size:10px;font-weight:900;padding:2px 7px;border-radius:99px;letter-spacing:.4px;white-space:nowrap}
.s-HIT{background:#34e39a;color:#03140a;box-shadow:0 0 12px #34e39a}
.s-ONPACE{background:#34e39a22;color:var(--green);border:1px solid #34e39a66}
.s-BEHIND{background:#ff7a1a22;color:var(--orange);border:1px solid #ff7a1a66}
.s-DEAD{background:#ff4d6a22;color:var(--red);border:1px solid #ff4d6a66}
.s-NOTSTARTED{background:#ffffff10;color:var(--mut)}
.s-OUT{background:#ff4d6a;color:#fff}
.bar{position:relative;height:12px;border-radius:99px;background:#ffffff10;margin-top:7px;overflow:hidden}
.bar .fill{position:absolute;inset:0 auto 0 0;border-radius:99px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.bar .proj{position:absolute;top:0;bottom:0;border-right:2px dashed #fff8}
.f-HIT{background:linear-gradient(90deg,#1fc98a,var(--green));box-shadow:0 0 14px var(--green)}
.f-ONPACE{background:linear-gradient(90deg,#1a9d68,var(--green));box-shadow:0 0 10px #34e39a88}
.f-BEHIND{background:linear-gradient(90deg,#5b7cfa,var(--orange));box-shadow:0 0 10px #ff7a1a88}
.f-DEAD,.f-OUT{background:#ff4d6a88}
.f-NOTSTARTED{background:#ffffff22}
.leg-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--mut);margin-top:4px}
.leg.HIT{border-color:#34e39a66;animation:glow 2s ease-in-out infinite alternate}
@keyframes glow{from{box-shadow:0 0 0 #34e39a00}to{box-shadow:0 0 16px #34e39a55}}
.leg-edit{display:flex;gap:6px;align-items:center;margin-top:7px}
.leg-edit select,.leg-edit input{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 6px;font-size:13px;font-weight:700}
.leg-edit input{width:62px}
.leg-edit .x{margin-left:auto;background:none;border:0;color:var(--mut);cursor:pointer}
.addleg{align-self:flex-start;font-size:12px;padding:5px 10px}
.editing .leg-edit{display:flex}
.card:not(.editing) .leg-edit{display:none}
.c-tools{display:flex;gap:6px;padding:0 12px 12px}
/* table view */
.table-wrap{max-width:1280px;margin:14px auto;padding:0 16px;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px;background:var(--panel);border-radius:14px;overflow:hidden}
th{font-family:var(--disp);font-weight:700;letter-spacing:-.01em;font-size:12px;color:var(--mut);text-align:center;padding:8px 6px;background:var(--panel2);position:sticky;top:0}
td{padding:7px 6px;text-align:center;border-top:1px solid #ffffff0a;white-space:nowrap}
td.pl{text-align:left;display:flex;gap:8px;align-items:center;font-weight:800}
td.pl img{width:36px;height:26px;object-fit:cover;object-position:top;border-radius:5px}
td .mini{height:6px;border-radius:99px;background:#ffffff14;width:80px;display:inline-block;vertical-align:middle;overflow:hidden;margin-left:6px}
td .mini i{display:block;height:100%}
/* sheet */
.sheet{position:fixed;inset:0;background:#000a;z-index:50;display:flex;align-items:flex-end;justify-content:center}
.sheet-card{background:var(--panel2);border:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;max-width:640px;max-height:82vh;display:flex;flex-direction:column;animation:up .25s ease-out}
@media(min-width:700px){.sheet{align-items:center}.sheet-card{border-radius:20px}}
@keyframes up{from{transform:translateY(40px);opacity:0}}
.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.sheet-head h3{margin:0;font-family:var(--disp);font-size:19px;letter-spacing:-.01em;font-weight:700}
.sheet-body{overflow:auto;padding:8px 10px 16px}
.sheet-body h4{margin:12px 6px 6px;font-size:12px;color:var(--mut);letter-spacing:1px}
/* foot */
.foot{max-width:1280px;margin:30px auto 0;padding:16px 16px 28px;border-top:1px solid var(--line);font-size:11px;color:var(--mut);text-align:center}
.foot .rg{font-size:12px;color:#c9d3e3}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--green);padding:10px 16px;border-radius:12px;z-index:60;font-weight:700;box-shadow:0 10px 30px #000a;animation:up .2s}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:70;overflow:hidden}
#confetti i{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;animation:fall linear forwards}
@keyframes fall{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}
@media(max-width:520px){
  .src{font-size:10px;max-width:130px;text-align:center}.tag{flex-wrap:wrap;font-size:12px}.money .ret{font-size:22px}
  h1{font-size:38px}.hero-inner{min-height:130px;padding:16px 12px 14px}.pulse-logo{width:56px}
  .board{grid-template-columns:1fr;padding:0 10px}.picker{padding:0 10px}.games-strip{padding:10px}
  .statgrid b{font-size:19px}.c-name{font-size:23px}
  .sum-inner{padding:8px 10px}.ring{width:54px;height:54px}.sum-main h2{font-size:22px}
}
/* ---------- top nav ---------- */
.topnav{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0a0f1a,#0a0f1a);position:relative;z-index:25}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 10px;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.nav-inner::-webkit-scrollbar{display:none}
.nav-tab{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:12px 12px 10px;color:var(--mut);text-decoration:none;font-family:var(--disp);font-size:14px;letter-spacing:-.01em;border-bottom:3px solid transparent;transition:color .2s,border-color .2s;font-weight:700}
.nav-tab:hover{color:var(--txt)}
.nav-tab.on{color:var(--txt);border-bottom-color:var(--green);}
.nav-tab .ni{font-size:16px}
.nav-tab .new{font-family:var(--body);font-size:9px;font-weight:900;background:var(--orange);color:#1a0800;border-radius:6px;padding:1px 5px;letter-spacing:.3px}
.nav-sep{flex:1 0 8px}
.nav-soon{flex:0 0 auto;font-size:12px;font-weight:800;color:#56637a;padding:5px 9px;border:1px dashed var(--line);border-radius:99px;white-space:nowrap}
.nav-soon small{font-size:9px;margin-left:4px;color:var(--purple);text-transform:uppercase}
/* ---------- multi builder ---------- */
.m-status{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#05070dcc;border-bottom:1px solid var(--line)}
.m-status-in{max-width:1280px;margin:0 auto;padding:10px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:10px 14px;align-items:center}
.m-kpis{display:flex;gap:8px}
.m-kpis div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:5px 10px;text-align:center;min-width:72px}
.m-kpis b{display:block;font-family:var(--disp);font-size:16px;letter-spacing:-.01em;line-height:1.05;font-weight:700}
.m-kpis .g b{color:var(--green);}
.m-kpis span{font-size:9px;font-weight:800;color:var(--mut);letter-spacing:.6px}
.m-wrap{max-width:900px;margin:0 auto;padding:12px 16px 0;display:flex;flex-direction:column;gap:12px}
.m-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.m-name{flex:1 1 180px;font-family:var(--disp);font-size:19px;letter-spacing:-.01em;background:transparent;border:0;border-bottom:2px dashed var(--line);outline:0;padding:2px 0;min-width:0;font-weight:700}
.m-name:focus{border-bottom-color:var(--green)}
.m-bar select{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;max-width:170px;font-weight:700;font-size:13px}
.m-saved{font-size:11px;color:var(--mut)}
.m-add{border:1px solid var(--line);border-radius:18px;padding:12px;background:linear-gradient(160deg,#0d1320f0,#0b1424e8),url(/img/banner-nba.webp) center/cover;box-shadow:0 0 30px #5b7cfa18}
.m-add-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.m-add h3{margin:0;font-family:var(--disp);font-size:18px;letter-spacing:-.01em;font-weight:700}
.seg{display:flex;background:#0006;border:1px solid var(--line);border-radius:12px;padding:3px}
.seg button{border:0;background:none;padding:6px 10px;border-radius:9px;font-weight:800;font-size:12px;cursor:pointer;color:var(--mut)}
.seg button.on{background:linear-gradient(90deg,var(--purple),#4a63e0);color:#fff;box-shadow:0 0 12px #5b7cfa66}
.m-row{margin-top:8px}
.m-search input{width:100%;padding:12px 14px 12px 40px;border-radius:14px;border:1.5px solid var(--line);background:var(--panel);font-size:16px;outline:none}
.m-search input:focus{border-color:var(--green);box-shadow:0 0 0 4px #34e39a22}
.m-picked{display:flex;align-items:center;gap:10px;background:var(--panel);border:1.5px solid var(--green);border-radius:14px;padding:6px 10px}
.m-picked img{width:44px;height:32px;object-fit:cover;object-position:top;border-radius:6px}
.m-picked b{font-family:var(--disp);font-size:15px;letter-spacing:-.01em;font-weight:700}
.m-picked span{font-size:11px;color:var(--mut);font-weight:800}
.x{margin-left:auto;background:none;border:0;color:var(--mut);cursor:pointer;font-size:15px;padding:4px 6px}
.x:hover{color:var(--red)}
.m-fields{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.m-fields label{display:flex;flex-direction:column;gap:3px;font-size:10px;font-weight:800;color:var(--mut);letter-spacing:.5px;text-transform:uppercase;position:relative}
.m-fields label.grow{flex:1 1 200px}
.m-fields input,.m-fields select{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 8px;font-size:16px;font-weight:800;width:84px;outline:0}
.m-fields label.grow input{width:100%}
.m-fields select{width:auto}
.m-fields input:focus,.m-fields select:focus{border-color:var(--green)}
.m-fields em{position:absolute;right:8px;bottom:9px;font-style:normal;color:var(--mut);font-size:15px}
.m-fields .btn.prim{padding:11px 16px;font-size:14px}
.m-hint{font-size:11px;color:var(--mut);margin:8px 0 0}
.m-legs{display:flex;flex-direction:column;gap:10px}
.m-empty{padding:28px 16px}
.m-leg{position:relative;background:linear-gradient(165deg,var(--panel2),var(--panel) 60%);border:1px solid var(--line);border-radius:16px;padding:10px 12px;overflow:hidden}
.m-leg::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--green),var(--purple))}
.m-leg.low::before{background:var(--red)}
.m-leg.low{border-color:#ff4d6a55}
.m-leg.HIT{border-color:#34e39a88;animation:glow 2s ease-in-out infinite alternate}
.m-leg.MISS{opacity:.75;border-color:#ff4d6a88}
.m-leg-top{display:flex;align-items:center;gap:10px}
.m-av{position:relative;width:52px;height:40px;flex:0 0 auto;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 120%,#5b7cfa66,#0000 70%),#0004;display:grid;place-items:center}
.m-av img{width:100%;height:100%;object-fit:cover;object-position:top}
.m-av span{position:absolute;right:1px;bottom:0;font-size:12px}
.m-av.emoji{font-size:24px;background:radial-gradient(circle at 50% 120%,#34e39a55,#0000 70%),#0004}
.m-leg-id{min-width:0;flex:1}
.m-leg-t{font-weight:900;font-size:15px;line-height:1.2}
.m-leg-t em{font-style:normal;font-family:var(--disp);font-size:14px;letter-spacing:-.01em;color:var(--green);margin-left:4px;font-weight:700}
.m-leg-s{font-size:11px;color:var(--mut);margin-top:2px}
.m-leg-nums{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.m-leg-nums>label,.m-leg-nums>div{display:flex;flex-direction:column;font-size:9px;font-weight:800;color:var(--mut);letter-spacing:.5px;text-transform:uppercase}
.m-leg-nums b{font-family:var(--disp);font-size:15px;color:var(--txt);font-weight:700;letter-spacing:-.01em;line-height:1.1}
.m-leg-nums input{width:66px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px 6px;font-size:16px;font-weight:800;outline:0}
.band{margin-left:auto;font-size:11px;font-weight:900;padding:4px 9px;border-radius:99px;letter-spacing:.3px;white-space:nowrap}
.b95{background:linear-gradient(90deg,#34e39a,#1fc98a);color:#03140a;box-shadow:0 0 12px #34e39a99}
.b90{background:#34e39a28;color:var(--green);border:1px solid #34e39a77}
.b85{background:#5ec8ff22;color:var(--ice);border:1px solid #5ec8ff77}
.b75{background:#f5c45122;color:var(--yellow);border:1px solid #f5c45177}
.blow{background:#ff4d6a;color:#fff;box-shadow:0 0 12px #ff4d6a88}
.m-live{margin-top:8px;background:#0004;border:1px solid #ffffff0d;border-radius:12px;padding:7px 10px}
.m-live.quiet{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--mut)}
.m-live.quiet .btn{margin-left:auto}
.btn.sm{padding:4px 9px;font-size:11px}
.m-HIT{background:#34e39a;color:#03140a;box-shadow:0 0 12px #34e39a}
.m-ONTRACK{background:#34e39a22;color:var(--green);border:1px solid #34e39a66}
.m-NEEDS{background:#ff7a1a22;color:var(--orange);border:1px solid #ff7a1a66}
.m-MISS{background:#ff4d6a;color:#fff}
.m-PRE,.m-NOGAME,.m-MANUAL{background:#ffffff10;color:var(--mut)}
.m-totals{border:1px solid var(--line);border-radius:18px;padding:14px;background:linear-gradient(160deg,#0f1a2c,#0b1a1a);box-shadow:0 0 30px #34e39a14}
.m-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.m-tgrid>div,.m-tgrid>label{background:#0005;border:1px solid #ffffff0d;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.m-tgrid span{font-size:10px;font-weight:800;color:var(--mut);letter-spacing:.5px;text-transform:uppercase}
.m-tgrid b{font-family:var(--disp);font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.05}
.m-tgrid .g b{color:var(--green);}
.m-tgrid b.warn{color:var(--orange)}
.m-money{display:flex;align-items:center;gap:2px;font-family:var(--disp);font-size:19px;font-weight:700}
.m-money input{width:100%;min-width:0;background:transparent;border:0;border-bottom:2px dashed var(--line);outline:0;font-family:var(--disp);font-size:19px;letter-spacing:-.01em;padding:0;font-weight:700}
.m-money.inline{display:inline-flex;font-size:inherit;font-family:inherit;font-weight:900}
.m-money.inline input{width:76px;font-family:var(--body);font-size:15px;font-weight:900;color:var(--yellow)}
.m-target{margin-top:12px}
.m-target-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700}
.m-target-top b{color:var(--yellow);font-family:var(--disp);font-size:16px;font-weight:700;letter-spacing:-.01em}
.m-tpct{font-size:20px!important;color:var(--green)!important}
.bar.big{height:16px}
.m-target p{margin:6px 0 0;font-size:12px;color:#c9d3e3}
.m-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.m-actions .btn{padding:11px 16px;font-size:14px}
.m-disc{font-size:11px;color:var(--mut);margin:10px 0 0;line-height:1.45}
.m-rg{font-size:12px;color:#c9d3e3;text-align:center;margin:4px 0 0}
.m-shared{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#5b7cfa33,#34e39a22);border:1px solid var(--purple);border-radius:14px;padding:10px 12px;font-size:22px}
.m-shared div{flex:1;font-size:13px}.m-shared span{color:var(--mut);font-size:12px}
@media(max-width:520px){
  .m-status-in{grid-template-columns:auto 1fr;padding:8px 10px}.m-kpis{grid-column:1/-1}.m-kpis div{flex:1}
  .m-wrap{padding:10px 10px 0}.m-tgrid{grid-template-columns:repeat(2,1fr)}
  .m-fields label:not(.grow){flex:1 1 70px}.m-fields input{width:100%}.m-fields .btn.prim{flex:1 1 100%}
  .nav-tab{font-size:17px;padding:11px 9px 9px}.m-target-top{font-size:13px}
}
/* ---------- sports hub ---------- */

@media(max-width:700px){.nav-sep{flex:0 0 1px;height:22px;background:var(--line);margin:0 4px}}
.sp-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#05070df2 0%,#05070db0 45%,#05070d30 100%),var(--img) center 45%/cover}
.sp-hero-in{max-width:1280px;margin:0 auto;padding:18px 16px 12px;display:flex;align-items:center;gap:12px}
.sp-e{font-size:40px;}
.sp-hero h2{margin:0;font-family:var(--disp);font-size:27px;letter-spacing:-.01em;line-height:1;font-weight:700}
.sp-hero p{margin:3px 0 0;font-size:12px;color:#c9d3e3;font-weight:600}
.sp-lgs{max-width:1280px;margin:0 auto;padding:0 16px 12px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.sp-lgs a{flex:0 0 auto;text-decoration:none;color:var(--txt);font-weight:800;font-size:12px;padding:6px 11px;border-radius:99px;background:#0008;border:1px solid var(--line)}
.sp-lgs a.on{background:linear-gradient(90deg,var(--purple),#4a63e0);border-color:transparent;box-shadow:0 0 12px #5b7cfa66}
.subnav{position:sticky;top:0;z-index:20;background:#05070de6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.subnav-in{max-width:1280px;margin:0 auto;padding:8px 12px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.subnav-in::-webkit-scrollbar,.sp-lgs::-webkit-scrollbar{display:none}
.subnav a{flex:0 0 auto;text-decoration:none;color:var(--mut);font-weight:800;font-size:13px;padding:7px 12px;border-radius:10px;border:1px solid transparent}
.subnav a.on{color:#04120a;background:linear-gradient(90deg,var(--green),#1fc98a);box-shadow:0 0 12px #34e39a55}
.sp-body{max-width:1280px;margin:0 auto;padding:12px 16px}
.sp-loading{padding:30px;text-align:center;color:var(--mut);font-weight:700}
.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:sp .8s linear infinite;vertical-align:-2px;margin-right:6px}
@keyframes sp{to{transform:rotate(360deg)}}
.sp-empty{overflow-wrap:anywhere;padding:30px 16px;text-align:center;color:var(--mut);border:2px dashed var(--line);border-radius:16px;grid-column:1/-1}
.sp-note{background:#f5c45114;border:1px solid #f5c45155;color:#ffe9a3;border-radius:12px;padding:9px 12px;font-size:12px;margin-bottom:10px}
.sp-sub{font-size:12px;color:var(--mut);margin:2px 0 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sp-upd{margin-left:auto}
.sp-cta{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--txt);background:linear-gradient(90deg,#5b7cfa33,#34e39a22),url(/img/banner-live.webp) center/cover;border:1px solid var(--purple);border-radius:16px;padding:12px 14px;margin-bottom:12px;box-shadow:0 0 20px #5b7cfa33}
.sp-cta span{font-size:28px}.sp-cta b{font-family:var(--disp);font-size:16px;letter-spacing:-.01em;display:block;font-weight:700}.sp-cta small{color:#c9d3e3;font-size:12px}.sp-cta em{margin-left:auto;font-style:normal;font-size:24px;color:var(--green)}
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:10px}
.ev{min-width:0;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:10px 12px}
.ev.in{border-color:#ff4d6a88;box-shadow:0 0 16px #ff4d6a2a}
.ev[data-ev]{cursor:pointer}
.ev-top{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:800;margin-bottom:6px}
.ev-live{color:var(--red);font-weight:900}.ev-ft{color:var(--mut)}.ev-pre{color:var(--ice)}
.ev-note{min-width:0;color:var(--yellow);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-cta{margin-left:auto;color:var(--green)}
.ev-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-weight:800;font-size:14px}
.tlogo{width:24px;height:24px;object-fit:contain;flex:0 0 24px;display:inline-block}
.ev-tn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-rec{font-size:10px;color:var(--mut);font-weight:700}
.ev-sc{margin-left:auto;font-family:var(--disp);font-size:18px;letter-spacing:-.01em;font-weight:700}
.ev-row.lead .ev-sc,.ev-row.lead .ev-tn{color:var(--green)}
.ev-form{display:flex;gap:2px}
.fd{font-style:normal;font-size:8px;font-weight:900;width:13px;height:13px;border-radius:3px;display:grid;place-items:center;background:#fff2}
.fd-W{background:#34e39a;color:#03140a}.fd-L{background:#ff4d6a;color:#fff}.fd-D{background:#8a97ab;color:#111}
.ev-foot{font-size:11px;color:var(--mut);margin-top:5px;display:flex;gap:8px;flex-wrap:wrap}
.ev-odds{color:var(--yellow);font-weight:700}
.sp-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.sp-tools input[type=search],.sp-tools select{background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-size:16px;outline:0}
.sp-tools>input{flex:1 1 220px}
.sp-tools input:focus{border-color:var(--green)}
.chipset{display:flex;gap:6px;flex-wrap:wrap}
.chipset button{border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:6px 11px;font-size:12px;font-weight:800;cursor:pointer;color:var(--mut)}
.chipset button.on{color:#fff;border-color:var(--purple);background:#5b7cfa44}
.chipset button.out.on{background:#ff4d6a55;border-color:var(--red)}.chipset button.q.on{background:#ff7a1a44;border-color:var(--orange)}.chipset button.doubt.on{background:#f5c45133;border-color:var(--yellow)}
.chipset.quick{margin:0 0 10px}
.inj-team{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;overflow:hidden}
.inj-team h4{margin:0;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--panel2);font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:-.01em}
.inj-soon{font-family:var(--body);font-size:10px;font-weight:900;color:var(--ice);background:#5ec8ff1a;border:1px solid #5ec8ff55;border-radius:99px;padding:2px 7px;letter-spacing:0}
.inj-n{margin-left:auto;font-size:16px;color:var(--mut)}
.inj{display:flex;gap:10px;padding:9px 12px;border-top:1px solid #ffffff0a}
.inj-hs{width:46px;height:34px;object-fit:cover;object-position:top;border-radius:7px;background:#0005;flex:0 0 46px;display:grid;place-items:center}
.inj-main{min-width:0;flex:1}
.inj-nm{font-weight:900;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.inj-nm small{color:var(--mut);font-weight:700}
.inj-st{font-size:10px;font-weight:900;padding:2px 7px;border-radius:99px;white-space:nowrap}
.inj-st.out{background:#ff4d6a;color:#fff}.inj-st.doubt{background:#f5c451;color:#1a1400}.inj-st.q{background:#ff7a1a;color:#1a0800}.inj-st.other{background:#ffffff22}
.inj-c{font-size:12px;color:#c9d3e3;margin-top:3px;line-height:1.4}
.inj-d{font-size:10px;color:var(--mut);margin-top:3px}
.lu-list{display:flex;flex-direction:column;gap:10px}
.lu{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px;cursor:default}
.lu-src{font-size:12px;font-weight:800;color:var(--orange);margin-bottom:8px}.lu-src.ok{color:var(--green)}
.lu-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lu-t{background:#0004;border-radius:12px;padding:8px 10px;min-width:0}
.lu-t h5{margin:0 0 6px;display:flex;align-items:center;gap:6px;font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:-.01em}
.lu-t h5 span{margin-left:auto;font-family:var(--body);font-size:11px;font-weight:900;color:var(--yellow)}
.lu-t ol{list-style:none;margin:0;padding:0;font-size:13px;font-weight:700}
.lu-t li{display:flex;gap:6px;align-items:center;padding:3px 0;border-bottom:1px solid #ffffff08}
.lu-t li em{margin-left:auto;font-style:normal;font-size:10px;color:var(--mut)}
.lu-num{width:20px;color:var(--green);font-family:var(--disp);font-size:12px;font-weight:700}
.lu-none{color:var(--mut);font-size:12px;margin:4px 0}
.lu-out{margin-top:8px;font-size:12px}.lu-out b{display:block;font-size:11px;color:var(--red);margin-bottom:3px}.lu-out div{padding:2px 0}.lu-out em{font-style:normal;color:var(--mut);font-size:10px}
.lu-t details{font-size:11px;color:var(--mut);margin-top:6px}
.fx-day{font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:-.01em;margin:16px 0 8px;display:flex;align-items:center;gap:8px}
.fx-day span{font-family:var(--body);font-size:11px;font-weight:900;background:var(--purple);border-radius:99px;padding:1px 7px}
.form-tools .fsearch{flex:1 1 240px}
.fsearch input{width:100%;padding:11px 12px 11px 38px!important}
.res .hs.ph{display:grid;place-items:center;width:44px;height:32px;background:#0005;border-radius:6px}
.fm-head{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#5b7cfa2a,#34e39a1a);border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin-bottom:10px}
.fm-head img{width:74px;height:54px;object-fit:cover;object-position:top;border-radius:10px;background:#0005}
.fm-head img.lg{object-fit:contain;width:54px}
.fm-ph{font-size:38px}
.fm-head h3{margin:0;font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:-.01em}
.fm-head p{margin:2px 0 0;font-size:12px;color:var(--mut)}
.fm-lines{display:flex;flex-direction:column;gap:8px}
.fm-line{display:grid;grid-template-columns:minmax(120px,1.2fr) auto auto auto auto auto;align-items:center;gap:10px;background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:9px 12px}
.fm-l label{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--mut)}
.fm-l b{color:var(--txt);font-size:14px}
.fm-l input{width:58px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px 6px;font-size:16px;font-weight:900;outline:0;color:var(--green)}
.fm-dots{display:flex;gap:3px}
.fm-dots i{width:10px;height:18px;border-radius:3px;background:#ffffff1a}
.fm-dots i.h{background:var(--green);box-shadow:0 0 6px #34e39a88}
.fm-p{display:flex;flex-direction:column;align-items:center;font-size:9px;font-weight:800;color:var(--mut)}
.fm-p b{font-family:var(--disp);font-size:15px;color:var(--txt);font-weight:700;letter-spacing:-.01em}
.fm-line .band{margin-left:0;text-align:center}
.fm-tbl{padding:0;margin-top:12px}
td.hitc{color:var(--green);font-weight:900}
.res-W{color:var(--green);font-weight:900}.res-L{color:var(--red);font-weight:900}.res-D{color:var(--mut);font-weight:900}
@media(max-width:600px){
  .sp-hero-in{padding:14px 12px 10px}.sp-hero h2{font-size:30px}.sp-e{font-size:32px}.sp-body{padding:10px}.sp-lgs{padding:0 12px 10px}
  .ev-grid{grid-template-columns:1fr}.lu-teams{grid-template-columns:1fr 1fr;gap:6px}.lu-t{padding:6px}.lu-t ol{font-size:12px}
  .fm-line{grid-template-columns:1fr auto auto;gap:6px 10px}.fm-dots{grid-column:1/-1;order:5}.fm-line .band{order:3}.fm-line .btn{order:4;grid-column:span 1}
  .fm-l{grid-column:1/-1}
}
.fm-line{grid-template-columns:minmax(130px,1.3fr) auto 52px 52px 74px auto;grid-template-areas:"l d p5 p10 b m"}
.fm-l{grid-area:l}.fm-dots{grid-area:d}.fm-p.p5{grid-area:p5}.fm-p.p10{grid-area:p10}.fm-line .band{grid-area:b}.fm-line [data-addm]{grid-area:m}
@media(max-width:600px){
  .fm-line{grid-template-columns:1fr 46px 46px;grid-template-areas:"l l b" "d p5 p10" "m m m";gap:8px}
  .fm-l,.fm-dots,.fm-line .band,.fm-line [data-addm]{order:0;grid-column:auto}
  .fm-line .band{justify-self:end}
  .fm-dots{align-self:center}
  .fm-line [data-addm]{width:100%}
}

/* =====================================================================
   ParlayPulse 2.0 — premium theme layer (navy glass, emerald + gold)
   ===================================================================== */
:root{
  --bg:#05070d;--bg2:#0a0f1a;--panel:#0d1320;--panel2:#111a2b;--line:#ffffff14;--line2:#ffffff22;
  --txt:#eef2f8;--mut:#8a97ab;--green:#34e39a;--gold:#f5c451;--purple:#5b7cfa;--orange:#ff9f43;--red:#ff4d6a;--yellow:#f5c451;--ice:#5ec8ff;
  --card:linear-gradient(180deg,#ffffff0b,#ffffff04);--card-solid:#0c1220;
  --r:16px;--r-sm:12px;--ease:cubic-bezier(.2,.8,.2,1);
  --appbar-h:64px;--stick:var(--appbar-h);
  --shadow:0 1px 0 #ffffff0d inset,0 10px 30px -12px #000c;
}
html{scroll-padding-top:calc(var(--appbar-h) + 60px)}
body{background:radial-gradient(1100px 520px at 85% -8%,#123a3133,transparent 60%),radial-gradient(900px 500px at -5% 0%,#1a2a5233,transparent 60%),var(--bg);font-feature-settings:"cv11","ss01";letter-spacing:-.005em}
body,td,th,.statgrid b,.ring .num,.m-tgrid b,.ev-sc,.fm-p b,.m-kpis b{font-variant-numeric:tabular-nums}
::selection{background:#34e39a44}
a{color:var(--green);text-decoration-color:#34e39a55;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:8px}

/* ---------- app bar ---------- */
.appbar{position:sticky;top:0;z-index:40;background:#05070dcc;backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid var(--line)}
.appbar-in{max-width:1280px;margin:0 auto;height:var(--appbar-h);padding:0 20px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt);flex:0 0 auto}
.brand .logo{width:34px;height:34px;transition:transform .5s var(--ease)}
.brand:hover .logo{transform:rotate(-12deg) scale(1.06)}
.wm{font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:-.03em;line-height:1}
.wm b{font-weight:700;background:linear-gradient(90deg,#5bffb8,#f5c451);-webkit-background-clip:text;background-clip:text;color:transparent}
.topnav{flex:1;display:flex;align-items:center;gap:2px;background:none;border:0;position:static;min-width:0}
.nav-tab{position:relative;display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:10px;border:0;color:var(--mut);font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:0;text-decoration:none;transition:color .2s,background .2s}
.nav-tab .ni{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}
.nav-tab:hover{color:var(--txt);background:#ffffff0a}
.nav-tab.on{color:var(--txt);background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff12}
.nav-tab.on .ni{stroke:var(--green)}
.nav-tab .nl-long{display:none}
.nav-sep{flex:0 0 1px;height:20px;background:var(--line2);margin:0 8px}
.hero-meta{margin-left:auto;display:flex;flex-direction:row;align-items:center;gap:8px;text-align:left;font-size:12px}
.live-pill{display:flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:99px;background:#ff4d6a14;border:1px solid #ff4d6a33}
.live-dot{width:7px;height:7px}
#liveLabel{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.06em;color:#ff8597;white-space:nowrap}
.live-pill:has(.live-dot.off){background:#ffffff08;border-color:var(--line)}
.live-pill:has(.live-dot.off) #liveLabel{color:var(--mut)}
.src{background:none;border:0;padding:0;color:var(--mut);font-size:12px;white-space:nowrap}
.rate{display:flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 9px;border-radius:99px;border:1px solid var(--line);color:var(--mut)}
.rate svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.rate select{background:transparent;border:0;padding:2px;font-size:12px;font-weight:600;color:var(--txt);outline:0}
.rate select option{background:var(--panel)}

/* ---------- banners ---------- */
.pp-banner{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line);background:#05070d}
.pp-banner::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img) right 30%/cover no-repeat;opacity:.95;transform:scale(1.02);animation:kb 18s ease-in-out infinite alternate}
.pp-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070d 0%,#05070de6 32%,#05070d55 62%,#05070d10 100%),linear-gradient(0deg,#05070d 0%,transparent 45%)}
@keyframes kb{to{transform:scale(1.07) translateX(-1%)}}
.pp-banner-in{max-width:1280px;margin:0 auto;padding:44px 20px 30px;min-height:208px;display:flex;flex-direction:column;justify-content:flex-end}
.pp-banner.slim .pp-banner-in{min-height:176px;padding-top:34px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a9f5d0;background:#34e39a14;border:1px solid #34e39a33;padding:5px 10px;border-radius:99px}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 #34e39a;animation:ping2 1.6s infinite}
@keyframes ping2{to{box-shadow:0 0 0 8px #34e39a00}}
.pp-banner h2{margin:12px 0 0;font-family:var(--disp);font-weight:700;font-size:44px;letter-spacing:-.035em;line-height:1}
.pp-banner h2 em{font-style:normal;background:linear-gradient(90deg,#5bffb8,#f5c451);-webkit-background-clip:text;background-clip:text;color:transparent}
.pp-banner p{margin:8px 0 0;max-width:520px;color:#c3cddc;font-size:15px;line-height:1.5}
/* sport hero reuses banner */
.sp-hero{background:#05070d}
.sp-hero .sp-lgs{padding:16px 0 0;max-width:none;margin:0}
.sp-lgs a{background:#ffffff0d;border:1px solid var(--line);color:#c9d3e3;font-weight:600;font-size:13px;padding:7px 14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s}
.sp-lgs a:hover{border-color:var(--line2);color:#fff}
.sp-lgs a.on{background:var(--txt);color:#05070d;border-color:transparent;box-shadow:none}

/* ---------- sticky sub bars sit under the app bar ---------- */
.summary,.m-status,.subnav{top:var(--stick);background:#05070dd9;backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--line);z-index:30}
.subnav-in{gap:4px;padding:10px 20px}
.subnav a{font-size:14px;font-weight:600;color:var(--mut);padding:8px 14px;border-radius:99px;transition:all .2s}
.subnav a:hover{color:var(--txt);background:#ffffff0a}
.subnav a.on{color:#04140d;background:var(--green);box-shadow:0 6px 18px -8px #34e39acc}

/* ---------- surfaces ---------- */
.card,.ev,.m-leg,.inj-team,.fm-line,.m-totals,.m-add,.g,.fm-head,.lu-t,.m-kpis div,.m-tgrid>div,.m-tgrid>label,.sp-cta,.m-shared,.results,.sheet-card,table{background:var(--card),var(--card-solid);border:1px solid var(--line);box-shadow:var(--shadow)}
.card,.ev,.m-leg,.inj-team,.fm-line,.m-totals,.m-add,.fm-head{border-radius:var(--r)}
.card,.ev,.m-leg,.fm-line,.g{transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
@media(hover:hover){.card:hover,.ev:hover,.m-leg:hover,.fm-line:hover,.g:hover{transform:translateY(-2px);border-color:var(--line2);box-shadow:0 1px 0 #ffffff12 inset,0 18px 40px -16px #000}}
.card::before{height:3px;opacity:.9}
.m-leg::before{width:3px;background:linear-gradient(var(--green),#1fc98a)}
.m-leg.low::before{background:var(--red)}
.lu-t{background:#ffffff06;box-shadow:none}
.leg,.m-live{background:#ffffff06;border:1px solid #ffffff0d}
.ev.in{border-color:#ff4d6a55;box-shadow:0 0 0 1px #ff4d6a22,var(--shadow)}
.g.in{border-color:#ff4d6a55;box-shadow:var(--shadow)}
.g.mine{outline:1.5px solid #34e39a99}
.card.allhit,.m-leg.HIT,.leg.HIT{border-color:#34e39a66;animation:none;box-shadow:0 0 0 1px #34e39a33,0 14px 34px -14px #34e39a66}
.m-add{background:linear-gradient(180deg,#34e39a0d,#ffffff03),var(--card-solid)}
.m-totals{background:radial-gradient(600px 220px at 100% 0%,#f5c45114,transparent),radial-gradient(500px 200px at 0% 100%,#34e39a12,transparent),var(--card-solid)}
.sp-cta{background:linear-gradient(90deg,#05070de6,#05070d99),url(/img/banner-live.webp) right center/cover;border-color:#34e39a33}
.sp-cta span{font-size:22px}
.empty{background:linear-gradient(#05070dd9,#05070dee),url(/img/banner-live.webp) center/cover;border:1px dashed var(--line2)}
.sp-empty{border:1px dashed var(--line2);background:#ffffff04}
.sp-note{background:#f5c4510d;border-color:#f5c45133;color:#f3dfa6}

/* ---------- type ---------- */
h1,h2,h3,h4,h5,.c-name,.sum-main h2,.m-name,.fx-day,.inj-team h4,.fm-head h3,.lu-t h5{letter-spacing:-.02em}
.c-name{font-size:20px;font-weight:700}
.sum-main h2{font-size:20px}
.count{font-size:16px;font-weight:600}
.fx-day{font-size:17px;margin:22px 0 10px;color:#dfe6f0}
.inj-team h4{font-size:15px;background:#ffffff05;border-bottom:1px solid var(--line)}
.statgrid div{background:#ffffff06;border-radius:10px}
.statgrid b{font-size:16px}
.statgrid span{font-size:9px;letter-spacing:.06em}
.ev-sc{font-size:20px}
.ev-row{font-weight:600}
.ev-row.lead .ev-tn{color:var(--txt);font-weight:700}
.ev-row.lead .ev-sc{color:var(--green)}
.ev-top{font-weight:700;letter-spacing:.02em}
.fm-p b{font-size:16px}
.m-kpis b{font-size:18px}
.m-tgrid b{font-size:20px}
.m-money,.m-money input{font-size:20px}
.m-target-top b{font-size:18px}
.m-leg-t{font-weight:700}
.m-leg-t em{font-size:15px}
.m-leg-nums b{font-size:16px;font-weight:700}
th{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#ffffff06}
td{border-top:1px solid #ffffff09}
table{border-radius:var(--r);overflow:hidden}

/* ---------- controls ---------- */
.btn{border-radius:10px;border:1px solid var(--line2);background:#ffffff08;font-weight:600;transition:background .2s,border-color .2s,transform .12s}
.btn:hover{border-color:#ffffff40;background:#ffffff10}
.btn:active,.nav-tab:active,.subnav a:active,.chipset button:active,.seg button:active{transform:scale(.97)}
.btn.prim{background:linear-gradient(180deg,#4af0ab,#22c98a);color:#03140c;box-shadow:0 8px 22px -10px #34e39acc,inset 0 1px 0 #ffffff55;font-weight:700}
.btn.prim:hover{filter:brightness(1.06)}
.btn.ghost{background:transparent}
.seg{background:#ffffff08;border-color:var(--line)}
.seg button{font-weight:600;transition:all .2s}
.seg button.on{background:var(--txt);color:#05070d;box-shadow:none}
.chipset button{background:#ffffff06;font-weight:600;transition:all .2s}
.chipset button.on{background:#ffffff14;border-color:#ffffff40;color:#fff}
#search,.m-search input,.sp-tools input[type=search],.sp-tools select,.fsearch input,.m-fields input,.m-fields select,.m-bar select,.m-leg-nums input,.fm-l input,.leg-edit select,.leg-edit input{background:#ffffff08;border:1px solid var(--line2);border-radius:12px;transition:border-color .2s,box-shadow .2s,background .2s}
#search:focus,.m-search input:focus,.sp-tools input:focus,.fsearch input:focus,.m-fields input:focus,.m-fields select:focus,.fm-l input:focus{border-color:#34e39a99;box-shadow:0 0 0 4px #34e39a1f;background:#ffffff0c}
.search-ico{width:18px;height:18px;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round;left:14px}
.results{background:#0c1220f7;backdrop-filter:blur(16px);border-color:var(--line2);box-shadow:0 30px 60px -20px #000}
.res:hover,.res.act{background:#34e39a12}
.bar{background:#ffffff0d}
.f-HIT,.f-ONPACE{box-shadow:none}
.s-HIT,.m-HIT,.b95{box-shadow:none}
.blow{box-shadow:none}
.b95{background:linear-gradient(180deg,#4af0ab,#22c98a)}
.fm-dots i.h{box-shadow:none}
.subnav a.on,.sp-lgs a.on,.seg button.on{font-weight:700}
.nav-tab .new{display:none}
.toast{background:#0c1220f2;backdrop-filter:blur(14px);border-color:#34e39a66;border-radius:14px}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);color:#6f7d92;font-size:12px;line-height:1.6;padding:28px 20px 36px}
.foot .rg{color:#aab6c8}
.view .m-rg{display:none}

/* ---------- motion ---------- */
.view:not([hidden]){animation:fadein .35s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- desktop tidy ---------- */
@media(max-width:1100px){.src{display:none}}
@media(max-width:900px) and (min-width:761px){.nav-tab .nl-long{display:none}.nav-tab .nl-short{display:inline}.nav-tab{padding:0 9px}}

/* ---------- mobile: bottom tab bar ---------- */
@media(max-width:760px){
  :root{--appbar-h:56px;--stick:0px}
  .appbar{position:relative}
  .appbar-in{padding:0 14px;gap:10px}
  .wm{font-size:19px}.brand .logo{width:30px;height:30px}
  .topnav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(6,1fr);gap:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#05070de6;backdrop-filter:saturate(160%) blur(20px);-webkit-backdrop-filter:saturate(160%) blur(20px);border-top:1px solid var(--line)}
  .nav-sep{display:none}
  .nav-tab{flex-direction:column;justify-content:center;gap:3px;height:52px;padding:0;font-size:10.5px;font-weight:600;border-radius:12px}
  .nav-tab .ni{width:22px;height:22px;flex:0 0 22px}
  .nav-tab .nl-long{display:none}.nav-tab .nl-short{display:inline}
  .nav-tab.on{background:none;box-shadow:none;color:var(--green)}
  .nav-tab.on::before{content:"";position:absolute;top:-7px;left:30%;right:30%;height:2px;border-radius:2px;background:var(--green);box-shadow:0 0 12px var(--green)}
  .nav-tab:hover{background:none}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(86px + env(safe-area-inset-bottom))}
  .live-pill{height:28px;padding:0 9px}
  .rate{height:28px}
  .pp-banner-in{padding:30px 16px 20px;min-height:168px}
  .pp-banner.slim .pp-banner-in{min-height:150px;padding-top:26px}
  .pp-banner::before{background-position:72% 30%}
  .pp-banner::after{background:linear-gradient(90deg,#05070df2 0%,#05070dc0 50%,#05070d40 100%),linear-gradient(0deg,#05070d 0%,transparent 55%)}
  .pp-banner h2{font-size:32px}
  .pp-banner p{font-size:13.5px;max-width:300px}
  .subnav-in{padding:8px 12px}
  .subnav a{font-size:13px;padding:7px 12px}
  .sp-hero .sp-lgs{padding-top:12px}
}
@media(max-width:380px){.live-pill{padding:0 8px}}
@media(max-width:760px){.appbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#05070df2}}

/* =================== multi-sport tracker (xlegs) =================== */
body.noscroll{overflow:hidden}
.s-MANUAL,.s-PUSH,.m-PUSH{background:#ffffff10;color:#c3cddc;border:1px dashed #ffffff30}
.xsports{flex:1 1 100%;display:flex;align-items:center;gap:6px;flex-wrap:wrap;order:3}
.xsports>span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-right:4px}
.xsports button{height:34px;padding:0 13px;border-radius:99px;border:1px solid var(--line2);background:#ffffff08;color:var(--txt);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}
.xsports button:hover{border-color:#34e39a88;background:#34e39a14}
.empty-cta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.xboard{max-width:1280px;margin:4px auto 0;padding:0 16px}
.xboard .board{padding:0;margin:10px 0 14px}
.xb-head{display:flex;align-items:baseline;gap:10px;margin:18px 2px 0}
.xb-head h3{margin:0;font-family:var(--disp);font-size:20px;letter-spacing:-.02em}
.xb-head span{color:var(--mut);font-size:12px}
.card.xg::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--tc),transparent)}
.card.xg.dead{border-color:#ff4d6a44}
.xg-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 2px;font-size:12px}
.xg-lg{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c3cddc;font-size:11px}
.xg-st{font-size:11px;font-weight:700;color:var(--mut);white-space:nowrap}
.xg-st.live{color:var(--red)}.xg-st.pre{color:var(--ice)}
.xg-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 12px 10px}
.xg-t{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:17px}
.xg-t.r{justify-content:flex-end}
.xg-t b{font-size:24px;margin:0 2px}
.xg-v{color:var(--mut);font-weight:700}
.xg-logo{width:26px;height:26px;object-fit:contain;flex:0 0 26px;display:inline-block}
.leg.xleg .leg-top{gap:8px}
.leg.xleg .tgt{font-size:14px;line-height:1.2;flex:1;min-width:0}
.leg.xleg .cur small{color:var(--mut);font-size:12px}
.xhs{width:34px;height:26px;border-radius:7px;object-fit:cover;object-position:top;background:#0005;flex:0 0 34px}
.xic{font-size:9px;font-weight:800;letter-spacing:.06em;padding:4px 6px;border-radius:7px;background:#ffffff10;color:#c3cddc;flex:0 0 auto;min-width:34px;text-align:center}
.leg.xleg.DEAD,.leg.xleg.OUT{opacity:.75}
.xl-tools{display:flex;align-items:center;gap:6px}
.xl-tools .x{font-size:13px;padding:0 4px}
.leg-foot .btn.sm{padding:3px 8px;font-size:11px}
.xtable{margin-top:10px}
.xtable .pl{text-align:left;font-weight:700}
.xtable .mini{display:block;height:4px;background:#ffffff10;border-radius:4px;margin-top:4px;overflow:hidden}
.xtable .mini i{display:block;height:100%}

/* picker sheet */
.xpick{z-index:60;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.xp-card{max-width:680px;max-height:88vh}
.xp-tabs{flex:0 0 auto;display:flex;gap:6px;padding:10px 14px 4px;overflow-x:auto;scrollbar-width:none}
.xp-tabs button{flex:0 0 auto;height:34px;padding:0 13px;border-radius:99px;border:1px solid var(--line2);background:#ffffff06;color:var(--mut);font-weight:600;font-size:13px;cursor:pointer}
.xp-tabs button.on{background:var(--txt);color:#05070d;border-color:transparent;font-weight:700}
.xp-odds{flex:0 0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--line);background:#f5c4510a}
.xp-odds label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--mut)}
.xp-odds input{width:78px;padding:7px 8px;border-radius:10px;border:1px solid var(--line2);background:#ffffff08;font-weight:700;font-size:15px}
.xp-odds span{font-size:11px;color:var(--mut)}
.xp-body{padding:8px 14px 18px}
.xp-lgs{margin:6px 0 10px;display:flex;gap:6px;flex-wrap:wrap}
.xp-note{font-size:12px;color:var(--mut);margin:6px 2px 10px;line-height:1.5}
.xp-search{margin:4px 0 0}
.xp-search input{width:100%;padding:12px 14px 12px 40px;border-radius:12px;border:1px solid var(--line2);background:#ffffff08;font-size:16px;outline:none}
.xp-res{margin-top:6px;border-radius:12px;overflow:hidden}
.xp-res .res{background:#ffffff05}
.xp-res .hs.ph,.xp-pl .ph{width:44px;height:32px;display:grid;place-items:center;border-radius:6px;background:#0005}
.xp-h{margin:14px 2px 8px!important}
.xp-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.xp-g{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;padding:9px 11px;border-radius:12px;border:1px solid var(--line);background:#ffffff06;color:var(--txt);cursor:pointer;transition:all .2s}
.xp-g:hover{border-color:#34e39a77;background:#34e39a0d}
.xp-g.in{border-color:#ff4d6a55}
.xp-g small{color:var(--mut);font-size:10px}
.xp-gt{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14px}
.xp-gt b{margin-left:auto}
.xp-gt .xg-logo{width:20px;height:20px;flex-basis:20px}
.xp-back{background:none;border:0;color:var(--green);font-weight:700;padding:6px 0;cursor:pointer;font-size:13px}
.xp-ghead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#ffffff06;border:1px solid var(--line);margin:4px 0 8px}
.xp-ghead b{display:flex;align-items:center;gap:6px;font-family:var(--disp);font-size:16px}
.xp-ghead>span:not(.xg-st){color:var(--mut)}
.xp-sec{padding:10px 0;border-top:1px solid #ffffff0a}
.xp-sec h4{margin:0 2px 8px!important}
.xp-row{display:flex;gap:8px;flex-wrap:wrap}
.xp-row .btn{flex:1;min-width:100px;padding:10px}
.xp-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.xp-form select,.xp-form input{padding:9px 10px;border-radius:10px;border:1px solid var(--line2);background:#ffffff08;font-weight:600;font-size:15px;color:var(--txt)}
.xp-form select option{background:var(--panel)}
.xp-form input[type=number]{width:86px}
.xp-form #xpDesc{flex:1;min-width:180px}
.xp-plus{color:var(--mut);font-weight:700}
.xp-player{background:#34e39a0a;border:1px solid #34e39a44;border-radius:14px;padding:10px 12px;margin:6px 0}
.xp-pl{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.xp-pl img{width:52px;height:40px;object-fit:cover;object-position:top;border-radius:8px;background:#0005}
.xp-pl small{display:block;color:var(--mut);font-size:12px}
.xp-pf{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line2);background:#ffffff08;font-size:15px;margin-bottom:8px;outline:none}
.xp-squads{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xp-sq h5{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:13px}
.xp-sq h5 .xg-logo{width:18px;height:18px;flex-basis:18px}
.xp-p{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;text-align:left;padding:7px 9px;margin-bottom:4px;border-radius:9px;border:1px solid transparent;background:#ffffff06;color:var(--txt);font-size:13px;cursor:pointer}
.xp-p em{font-style:normal;color:var(--mut);font-size:11px}
.xp-p:hover,.xp-p.on{border-color:#34e39a77;background:#34e39a12}
.xp-p.xp-out{opacity:.55;cursor:not-allowed}
.xp-p.xp-out em{color:#ff8a8a}
.xp-done{display:flex;justify-content:flex-end;padding-top:10px}
@media(max-width:760px){
  .xboard{padding:0 10px}
  .xp-card{max-height:92vh}
  .xp-squads{grid-template-columns:1fr}
  .xsports button{height:32px;padding:0 11px;font-size:12.5px}
}

/* Multi Builder: other-sport mode */
.xm p{color:var(--mut);font-size:13px;margin:0 0 10px;line-height:1.5}
.xm-sp{display:flex;gap:8px;flex-wrap:wrap}
.xm-sp .btn{padding:10px 14px}

/* =================== nav: home + mobile sports =================== */
.nav-tab.mob-only{display:none}
.sp-switch{display:none}
@media(max-width:760px){
  .topnav{grid-template-columns:repeat(4,1fr)}
  .nav-tab.sport{display:none}
  .nav-tab.mob-only{display:flex}
  .sp-switch{display:flex;gap:6px;margin:0 0 12px;align-self:flex-start}
  .sp-switch a{font-size:12px;font-weight:700;padding:6px 11px;border-radius:99px;border:1px solid var(--line2);background:#05070d99;color:#c9d3e3;text-decoration:none}
  .sp-switch a.on{background:var(--green);color:#04140d;border-color:transparent}
}

/* =================== homepage =================== */
.btn.lg{padding:12px 20px;font-size:15px;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center}
.btn.prim.lg{color:#03140c}
.home-hero .pp-banner-in{min-height:400px;padding-top:56px;padding-bottom:40px}
.home-hero::before{background-position:right center}
.hh-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.hh-brand img{filter:drop-shadow(0 8px 24px #34e39a55)}
.hh-brand .wm{font-size:28px}
.hh-title{margin:16px 0 0;font-family:var(--disp);font-weight:700;font-size:68px;line-height:.95;letter-spacing:-.045em}
.hh-title em{font-style:normal;background:linear-gradient(90deg,#5bffb8,#f5c451);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.home-hero p{font-size:17px;max-width:520px;margin-top:14px}
.hh-ctas{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.hh-pulse{display:flex;gap:16px;margin-top:20px;font-size:13px;color:var(--mut);flex-wrap:wrap}
.hl{color:var(--red);font-weight:700}
.home{max-width:1280px;margin:0 auto;padding:0 20px 20px}
.h-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-30px;position:relative;z-index:2}
.hq{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;text-decoration:none;color:var(--txt);background:linear-gradient(165deg,#111a2bee,#0d1320ee);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s var(--ease),border-color .25s}
.hq:hover{transform:translateY(-2px);border-color:#34e39a66}
.hq.big{grid-column:span 2;padding:18px}
.hq .hi{width:34px;height:34px;flex:0 0 34px;padding:7px;border-radius:10px;background:#34e39a14;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hq.big .hi{width:44px;height:44px;flex-basis:44px;padding:9px;background:linear-gradient(135deg,#34e39a26,#f5c45126)}
.hq b{display:block;font-family:var(--disp);font-size:17px;letter-spacing:-.02em}
.hq.big b{font-size:20px}
.hq span{display:block;font-size:12px;color:var(--mut);margin-top:2px;line-height:1.4}
.hq em{margin-left:auto;font-style:normal;color:var(--green);font-size:20px}
.h-sec{margin-top:30px}
.h-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.h-head h2{margin:0;font-family:var(--disp);font-size:24px;letter-spacing:-.03em}
.h-sub{color:var(--mut);font-size:12px}
.h-more{margin-left:auto;font-size:13px;font-weight:700;text-decoration:none}
.h-filt{margin-left:auto;display:flex;gap:6px}
.h-filt button{padding:6px 12px;border-radius:99px;border:1px solid var(--line);color:var(--mut);font-size:12px;cursor:pointer}
.h-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
.hg{flex:0 0 172px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--txt);background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);transition:transform .2s,border-color .2s}
.hg:hover{transform:translateY(-2px);border-color:var(--line2)}
.hg.in{border-color:#ff4d6a66;box-shadow:0 0 0 1px #ff4d6a22}
.hg-top{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:700;gap:6px;white-space:nowrap}
.hg-top>span:last-child{overflow:hidden;text-overflow:ellipsis}
.hg-lg{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c3cddc;background:#ffffff0d;padding:2px 6px;border-radius:6px}
.hg-row{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#c3cddc}
.hg-row b{margin-left:auto;font-family:var(--disp);font-size:16px}
.hg-row.lead{color:var(--txt)}.hg-row.lead b{color:var(--green)}
.hg-logo{width:22px;height:22px;object-fit:contain;flex:0 0 22px;display:inline-block}
.h-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.h-card{background:var(--card),var(--card-solid);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}
.h-card .h-head h2{font-size:20px}
.sp-empty.sm{padding:16px;font-size:13px}
.hi-g{padding:8px 0;border-top:1px solid #ffffff0a}
.hi-g:first-child{border-top:0;padding-top:0}
.hi-gh{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut);margin-bottom:6px}
.hi-gh b{color:var(--txt);font-size:13px}
.hi-gh>span:last-child{margin-left:auto}
.hi-p{display:flex;align-items:center;gap:10px;padding:4px 0}
.hi-p img,.hi-p .ph,.hf img,.hf .ph{width:38px;height:28px;object-fit:cover;object-position:top;border-radius:7px;background:#0005;flex:0 0 38px}
.hi-n{flex:1;min-width:0;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hi-n small{color:var(--mut);font-weight:500;font-size:11px;margin-left:4px}
.hi-more{font-size:11px;color:var(--mut);padding-left:48px}
.hf{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #ffffff0a;text-decoration:none;color:var(--txt)}
.hf:first-child{border-top:0;padding-top:0}
.hf-id{flex:1;min-width:0}
.hf-id b{display:block;font-size:14px}
.hf-id small{display:block;color:var(--mut);font-size:11px;margin:1px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hf .fm-dots i{width:7px;height:12px}
.hf-p{text-align:right}
.hf-p b{display:block;font-family:var(--disp);font-size:18px;color:var(--green)}
.hf-p span{font-size:11px;color:var(--mut)}
.h-mine{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.hm{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--r);text-decoration:none;color:var(--txt);background:var(--card),var(--card-solid);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s,border-color .2s}
.hm:hover{transform:translateY(-2px);border-color:#34e39a66}
.hm.tracker{background:radial-gradient(400px 160px at 100% 0%,#34e39a14,transparent),var(--card-solid)}
.hm-top{display:flex;justify-content:space-between;gap:8px}
.hm-top b{font-family:var(--disp);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-st{display:flex;gap:10px;font-size:12px;font-weight:700;color:#c3cddc;flex-wrap:wrap}
.hm-st .ok{color:var(--green)}.hm-st .bad{color:var(--red)}
.hm-k{display:flex;justify-content:space-between;font-size:12px;color:var(--mut)}
.hm-k b{color:var(--txt);font-size:14px}.hm-k b.g{color:var(--yellow)}
.hm-cta{font-size:12px;color:var(--green);font-weight:700}
.h-empty{grid-column:1/-1;padding:22px;border-radius:var(--r);border:1px dashed var(--line2);background:#ffffff04;display:flex;flex-direction:column;gap:6px}
.h-empty span{color:var(--mut);font-size:13px}
.h-empty div{margin-top:8px;display:flex;gap:8px}
.h-empty .btn{text-decoration:none}
.how{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:how}
.how li{counter-increment:how;position:relative;padding:44px 16px 16px;border-radius:var(--r);background:var(--card),var(--card-solid);border:1px solid var(--line)}
.how li::before{content:counter(how);position:absolute;top:14px;left:16px;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:13px;color:#03140c;background:linear-gradient(135deg,#5bffb8,#f5c451)}
.how b{display:block;font-family:var(--disp);font-size:17px;margin-bottom:4px}
.how span{color:var(--mut);font-size:13px;line-height:1.5}
.h-rg{display:flex;gap:14px;align-items:flex-start;margin-top:30px;padding:16px 18px;border-radius:var(--r);border:1px solid #f5c45133;background:#f5c4510a}
.h-18{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;border:2px solid var(--yellow);color:var(--yellow)}
.h-rg b{font-family:var(--disp);font-size:16px}
.h-rg p{margin:4px 0 0;color:#c3cddc;font-size:13px;line-height:1.55}
@media(max-width:1000px){.h-quick{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .home{padding:0 12px 12px}
  .home-hero .pp-banner-in{min-height:0;padding:28px 16px 48px}
  .hh-brand{margin-bottom:12px}.hh-brand img{width:44px;height:44px}.hh-brand .wm{font-size:23px}
  .hh-title{font-size:46px}
  .home-hero p{font-size:14.5px}
  .btn.lg{padding:11px 16px;font-size:14px}
  .h-quick{gap:8px;margin-top:-26px}
  .hq{padding:11px;gap:9px}.hq.big{padding:13px}
  .hq .hi{width:30px;height:30px;flex-basis:30px;padding:6px}
  .hq.big .hi{width:38px;height:38px;flex-basis:38px}
  .hq b{font-size:15px}.hq.big b{font-size:17px}
  .hq span{font-size:11px}
  .h-cols{grid-template-columns:1fr;gap:12px}
  .h-sec{margin-top:24px}
  .h-head h2{font-size:21px}
  .h-filt{margin-left:0;width:100%;overflow-x:auto}
  .hg{flex-basis:150px}
  .how{grid-template-columns:1fr 1fr;gap:8px}
  .how li{padding:40px 12px 12px}
  .how b{font-size:15px}.how span{font-size:12px}
}

/* ---------- universal search ---------- */
.us-results{max-height:min(460px,70vh)}
.us-chips{position:sticky;top:0;z-index:2;display:flex;gap:6px;padding:8px;overflow-x:auto;background:#0c1220fa;border-bottom:1px solid var(--line);scrollbar-width:none}
.us-chips::-webkit-scrollbar{display:none}
.us-chips button{flex:0 0 auto;border:1px solid var(--line);background:#ffffff08;color:var(--mut);border-radius:999px;padding:5px 11px;font:600 12px var(--body,inherit);cursor:pointer}
.us-chips button.on{background:var(--txt);color:#05070d;border-color:transparent}
.us-results .res .us-id{min-width:0;flex:1}
.us-results .res .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.us-results .res .sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.us-results .res img.tlogo{object-fit:contain;background:#ffffff0d;padding:3px}
.us-results .res .tn{flex:0 0 auto}
.res .tn.ft{color:var(--mut);background:#ffffff10}
.res.empty{cursor:default}
.us-b,.sbadge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;letter-spacing:.02em;padding:1px 7px;border-radius:999px;background:#ffffff12;color:var(--txt);white-space:nowrap}
.s-nba{--sc:#ff8a3d}.s-nfl{--sc:#5ec8ff}.s-soccer{--sc:#34e39a}.s-nrl{--sc:#f5c451}.s-custom,.s-other,.s-afl,.s-tennis,.s-racing{--sc:#a8b3c7}
.us-b[class*=" s-"],.sbadge[class*=" s-"]{background:color-mix(in srgb,var(--sc) 18%,transparent);color:var(--sc)}

/* ---------- Multi Builder: sport-neutral add flow, grouped slip ---------- */
.m-add{background:linear-gradient(180deg,#34e39a0d,#ffffff03),var(--card-solid)}
.m-add-sub{font-size:12px;color:var(--mut)}
.m-search{margin:4px 0 10px}
.m-sports{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.m-spb{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#ffffff06;color:var(--txt);cursor:pointer;text-align:left;transition:all .2s;border-top:2px solid var(--sc)}
.m-spb:hover{background:#ffffff0d;transform:translateY(-1px)}
.m-spb span{font-size:20px;line-height:1}
.m-spb b{font-size:14px;font-weight:700}
.m-spb small{font-size:11px;color:var(--mut);line-height:1.25}
@media (max-width:720px){.m-sports{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.m-spb{align-items:center;text-align:center;padding:9px 4px}.m-spb small{display:none}.m-spb b{font-size:12px}}
.m-group{display:flex;flex-direction:column;gap:10px}
.m-group+.m-group{margin-top:6px}
.m-gh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 4px;font-size:12px;color:var(--mut)}
.m-gh b{color:var(--txt);font-size:13px}
.m-gh em{margin-left:auto;font-style:normal;font-size:11px;color:var(--orange,#ff8a3d)}
.m-leg-s .sbadge{margin-right:6px}
.sp-lgs sup{font-size:9px;margin-left:2px;opacity:.7}
.sp-lim{margin:8px 0 0;font-size:12px;color:var(--mut)}
.sp-note.lim{opacity:.9}
/* ===== v2: minimal home / multi / live (layout only, existing palette) ===== */
.home-hero.v2 .pp-banner-in{min-height:340px}
.home-hero.v2 .hh-title{font-size:60px}
.how2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.how2 li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--r);background:var(--card),var(--card-solid);border:1px solid var(--line)}
.how2 .hi{width:40px;height:40px;flex:0 0 40px;padding:8px;border-radius:12px;background:#34e39a14;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.how2 li{align-items:center}
.how2 b{display:block;font-family:var(--disp);font-size:17px;letter-spacing:-.02em}
.how2 span{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.h-lb{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:center;padding:22px;border-radius:var(--r);border:1px solid var(--line);background:radial-gradient(500px 220px at 100% 0%,#f5c45112,transparent),var(--card-solid)}
.soon{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);border:1px solid #f5c45155;border-radius:99px;padding:3px 10px}
.lb-copy h2{margin:10px 0 0;font-family:var(--disp);font-size:26px;letter-spacing:-.03em}
.lb-copy p{margin:8px 0 0;color:var(--mut);font-size:14px;line-height:1.5;max-width:360px}
.lb-card{position:relative;border:1px dashed var(--line2);border-radius:14px;padding:12px;background:#ffffff04}
.lb-tag{position:absolute;top:-10px;right:12px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--bg);border:1px solid var(--line2);color:var(--mut);padding:2px 8px;border-radius:99px}
.lb-row{display:grid;grid-template-columns:22px 1fr 56px 44px 62px;gap:8px;align-items:center;padding:8px 4px;font-size:13px;border-bottom:1px solid #ffffff0a}
.lb-row span:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.lb-row b{font-weight:700}.lb-row .lb-p{color:var(--green);font-weight:700}
.lb-hd{font-size:10px;font-weight:800;color:var(--mut);letter-spacing:.08em;text-transform:uppercase}
.tier{font-style:normal;font-size:9px;font-weight:800;margin-left:6px;padding:1px 6px;border-radius:99px;border:1px solid var(--line2);color:var(--mut)}
.tier.t-gold{color:var(--yellow);border-color:#f5c45155}
.lb-lock{display:flex;gap:8px;align-items:center;margin-top:10px;padding:10px;border-radius:10px;background:#ffffff06;font-size:13px;color:var(--mut)}
.lb-lock b{margin-left:auto;color:var(--txt);font-size:12px}
.foot p{margin:4px 0}
@media(max-width:1000px){.how2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.home-hero.v2 .pp-banner-in{min-height:300px}.home-hero.v2 .hh-title{font-size:42px}.h-lb{grid-template-columns:1fr;padding:16px}.how2{gap:8px}.how2 li{padding:12px;gap:10px}.how2 .hi{width:34px;height:34px;flex-basis:34px;padding:7px}.how2 b{font-size:15px}.how2 span{font-size:12px}}
@media(max-width:420px){.lb-row{grid-template-columns:18px 1fr 48px 38px 52px;font-size:12px;gap:6px}.tier{display:none}}

/* multi v2 */
.m-step{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--card-solid)}
.m-sh{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--disp);font-size:18px;letter-spacing:-.02em;font-weight:700}
.m-sh i{font-style:normal;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:13px;background:#34e39a1c;color:var(--green)}
.m-sh i:empty{display:none}
.m-sub{margin-left:auto;font-family:var(--body);font-size:12px;color:var(--mut);font-weight:600}
.m-sub em{font-style:normal;color:var(--orange)}
.rec{margin-bottom:12px}
.rec-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.rec-head b{font-size:14px}.rec-head span{font-size:12px;color:var(--mut)}
.rec-f{margin-bottom:8px;flex-wrap:wrap}
.rec-list{display:flex;flex-direction:column;gap:6px}
.rec-r{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#ffffff05}
.rec-r.on{border-color:#34e39a66}
.rec-hs{width:40px;height:30px;flex:0 0 40px;border-radius:8px;object-fit:cover;object-position:top;background:#0004;display:grid;place-items:center;font-size:16px}
.rec-id{min-width:0;flex:1;display:flex;flex-direction:column}
.rec-id b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-line{font-family:var(--disp);font-size:14px;color:var(--green);font-weight:700;letter-spacing:-.01em}
.rec-id small{font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-id small .sbadge{margin-right:6px}
.rec-hr{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.rec-hr b{font-family:var(--disp);font-size:15px}
.rec-hr .fm-dots{gap:2px}.rec-hr .fm-dots i{width:5px;height:10px;border-radius:2px}
.rec-add{width:38px;height:38px;flex:0 0 38px;border-radius:12px;border:0;cursor:pointer;font-size:18px;font-weight:800;background:linear-gradient(180deg,#4af0ab,#22c98a);color:#03140c}
.rec-add:disabled{background:#34e39a22;color:var(--green);cursor:default}
.rec-more{margin-top:8px;width:100%}
.m-sports.xsports{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.m-sports.xsports button{height:32px;font-size:12px}
.m-leg{padding:10px 12px}
.m-leg-top .m-odds{width:78px;flex:0 0 78px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;font-size:16px;font-weight:800;text-align:center;outline:0}
.m-leg-top .m-odds.need{border-color:#ff7a1a88}
.m-leg-top .m-odds:focus{border-color:var(--green)}
.m-leg-top .x{margin-left:0}
.m-oddsro{font-family:var(--disp);font-size:16px}
.m-st{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap;font-size:12px;color:var(--mut)}
.m-st .bar{flex:1 1 80px;margin:0;min-width:60px}
.m-cur{font-family:var(--disp);font-weight:700;color:var(--txt)}
.m-gs{margin-left:auto}
.bar.sm{height:7px}
.m-livebar{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;flex-wrap:wrap}
.m-golive{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none}
.m-livebar b.ok{color:var(--green)}.m-livebar b.bad{color:var(--red)}
.m-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
.m-advt{margin-left:auto;color:var(--mut)}
.m-adv{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.m-adv .m-disc{margin:0;font-size:11px;color:var(--mut)}
.m-empty{padding:18px 8px;text-align:center;color:var(--mut);font-size:13px}

/* live v2 */
.sum-inner.slim h2{font-size:20px;margin:0}
.chips.legend .chip.dim{color:var(--mut)}
.l-multis{max-width:1280px;margin:0 auto;padding:4px 16px 0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.l-multis::-webkit-scrollbar{display:none}
.lm{position:relative;flex:0 0 auto;min-width:130px;max-width:220px;text-align:left;padding:10px 30px 10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card-solid);cursor:pointer;display:flex;flex-direction:column;gap:3px}
button.lm{padding-right:14px}
.lm.on{border-color:#34e39a99;background:#34e39a10}
.lm.lost{border-color:#ff4d6a55}
.lm b{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm span{font-size:11px;color:var(--mut)}.lm em{font-style:normal;color:var(--txt);font-weight:700}
.lm-dots{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}
.lm-dots i.fill{position:static;display:block;width:9px;height:9px;border-radius:50%;background:#ffffff26}
.lm-dots i.fill.f-NOTSTARTED,.lm-dots i.fill.f-MANUAL{background:#ffffff26}
.lm-x{position:absolute;top:6px;right:6px;border:0;background:none;color:var(--mut);cursor:pointer;font-size:12px;padding:2px 4px}
.lm-x:hover{color:var(--red)}
.lboard{max-width:1280px;margin:0 auto;padding:6px 16px 20px;display:flex;flex-direction:column;gap:18px}
.lsec-h{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;font-family:var(--disp);font-size:18px;letter-spacing:-.02em}
.lsec-h small{font-family:var(--body);font-size:12px;color:var(--mut);font-weight:600}
.lt-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card-solid)}
.ltable{width:100%;border-collapse:collapse;font-size:13px}
.ltable th{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.ltable td{text-align:left;padding:9px 10px;border-bottom:1px solid #ffffff0a;vertical-align:middle;white-space:nowrap}
.ltable tr:last-child td{border-bottom:0}
.ltable .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.ltable .dim{color:var(--mut);font-weight:400}
.ltable tr.dead td{opacity:.6}
.ltable tr.hit td.lt-leg b{color:var(--green)}
.lt-leg{position:sticky;left:0;background:var(--card-solid);z-index:1;min-width:190px}
.lt-who{display:flex;gap:9px;align-items:center}
.lt-who>div{display:flex;flex-direction:column;min-width:0}
.lt-who b{font-weight:700;font-size:14px}
.lt-team{font-size:11px;color:var(--mut);font-weight:700}
.lt-hs{width:36px;height:28px;flex:0 0 36px;border-radius:7px;object-fit:cover;object-position:top;background:#0004;display:grid;place-items:center;font-size:15px}
.lt-g{font-size:11px;color:var(--mut)}.lt-g.in{color:var(--red)}
.lt-src{font-size:10px;color:var(--mut);opacity:.8}
.lt-line{font-family:var(--disp);font-weight:700;color:var(--green)}
.lt-prog{min-width:120px}
.lt-pv{display:flex;align-items:baseline;gap:2px}
.lt-pv b{font-family:var(--disp);font-size:15px}.lt-pv small{color:var(--mut)}
.lt-pv .pace{margin-left:auto;font-size:10px}
.lt-prog .bar{margin-top:4px}
.lt-act{text-align:right}
.lt-act .btn{padding:4px 8px;font-size:11px}
.l-empty{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:22px;border:1px dashed var(--line2);border-radius:var(--r)}
.l-empty span{color:var(--mut);font-size:13px}.l-empty .btn{text-decoration:none;margin-top:6px}
.xs-clear{margin-left:auto}
@media(max-width:760px){.lt-leg{min-width:150px}.ltable td,.ltable th{padding:8px}.lt-who b{font-size:13px}.rec-hr .fm-dots{display:none}}
@media(max-width:760px){
  .home-hero.v2 .hh-title{font-size:36px}
  .lboard{padding-left:10px;padding-right:10px}
  .lt-leg{min-width:118px;max-width:132px;white-space:normal!important}
  .lt-hs{display:none}
  .lt-g,.lt-src{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:118px}
  .lt-line{white-space:normal!important;font-size:12px;min-width:62px}
  .lt-prog{min-width:78px}
  .ltable td,.ltable th{padding:7px 6px}
  .ltable .state{font-size:9px;padding:2px 5px}
}
/* auto odds */
.m-mkt{font-size:11px;color:var(--mut);margin-top:2px}
.m-mkt b{color:var(--txt);font-weight:700}
.m-mkt.dim,.m-mkt .dim{opacity:.7}
.mv{font-weight:800}.mv.up{color:var(--green)}.mv.dn{color:var(--red)}
.rec-odds{font-family:var(--disp);font-size:13px;font-weight:700;color:var(--txt);background:#ffffff0d;border-radius:8px;padding:1px 6px}

/* =================== v3: avatars =================== */
.avi>svg{width:58%;height:58%;fill:currentColor;opacity:.85}.avi>.avi-e{font-style:normal;font-size:1.45em;line-height:1;text-transform:none}
.avi{display:inline-grid!important;place-items:center;border-radius:50%!important;background:color-mix(in srgb,var(--ac,#5b7cfa) 22%,#0d1320)!important;color:var(--ac,#c9d3e3);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac,#5b7cfa) 40%,transparent);font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:-.02em;line-height:1;overflow:hidden;flex-shrink:0;text-transform:uppercase;aspect-ratio:1;object-fit:unset}
img.crest,.res .hs.tlogo{object-fit:contain!important;object-position:center!important;padding:2px;background:#ffffff08}
.res .hs.avi{width:32px;height:32px}
.xhs.avi,.rec-hs.avi,.lt-hs.avi,.inj-hs.avi{width:30px;height:30px;flex-basis:30px}
.m-av .m-avi{width:100%;height:100%;object-fit:cover;object-position:top}.m-av .m-avi.avi{width:34px;height:34px;font-size:13px}
.m-av img.crest{object-fit:contain;padding:6px}
.tlogo.avi,.hg-logo.avi,.xg-logo.avi{font-size:9px}
.hsr{border-radius:50%;object-fit:cover;object-position:top;background:#ffffff0d}
.flag{width:16px;height:11px;object-fit:cover;border-radius:2px;margin-right:6px;vertical-align:-1px;box-shadow:0 0 0 1px #ffffff1a}
.ev-sets{font-size:11px;color:var(--mut);font-variant-numeric:tabular-nums;margin-left:auto;margin-right:8px;letter-spacing:.04em}
.sp-limtag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--yellow);border:1px solid #f5c45155;background:#f5c45114;padding:2px 7px;border-radius:99px;vertical-align:1px}
.sp-note.lim{border-color:#f5c45144;background:#f5c4510d}
.s-afl{--sc:#ff6b8b}.s-cricket{--sc:#c3a6ff}.s-tennis{--sc:#d7f25c}.s-mma{--sc:#ff5a4d}.s-mlb{--sc:#4d8dff}.s-nhl{--sc:#8fe3ff}.s-rugby{--sc:#5fd3b0}

/* =================== v3: nav, sports sheet, account button =================== */
#navSports{background:none;cursor:pointer}
#navSports.open{color:var(--txt);background:#ffffff10}
.nav-n{position:absolute;top:3px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-style:normal;font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1}
.acct-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--line2);background:#ffffff08;color:var(--txt);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .2s,background .2s}
.acct-btn:hover{border-color:#34e39a77}
.acct-btn.in{padding:0 12px 0 3px}
.acct-av{width:26px;height:26px;border-radius:50%;object-fit:cover}
.acct-in{max-width:120px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){
  .topnav{grid-template-columns:repeat(5,1fr)}
  .acct-btn{display:none}
  .nav-n{top:4px;right:calc(50% - 22px)}
}

/* =================== v3: account pages =================== */
.acc-wrap{max-width:1080px;margin:0 auto;padding:22px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:16px}
.acc-card{width:min(420px,100%);display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r,16px);background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line);box-shadow:var(--shadow)}
.acc-card.wide{width:min(680px,100%)}
.acc-card h3{margin:0;font-family:var(--disp);font-size:18px;letter-spacing:-.02em}
.acc-card.danger{border-color:#ff4d6a33}
.acc-f{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.acc-f>span{font-size:12px;font-weight:700;color:var(--mut)}
.acc-f input,.acc-f select,.acc-f textarea,.pf-filt select{width:100%;background:#05070d;border:1px solid var(--line2);border-radius:10px;padding:11px 12px;font-size:15px;color:var(--txt);outline:0;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.acc-f textarea{resize:vertical;min-height:120px;line-height:1.5}
.acc-f input:focus,.acc-f select:focus,.acc-f textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #34e39a22}
.acc-row{display:flex;gap:12px}
.acc-card .btn.lg{justify-content:center}
.acc-links{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--mut)}
.acc-links a{text-decoration:none;font-weight:700}
.acc-note{margin:0;font-size:12px;color:var(--mut);text-align:center;line-height:1.5}
.acc-msg{margin:0;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:600;background:#ff4d6a14;border:1px solid #ff4d6a44;color:#ffb3c0}
.acc-msg.ok{background:#34e39a12;border-color:#34e39a44;color:#a9f5d0}
.acc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.acc-done{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px;text-align:center;font-size:15px}.acc-done span{color:var(--mut);font-size:13px}
.acc-tg{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}
.acc-tg input{appearance:none;-webkit-appearance:none;width:38px;height:22px;flex:0 0 38px;border-radius:99px;background:#ffffff1a;position:relative;cursor:pointer;transition:background .2s;margin:0}
.acc-tg input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.acc-tg input:checked{background:var(--green)}.acc-tg input:checked::after{transform:translateX(16px)}
.acc-tg span{display:flex;flex-direction:column}.acc-tg small{color:var(--mut);font-size:12px}
.acc-tg.sm{font-size:13px;padding:3px 0}
.dim{color:var(--mut);font-style:normal;font-weight:500}
.set-av{display:flex;align-items:center;gap:14px}.set-av>div{display:flex;gap:8px;flex-wrap:wrap}
.set-av label.btn{cursor:pointer}
.btn.danger{border-color:#ff4d6a66;color:#ffb3c0}
@media(max-width:600px){.acc-row{flex-direction:column}.acc-card{padding:16px}.acc-wrap{padding:16px 12px 30px}}

/* profile */
.pf{align-items:stretch}
.pf-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px;border-radius:var(--r,16px);background:radial-gradient(600px 200px at 0% 0%,#34e39a14,transparent),linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line)}
.pf-id{display:flex;align-items:center;gap:16px;min-width:0}
.pf-id h2{margin:0;font-family:var(--disp);font-size:28px;letter-spacing:-.03em}
.pf-id p{margin:3px 0 0;color:var(--mut);font-size:13px}
.pf-fol b{color:var(--txt);margin-right:3px}.pf-fol b+b{margin-left:10px}
.pf-av{width:72px;height:72px;flex:0 0 72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--green),0 10px 30px -10px #34e39a88}
.pf-av.avi{font-size:26px}
.pf-act{display:flex;gap:8px}.pf-act .btn{text-decoration:none;color:var(--txt)}
.pf-tiles{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.pf-t{padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;min-width:0}
.pf-t span{font-size:11px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pf-sub{font-size:11px;color:var(--mut);margin-top:-2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-t b{font-family:var(--disp);font-size:20px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up{color:var(--green)}.dn{color:var(--red)}
.pf-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.pf-strip>span{font-size:11px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pf-strip small{margin-left:auto;color:var(--mut);font-size:12px}
.wl{display:flex;gap:4px}.wl em{color:var(--mut);font-size:13px}
.wl i{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800}
.wl i.w{background:#34e39a22;color:var(--green)}.wl i.l{background:#ff4d6a22;color:var(--red)}
.pf-charts{display:grid;grid-template-columns:3fr 2fr;gap:10px}
.pf-c{padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);min-width:0}
.pf-c h4{margin:0 0 10px;font-size:13px;color:var(--mut);font-weight:700}
.pf-svg{width:100%;height:160px;display:block}.pf-svg .z{stroke:#ffffff22;stroke-dasharray:4 4}
.pf-ax{display:flex;justify-content:space-between;font-size:11px;color:var(--mut);margin-top:6px}.pf-ax b{font-size:14px}
.pf-none{padding:40px 10px;text-align:center;color:var(--mut);font-size:13px}
.pf-bars{display:flex;flex-direction:column;gap:10px}
.pf-bar{display:grid;grid-template-columns:110px 1fr 40px 36px;align-items:center;gap:8px;font-size:13px}
.pf-bar .bar{margin:0;height:8px}.pf-bar .fill{background:var(--sc)}.pf-bar b{text-align:right}.pf-bar small{color:var(--mut)}
.pf-hh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.pf-hh h3{margin:0;font-family:var(--disp);font-size:20px;letter-spacing:-.02em}
.pf-filt{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pf-filt select{width:auto;padding:6px 10px;font-size:12px;border-radius:99px}
.pf-rows{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pf-r{display:grid;grid-template-columns:58px 1fr 80px 90px 74px;align-items:center;gap:10px;padding:11px 14px;background:var(--panel);font-size:13px}
.pf-r+.pf-r{border-top:1px solid var(--line)}
.pf-r.click{cursor:pointer}.pf-r.click:hover{background:var(--panel2)}
.pf-d{color:var(--mut);font-size:12px}
.pf-n{display:flex;flex-direction:column;min-width:0}.pf-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-n small{color:var(--mut);font-size:11px}
.pf-s,.pf-pl{text-align:right;font-variant-numeric:tabular-nums}.pf-pl{font-weight:700}
.pf-r .m-res{justify-self:end}
@media(max-width:900px){.pf-tiles{grid-template-columns:repeat(4,1fr)}.pf-charts{grid-template-columns:1fr}}
@media(max-width:600px){.pf-tiles{grid-template-columns:repeat(2,1fr)}.pf-t:last-child{grid-column:span 2}.pf-id h2{font-size:22px}.pf-av{width:58px;height:58px;flex-basis:58px}
  .pf-r{grid-template-columns:1fr auto auto;gap:4px 10px}.pf-d{display:none}.pf-s{display:none}.pf-filt{margin-left:0}.pf-act{width:100%}.pf-act .btn{flex:1;text-align:center}}

/* multi: locked + result */
.m-res{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:#ffffff12;color:var(--mut);white-space:nowrap}
.m-res.r-won{background:#34e39a22;color:var(--green)}.m-res.r-lost{background:#ff4d6a22;color:var(--red)}.m-res.r-void{background:#f5c45122;color:var(--yellow)}.m-res.r-lock{background:#5b7cfa22;color:#a9b9ff}
.m-locked{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#5b7cfa12;border:1px solid #5b7cfa44;font-size:20px}
.m-locked div{display:flex;flex-direction:column;font-size:14px}.m-locked span{font-size:12px;color:var(--mut)}
.m-locked .btn{margin-left:auto;font-size:13px}

/* form: in form */
.hot{margin-bottom:18px}
.hot-h{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.hot-h h3{margin:0;font-family:var(--disp);font-size:20px;letter-spacing:-.02em}.hot-h span{color:var(--mut);font-size:12px}
.hot-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.hot-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line);min-width:0;transition:border-color .2s}
.hot-i:hover{border-color:var(--line2)}
.hot-r{width:18px;flex:0 0 18px;text-align:center;font-family:var(--disp);font-weight:700;color:var(--mut);font-size:13px}
.hot-i:nth-child(-n+3) .hot-r{color:var(--yellow)}
.hot-av{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;object-position:top;background:#ffffff0a}
.hot-av.avi{font-size:14px}
.hot-m{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.hot-m b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-m small{font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-m .fm-dots i{width:6px;height:10px;border-radius:2px}
.hot-i .band{margin-left:0}
.hot-add{width:36px;height:36px;flex:0 0 36px;padding:0;border-radius:50%;font-size:18px;display:grid;place-items:center;color:var(--green);border-color:#34e39a55}
.hot-add:hover{background:#34e39a1a}.hot-add:disabled{opacity:1;background:var(--green);color:#03140c}
.fm-av.avi{width:54px;height:54px;flex:0 0 54px;font-size:20px}
@media(max-width:760px){.hot-list{grid-template-columns:1fr}}

/* nav right: live pill (only when something is live) */
a.live-pill{text-decoration:none;animation:lpulse 2.4s ease-in-out infinite}
a.live-pill:hover{border-color:#ff4d6a77}
@keyframes lpulse{50%{box-shadow:0 0 0 4px #ff4d6a12}}

/* =================== v4: Multi builder (minimal) =================== */
.mm-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mm-name{flex:1;min-width:0;background:none;border:0;border-bottom:1px dashed transparent;font-family:var(--disp);font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--txt);padding:2px 0;outline:0}
.mm-name:hover,.mm-name:focus{border-bottom-color:var(--line2)}
.mm-ctl{display:flex;align-items:center;gap:6px}
.mm-ctl select{height:34px;max-width:160px;background:#ffffff08;border:1px solid var(--line);border-radius:99px;padding:0 10px;font-size:12.5px;font-weight:600;color:var(--txt);outline:0}
.mm-ic{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#ffffff08;color:var(--mut);cursor:pointer;transition:color .2s,border-color .2s,background .2s;padding:0}
.mm-ic svg,.mm-x svg,.mm-pill svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mm-ic:hover{color:var(--txt);border-color:var(--line2)}.mm-ic.danger:hover{color:var(--red);border-color:#ff4d6a66}
.mm-pick,.mm-slip{padding:16px;border-radius:18px;background:linear-gradient(165deg,#111a2bcc,#0d1320cc);border:1px solid var(--line)}
.mm-slip{margin-top:14px}
.mm-filt{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 12px;padding:0 16px 2px;mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent)}
.mm-filt::-webkit-scrollbar{display:none}
.mm-filt button{flex:0 0 auto;height:32px;padding:0 13px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--mut);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}
.mm-filt button:hover{color:var(--txt);border-color:var(--line2)}
.mm-filt button.on{background:var(--txt);color:#05070d;border-color:var(--txt)}
.mm-filt button.nr{opacity:.55}.mm-filt button.cu{border-style:dashed}
.mm-pick .m-search{margin:0 0 14px}
.mm-h{display:flex;align-items:baseline;gap:8px;margin:2px 2px 6px}.mm-h b{font-size:14px}.mm-h span{font-size:11.5px;color:var(--mut)}
.mm-list{display:flex;flex-direction:column}
.mm-r{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #ffffff0b;transition:background .2s}
.mm-r:last-child{border-bottom:0}
.mm-r:hover{background:#ffffff05}
.mm-hs{width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:cover;object-position:top;background:#ffffff0d}
.mm-hs.crest{border-radius:10px}
.mm-hs.emo{display:grid;place-items:center;font-size:18px}
.mm-hs.avi{font-size:13px}
.mm-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mm-id b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-id b em{font-style:normal;color:var(--green);font-weight:700;margin-left:2px}
.mm-id small{font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-hr{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}
.mm-hr b{font-size:12px;font-weight:700;color:#c9d3e3;font-variant-numeric:tabular-nums}
.mm-hr .fm-dots{gap:2px}.mm-hr .fm-dots i{width:4px;height:9px;border-radius:2px}
.mm-pill{flex:0 0 auto;min-width:68px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 12px;border-radius:99px;border:1px solid #34e39a55;background:#34e39a14;color:var(--green);font-family:var(--disp);font-size:15px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;cursor:pointer;transition:all .2s var(--ease)}
.mm-pill:hover:not(:disabled){background:var(--green);color:#03140c;transform:translateY(-1px)}
.mm-pill.np{color:var(--mut);border-color:var(--line2);background:transparent}
.mm-pill.on{background:transparent;border-color:var(--line);color:var(--mut);cursor:default}
.mm-pill.on svg{width:14px;height:14px;color:var(--green)}
.mm-pill.sm{min-width:62px;height:30px;font-size:14px;padding:0 10px}
.mm-pill.sm.np{font-family:var(--body);font-size:11px;font-weight:600}
.mm-pill:disabled{cursor:default}
.mm-more{display:block;margin:8px auto 0;background:none;border:0;color:var(--mut);font-size:12.5px;font-weight:600;cursor:pointer}.mm-more:hover{color:var(--txt)}
.mm-browse{display:block;width:100%;margin-top:10px;padding:10px;border-radius:12px;border:1px dashed var(--line2);background:transparent;color:var(--mut);font-size:13px;font-weight:600;cursor:pointer}.mm-browse:hover{color:var(--green);border-color:#34e39a66}
.mm-sh{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-family:var(--disp);font-size:18px;font-weight:700;letter-spacing:-.02em}
.mm-sh .m-sub{font-family:var(--body);font-size:12px;font-weight:500;color:var(--mut)}
.mm-sh .m-res{margin-left:auto}
.mm-slip .m-group{gap:0}
.mm-slip .m-group+.m-group{margin-top:10px}
.mm-slip .m-gh{padding:8px 2px 2px;font-size:11.5px}
.mm-slip .m-gh .sbadge{display:none}
.mm-leg.m-leg{background:none;border:0;border-bottom:1px solid #ffffff0b;border-radius:0;padding:10px 2px;box-shadow:none!important;transform:none!important}
.mm-leg.m-leg::before{display:none}
.mm-leg.HIT .mm-id b{color:var(--green)}.mm-leg.MISS{opacity:.6}
.mm-lt{display:flex;align-items:center;gap:12px}
.mm-pr{display:flex;flex-direction:column;align-items:flex-end}
.mm-bk{color:var(--mut);font-size:11px}.mm-bk .nau{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--yellow);border:1px solid #f5c45144;border-radius:4px;padding:0 4px;margin-left:2px}
.mm-bk .mv{font-weight:700}.mm-bk .mv.up{color:var(--green)}.mm-bk .mv.dn{color:var(--red)}
.mm-oin{width:76px;height:30px;border-radius:99px;border:1px solid var(--green);background:#05070d;color:var(--txt);text-align:center;font-family:var(--disp);font-size:14px;font-weight:700;outline:0}
.mm-x{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--mut);cursor:pointer;padding:0}
.mm-x:hover{color:var(--red);background:#ff4d6a14}.mm-x svg{width:14px;height:14px}
.mm-leg .m-st{margin:6px 0 0 52px}
.mm-tot{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.mm-tot>*{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:#ffffff06}
.mm-tot span{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.mm-tot b{font-family:var(--disp);font-size:26px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.mm-ret{background:linear-gradient(135deg,#34e39a1f,#34e39a08)!important;box-shadow:inset 0 0 0 1px #34e39a33}.mm-ret b{color:var(--green)}
.mm-stake .m-money{font-family:var(--disp);font-size:26px;font-weight:700;display:flex;align-items:center}
.mm-stake input{width:100%;background:none;border:0;outline:0;font:inherit;color:var(--txt);padding:0}
.mm-unp{margin:8px 2px 0;font-size:12px;color:var(--mut)}
.mm-slip .m-livebar{margin-top:12px}
.mm-slip .m-actions{margin-top:12px}
@media(max-width:600px){
  .mm-name{font-size:20px}.mm-ctl select{max-width:110px}
  .mm-pick,.mm-slip{padding:12px;border-radius:16px}.mm-filt{margin:0 -12px 10px;padding:0 12px 2px}
  .mm-r{gap:10px}.mm-hs{width:36px;height:36px;flex-basis:36px}.mm-hr .fm-dots{display:none}.mm-pill{min-width:62px;height:34px;font-size:14px;padding:0 10px}
  .mm-tot{grid-template-columns:1fr 1fr}.mm-ret{grid-column:span 2}.mm-tot b,.mm-stake .m-money{font-size:22px}
  .mm-leg .m-st{margin-left:0}
}

/* =================== v4: Live board — more air, sharper tables =================== */
.lboard{gap:30px;padding-top:14px;padding-bottom:32px}
.lsec-h{margin:0 2px 12px;font-size:19px}
.lt-wrap{border-radius:16px;border-color:var(--line);background:linear-gradient(180deg,#0f1625,#0b111c);box-shadow:0 1px 0 #ffffff0a inset;scrollbar-width:thin}
.ltable{font-size:13.5px;overflow:visible!important}
.ltable th{padding:12px 12px;font-size:10px;font-weight:700;letter-spacing:.09em;color:#7f8ca3;background:#ffffff04}
.ltable td{padding:13px 12px;border-bottom:1px solid #ffffff09}
.ltable tbody tr{transition:background .15s}
.ltable tbody tr:hover td{background:#ffffff04}
.ltable .num{min-width:40px;font-weight:600;color:#dfe6f1}
.ltable th.num{color:#7f8ca3}
.ltable .gs{border-left:1px solid #ffffff0d}
.ltable tr.lt-grp th{padding:8px 12px 0;border-bottom:0;font-size:9.5px;color:#5f6b80;background:#ffffff04}
.ltable tr.lt-grp th.num{text-align:left;border-left:1px solid #ffffff0d}
.ltable td.hl{color:var(--green);font-weight:800;background:#34e39a0d!important;box-shadow:inset 0 2px 0 #34e39a55}
.lt-leg{background:#0d1320;box-shadow:1px 0 0 #ffffff0d}
.ltable tbody tr:hover td.lt-leg{background:#111a2b}
.lt-who{gap:11px}.lt-who>div{gap:2px}
.lt-hs{width:38px;height:38px;flex-basis:38px;border-radius:50%}
.lt-prog{min-width:132px}
.lt-pv b{font-size:16px}
.sum-inner.slim{padding-top:14px;padding-bottom:14px}
#lmultis{gap:10px}
@media(max-width:760px){
  .lboard{gap:24px}
  .ltable td{padding:11px 9px}.ltable th{padding:10px 9px}
  .lt-leg{min-width:150px;max-width:170px}
}
.ltable th.lt-leg{background:#0e1522;z-index:2}
img[src^="/img/flags/"]{object-fit:contain;border-radius:2px}

/* =================== v4: Pulse+ / pricing / how it works =================== */
:root{--gold:#f5c451;--gold2:#ffdf8a}
.nav-tab.nav-plus{color:var(--gold)}
.nav-tab.nav-plus .ni{stroke:var(--gold)}
.nav-tab.nav-plus.on,.nav-tab.nav-plus:hover{background:#f5c45114;color:var(--gold2)}
.plus-chip{display:none;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:99px;border:1px solid #f5c45155;background:#f5c45112;color:var(--gold);font-size:12px;font-weight:800;text-decoration:none}
.plus-chip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
@media(max-width:760px){.nav-tab.nav-plus{display:none}.plus-chip{display:inline-flex}}
.crown{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;vertical-align:-.12em}
.plus-lock{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;border-radius:99px;border:1px solid #f5c45140;background:#f5c4510d;color:var(--gold);font-size:9.5px;font-weight:800;letter-spacing:.04em;vertical-align:middle;white-space:nowrap}
.plus-lock .crown{width:10px;height:10px}
.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1d1500;border-color:transparent;font-weight:800}
.btn.gold:hover{filter:brightness(1.06)}
.btn.gold .crown{stroke:#1d1500}
.pl{max-width:1040px;margin:0 auto;padding:40px 16px 56px}
.pl-hero{text-align:center;padding:12px 0 30px}
.pl-eye{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:5px 12px;border-radius:99px;border:1px solid #f5c45140;background:#f5c4510d}
.hw .pl-eye{color:var(--green);border-color:#34e39a40;background:#34e39a0d}
.pl-hero h1{font-family:var(--disp);font-size:clamp(32px,5vw,52px);letter-spacing:-.03em;margin:16px 0 8px;line-height:1.05}
.pl-hero p{color:var(--mut);margin:0 0 22px;font-size:16px}
.pl-tog{display:inline-flex;padding:4px;border-radius:99px;border:1px solid var(--line);background:var(--card-solid)}
.pl-tog button{border:0;background:none;color:var(--mut);font:inherit;font-weight:700;font-size:13px;padding:8px 18px;border-radius:99px;cursor:pointer}
.pl-tog button.on{background:#ffffff12;color:var(--txt)}
.pl-tog em{font-style:normal;color:var(--gold);font-size:11px;margin-left:4px}
.pl-cards{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;align-items:start}
.pl-card{position:relative;border:1px solid var(--line);border-radius:20px;background:var(--card-solid);padding:26px 24px}
.pl-card.plus{border-color:#f5c45166;background:radial-gradient(120% 80% at 100% 0%,#f5c45116,transparent 60%),var(--card-solid);box-shadow:0 20px 60px -30px #f5c45155}
.pl-card h3{margin:0 0 12px;font-family:var(--disp);font-size:20px;display:flex;align-items:center;gap:7px}
.pl-card.plus h3{color:var(--gold)}
.pl-price{display:flex;align-items:baseline;gap:4px}.pl-price b{font-family:var(--disp);font-size:40px;letter-spacing:-.03em}.pl-price span{color:var(--mut);font-size:14px}
.pl-card small{display:block;color:var(--mut);font-size:12.5px;margin:2px 0 18px}
.pl-card ul{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}
.pl-card li{position:relative;padding-left:24px;font-size:14px;line-height:1.4}
.pl-card li::before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-weight:800}
.pl-card.plus li::before{color:var(--gold)}
.pl-card .btn{width:100%;display:flex;justify-content:center;text-align:center}
.pl-badge{position:absolute;top:18px;right:18px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid #f5c45155;border-radius:99px;padding:3px 9px}
.pl-wait{display:flex;gap:8px;flex-wrap:wrap}
.pl-wait input[type=email]{flex:1 1 200px;min-width:0;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:#05070d;color:var(--txt);font:inherit}
.pl-wait input[type=email]:focus{outline:none;border-color:var(--gold)}
.pl-wait .btn{height:44px;width:auto;flex:0 0 auto}
.pl-msg{flex-basis:100%;margin:2px 0 0;font-size:12.5px;color:var(--red)}
.pl-done{display:flex;flex-direction:column;gap:2px;font-size:14px}.pl-done span{color:var(--mut);font-size:13px}
.pl-sec{margin-top:56px}
.pl-sec h2{font-family:var(--disp);font-size:24px;letter-spacing:-.02em;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.pl-tbl{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card-solid)}
.pl-tr{display:grid;grid-template-columns:1.1fr 1fr 1.3fr;gap:12px;padding:13px 18px;border-top:1px solid #ffffff09;font-size:13.5px;align-items:center}
.pl-tr:first-child{border-top:0}
.pl-tr>span:first-child{color:#c9d3e3;font-weight:600}
.pl-tr>span:nth-child(2){color:var(--mut)}
.pl-tr>span:nth-child(3){color:var(--txt);font-weight:600}
.pl-th{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);background:#ffffff04}
.pl-th span:nth-child(3){color:var(--gold)}
.pc-y{font-style:normal;color:var(--gold);font-weight:800}.pc-n{font-style:normal;color:#ffffff33}
.pl-faq{display:flex;flex-direction:column;gap:8px}
.pl-faq details{border:1px solid var(--line);border-radius:14px;background:var(--card-solid);padding:0 18px}
.pl-faq summary{cursor:pointer;padding:15px 0;font-weight:700;font-size:14.5px;list-style:none;display:flex;justify-content:space-between}
.pl-faq summary::after{content:'+';color:var(--mut);font-weight:400;font-size:18px;line-height:1}
.pl-faq details[open] summary::after{content:'–'}
.pl-faq p{margin:0 0 16px;color:var(--mut);font-size:14px;line-height:1.55}
.pl-end{text-align:center;max-width:520px;margin-left:auto;margin-right:auto}
.pl-end h2{justify-content:center}.pl-end p{color:var(--mut);margin:-6px 0 16px}
.pl-end .hh-ctas{justify-content:center}
.hw-steps{display:flex;align-items:stretch;gap:10px}
.hw-step{flex:1;border:1px solid var(--line);border-radius:18px;background:var(--card-solid);padding:22px 18px}
.hw-step svg{width:30px;height:30px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.hw-step h3{margin:12px 0 6px;font-family:var(--disp);font-size:18px}
.hw-step p{margin:0;color:var(--mut);font-size:13.5px;line-height:1.5}
.hw-arr{align-self:center;color:#ffffff30;font-size:18px}
.hw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.hw-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hw-c{border:1px solid var(--line);border-radius:16px;background:var(--card-solid);padding:18px 20px}
.hw-c b{font-size:15px}.hw-c p{margin:6px 0 0;color:var(--mut);font-size:13.5px;line-height:1.55}
.pl-sec .soon{font-family:var(--body);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid #f5c45155;border-radius:99px;padding:3px 8px}
@media(max-width:760px){
  .pl{padding:24px 14px 40px}
  .pl-cards,.hw-grid,.hw-two{grid-template-columns:1fr}
  .hw-steps{flex-direction:column}.hw-arr{transform:rotate(90deg);margin:-4px 0}
  .pl-tr{grid-template-columns:1fr .8fr 1.2fr;padding:12px 14px;font-size:12.5px;gap:8px}
  .pl-sec{margin-top:40px}
}
.pf-csv{margin-left:10px;font-size:11px;padding:3px 8px;opacity:.85;cursor:default}

/* =================== v4: homepage extras =================== */
.hh-how{align-self:center;margin-left:6px;color:#c9d3e3;font-weight:700;font-size:14px;text-decoration:none}
.hh-how:hover{color:var(--green)}
@keyframes tk{to{transform:translateX(-50%)}}
.h-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}
.h-stats:empty{display:none}
.hs-i{background:var(--card-solid);padding:20px 22px;display:flex;flex-direction:column;gap:4px}
.hs-i b{font-family:var(--disp);font-size:34px;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,var(--green),var(--ice));-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-i span{font-size:12.5px;color:var(--mut);font-weight:600}
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .tk-track{animation:none}.tk-run+.tk-run{display:none}.h-tick{overflow-x:auto}
}
@media(max-width:760px){
  .hs-i{padding:16px 14px}.hs-i b{font-size:26px}.hs-i span{font-size:11.5px;line-height:1.3}
  .hh-how{flex-basis:100%;margin:6px 0 0}
}
/* Pulse+ hub */
.px .pl-hero{padding-bottom:18px}.px .pl-hero p a{color:var(--gold)}
.px-sec{margin-top:26px;border:1px solid var(--line);border-radius:18px;background:var(--card-solid);padding:20px 20px 16px}
.px-sec h2{font-family:var(--disp);font-size:20px;letter-spacing:-.02em;margin:0 0 14px}.px-sec h2 small{font-family:var(--body);font-size:12px;color:var(--mut);font-weight:600;margin-left:6px}
.px-bf{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.px-bf>span{color:var(--mut);padding-bottom:12px}
.px-bf label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.px-bf input{width:120px;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:#05070d;color:var(--txt);font-weight:700}.px-bf input:focus{outline:none;border-color:var(--gold)}.px-bf .btn{height:42px}
.px-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}
.px-sum div{padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.px-sum span{font-size:11px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.px-sum b{font-family:var(--disp);font-size:22px;color:var(--gold)}
.px-note{color:var(--mut);font-size:12.5px;margin:6px 0}
.px-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.px-act small{color:var(--mut);font-size:12px}
.px .mm-r .btn.sm{flex:0 0 auto}
.px-sp{padding:4px 0 12px 52px}
.px-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.px-chip{padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:1px}
.px-chip span{font-size:10.5px;color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.px-chip b{font-family:var(--disp);font-size:18px}.px-chip small{font-size:11px;color:var(--mut)}
.px-chip.hi b{color:var(--green)}.px-chip.lo b{color:var(--red)}
.px-mv>div,.px-by>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid #ffffff0b;font-size:13.5px}
.px-mv>div:last-child,.px-by>div:last-child{border-bottom:0}.px-mv small{display:block;color:var(--mut);font-size:11.5px}.px-mv b{white-space:nowrap}
.px-by{margin-top:12px}.px-by span{flex:1}.px-by small{color:var(--mut)}
.px .pf-tiles{grid-template-columns:repeat(6,1fr)}
.px-soon{display:flex;flex-wrap:wrap;gap:10px 28px;padding:16px 20px}.px-soon div{display:flex;align-items:center;gap:10px;font-size:14px}
.px-tease{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.px-tc{position:relative;border:1px solid #f5c45133;border-radius:18px;padding:20px 18px 16px;background:radial-gradient(120% 80% at 100% 0%,#f5c4510d,transparent 60%),var(--card-solid);overflow:hidden}
.px-tc b{display:block;font-family:var(--disp);font-size:17px;margin:0 0 6px}.px-tc p{margin:0 0 14px;color:var(--mut);font-size:13px;line-height:1.45}
.px-lk{position:absolute;top:16px;right:16px;width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:2}
.px-blur{display:flex;flex-direction:column;gap:6px;filter:blur(3px);opacity:.5}.px-blur i{display:block;height:9px;border-radius:9px;background:linear-gradient(90deg,#ffffff26,#ffffff0a)}.px-blur i:nth-child(2){width:70%}.px-blur i:nth-child(3){width:45%;background:linear-gradient(90deg,#f5c45155,#f5c45111)}
.pl-peek{display:block;text-align:center;margin-top:12px;font-size:13px;color:var(--gold);text-decoration:none}
.mm-oa{display:block;color:var(--mut);font-size:11px;margin-top:2px}.mm-oa b{color:var(--txt);font-weight:700}
.acc-card.own .seg{display:inline-flex}.acc-card.own h3{color:var(--gold)}
.px .hh-ctas{justify-content:center}
@media(max-width:720px){.px-sec{padding:16px 14px 12px}.px .pf-tiles{grid-template-columns:repeat(3,1fr)}.px-sum b{font-size:18px}.px-sp{padding-left:0}.px-bf input{width:100px}}
.px-tc b{padding-right:22px}.px .hh-ctas .btn{gap:6px}

/* v7 ticker: theme colours, one clean status per game */
.h-tick{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#070b14;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.h-tick:empty{display:none}
.tk-track{display:flex;width:max-content;animation:tk var(--dur,60s) linear infinite;will-change:transform}
.h-tick:hover .tk-track,.h-tick:focus-within .tk-track{animation-play-state:paused}
.tk-run{display:flex;align-items:center;flex:0 0 auto}
.tk-i{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-right:1px solid #ffffff0d;font-size:13.5px;color:var(--mut);text-decoration:none;white-space:nowrap;transition:background .2s}
.tk-i:hover{background:#ffffff06}
.tk-lgn{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6b7891}
.tk-t{display:inline-flex;align-items:center;gap:7px}
.tk-n{font-weight:700;color:#c9d3e3;letter-spacing:.01em}
.tk-t b{font-family:var(--disp);font-size:15px;font-weight:700;color:#c9d3e3;font-variant-numeric:tabular-nums;min-width:10px;text-align:center}
.tk-t.lead .tk-n,.tk-t.lead b{color:#fff}
.tk-lg{width:20px;height:20px;flex:0 0 20px;border-radius:50%;object-fit:contain;background:#ffffff0d}
.tk-lg.crest{border-radius:4px;background:none}.tk-lg.avi{display:inline-grid;place-items:center;font-size:8.5px;font-weight:800;color:#c9d3e3}
.tk-v{color:#4b566a;font-size:12px}
.tk-s{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:99px;background:#ffffff08;border:1px solid #ffffff12;font-size:11.5px;font-weight:700;color:var(--mut);font-variant-numeric:tabular-nums}
.tk-i.in .tk-s{color:var(--green);background:#34e39a12;border-color:#34e39a40}
.tk-i.post .tk-s{color:#c9d3e3}
.tk-i.pre .tk-s{color:var(--ice);background:#5ec8ff0d;border-color:#5ec8ff33}
.tk-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:tkp 1.6s ease-in-out infinite}
@keyframes tkp{50%{opacity:.35}}
@media (prefers-reduced-motion: reduce){.tk-track{animation:none}.tk-run+.tk-run{display:none}.h-tick{overflow-x:auto}.tk-dot{animation:none}}
@media(max-width:720px){.tk-i{height:44px;padding:0 16px;gap:8px;font-size:13px}.tk-lgn{display:none}}
/* v7 home sections */
.h-more{margin-left:auto;font-size:13px;font-weight:700;color:var(--mut);text-decoration:none}.h-more:hover{color:var(--green)}
.how3,.why3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.how3 li,.why3>div{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:var(--r);background:var(--card),var(--card-solid);border:1px solid var(--line)}
.how3 .hi,.why3 .hi{width:40px;height:40px;padding:8px;border-radius:12px;background:#34e39a14;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.how3 li:nth-child(3) .hi{background:#f5c45114;stroke:var(--gold)}
.how3 b,.why3 b{font-family:var(--disp);font-size:18px;letter-spacing:-.02em}
.how3 span,.why3 span{color:var(--mut);font-size:14px;line-height:1.5}
.why3>div{background:none;border-color:#ffffff0d}
.lb-cats{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.lb-cats span{padding:6px 12px;border-radius:99px;border:1px solid #f5c45140;background:#f5c4510a;color:var(--gold);font-size:12.5px;font-weight:700}
.lb-prize{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;border-radius:10px;background:#f5c4510a;border:1px solid #f5c45126;font-size:13px;color:var(--mut)}
.lb-prize .hi{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round}.lb-prize b{margin-left:auto;color:var(--gold);font-size:12px}
.tiers3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.t3{position:relative;display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:var(--r);border:1px solid var(--line);background:var(--card-solid);color:var(--txt);text-decoration:none;transition:transform .2s,border-color .2s}
.t3:hover{transform:translateY(-2px);border-color:var(--line2)}
.t3 span{font-family:var(--disp);font-weight:700;font-size:16px}.t3 b{font-family:var(--disp);font-size:30px;letter-spacing:-.03em}.t3 b small{font-size:13px;color:var(--mut);font-weight:600;margin-left:2px}.t3 p{margin:0;color:var(--mut);font-size:13.5px}
.t3-plus span{color:var(--gold)}
.t3-pro{border-color:transparent;background:linear-gradient(var(--card-solid),var(--card-solid)) padding-box,linear-gradient(135deg,#f5c451,#34e39a 60%,#5ec8ff) border-box;border:1px solid transparent;box-shadow:0 18px 50px -28px #f5c45166}
.t3-pro span{background:linear-gradient(90deg,#ffdf8a,#34e39a);-webkit-background-clip:text;background-clip:text;color:transparent}
.t3-b{position:absolute;top:16px;right:16px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d1500;background:linear-gradient(135deg,var(--gold2),var(--gold));padding:3px 8px;border-radius:99px}
@media(max-width:760px){.how3,.why3,.tiers3{grid-template-columns:1fr;gap:12px}.how3 li,.why3>div,.t3{padding:16px}.why3>div{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:12px}.why3 .hi{margin:0}.why3 span{flex-basis:100%}}
/* v7 plans: three tiers, Pro is the quiet standout */
.pl-cards.c3{grid-template-columns:repeat(3,1fr);align-items:stretch}
.pl-cards.c3 .pl-card{display:flex;flex-direction:column}.pl-cards.c3 .pl-card ul{flex:1}
.pl-card.t-plus h3{color:var(--gold)}.pl-card.t-plus li::before{color:var(--gold)}
.pl-card.t-pro{border:1px solid transparent;background:radial-gradient(120% 70% at 100% 0%,#f5c45114,transparent 60%) padding-box,linear-gradient(var(--card-solid),var(--card-solid)) padding-box,linear-gradient(150deg,#f5c451,#34e39a 55%,#5ec8ff) border-box;box-shadow:0 24px 70px -34px #f5c45188}
.pl-card.t-pro h3{color:var(--gold2,#ffdf8a)}.pl-card.t-pro li::before{color:var(--gold)}
.pl-badge.pro{color:#1d1500;background:linear-gradient(135deg,var(--gold2,#ffdf8a),var(--gold));border-color:transparent}
.pc-s{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid #f5c45140;border-radius:99px;padding:1px 6px;vertical-align:2px}
.pl-card li.soon-li{color:var(--mut)}.pl-card li.soon-li::before{content:'○';color:#4b566a}
.pl-inc{display:flex;justify-content:center;align-items:center;height:48px;border-radius:14px;border:1px dashed var(--line2);color:var(--mut);font-size:13px;font-weight:700}
.btn.gold.ghosty{background:#f5c4510f;color:var(--gold);border:1px solid #f5c45166;box-shadow:none}
.pl-wbox#plW{max-width:520px;margin:20px auto 0;text-align:center}.pl-wbox#plW p{color:var(--mut);font-size:14px;margin:0 0 10px}
.pl-tbl.t3c .pl-tr{grid-template-columns:1.3fr 1fr 1fr 1.15fr}
.pl-tbl.t3c .pl-tr>span:nth-child(3){color:var(--txt);font-weight:600}.pl-tbl.t3c .pl-tr>span:nth-child(4){color:var(--txt);font-weight:700}
.pl-th .th-plus{color:var(--gold)!important}.pl-th .th-pro{color:var(--gold2,#ffdf8a)!important}
.pl-eye.pro{background:linear-gradient(135deg,#f5c4511a,#34e39a14);border-color:#f5c45166}
.hw-note{color:var(--mut);font-size:13.5px;margin:12px 0 0}.hw-note a{color:var(--gold);font-weight:700;text-decoration:none}
.lbp-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lbp .pl-eye{color:var(--gold)}
.lbp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.lbp-c{border:1px solid var(--line);border-radius:18px;background:var(--card-solid);padding:24px;display:flex;flex-direction:column;gap:8px}
.lbp-h{display:flex;align-items:center;justify-content:space-between}.lbp-h b{font-family:var(--disp);font-size:19px}
.lbp-c>p{margin:0;color:var(--mut);font-size:13.5px}
.lbp-rows{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.lbp-rows div{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-radius:10px;background:#ffffff05}
.lbp-rows span{width:16px;font-weight:800;color:var(--gold);font-size:13px}.lbp-rows div:nth-child(n+2) span{color:var(--mut)}
.lbp-rows i{flex:1;height:8px;border-radius:99px;background:#ffffff0f}.lbp-rows em{width:36px;height:8px;border-radius:99px;background:#34e39a33}
.lbp-pz{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:10px;background:#f5c4510a;border:1px solid #f5c45126;font-size:13px;color:var(--mut)}.lbp-pz b{color:var(--gold);font-size:12px}
.px-q{margin-left:4px;align-self:center;font-size:12px;font-weight:700;color:var(--mut)}.px-q.pro{color:var(--gold)}
.px-deeps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.px-deep{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;border:1px solid #f5c45126;background:#f5c45106}
.px-dh{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}.px-dh em{font-style:normal;color:var(--gold);margin-left:4px}
.px-deep>div{display:grid;grid-template-columns:1fr auto auto 16px;gap:8px;align-items:center;font-size:13px}
.px-deep>div span{color:#c9d3e3}.px-deep>div b{font-variant-numeric:tabular-nums}.px-deep>div small{color:var(--mut);font-size:11.5px}
.px-deep .up{color:var(--green)}.px-deep .dn{color:var(--red)}.px-deep i{font-style:normal;font-size:10px;color:var(--mut)}
.pf-pro{display:inline-block;vertical-align:4px;margin-left:6px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d1500;background:linear-gradient(135deg,var(--gold2,#ffdf8a),var(--gold));padding:2px 8px;border-radius:99px}
@media(max-width:900px){.pl-cards.c3,.lbp-grid,.lbp-cats{grid-template-columns:1fr}.px-deeps{grid-template-columns:1fr}
  .pl-tbl.t3c .pl-tr{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:8px;padding:12px;font-size:12px}}

/* ===== v8 · shared ===== */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sel{position:relative;display:inline-flex;align-items:center}
.sel select{appearance:none;-webkit-appearance:none;height:40px;padding:0 36px 0 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--txt);font-size:14px;font-weight:600;cursor:pointer;outline:0;max-width:100%;transition:border-color .2s}
.sel select:hover,.sel select:focus-visible{border-color:var(--line2)}
.sel select option{background:#0d1320;color:var(--txt)}
.sel::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;margin-top:-5px;border:solid var(--mut);border-width:0 1.6px 1.6px 0;transform:rotate(45deg);pointer-events:none}
.ovf{position:relative}
.ovf-b{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--mut);cursor:pointer;transition:color .2s,border-color .2s}
.ovf-b:hover,.ovf-b[aria-expanded=true]{color:var(--txt);border-color:var(--line2)}
.ovf-b svg{width:18px;height:18px;fill:currentColor}
.ovf-m{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:208px;padding:8px;border-radius:16px;background:#111a2bf7;border:1px solid #ffffff14;box-shadow:0 24px 48px -16px #000c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;animation:ovfIn .16s ease-out}
@keyframes ovfIn{from{opacity:0;transform:translateY(-4px)}}
.ovf-m button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--txt);font-size:14px;font-weight:500;cursor:pointer}
.ovf-m button:hover:not(:disabled),.ovf-m button:focus-visible{background:#ffffff0d;outline:0}
.ovf-m button:disabled{color:var(--mut);opacity:.5;cursor:default}
.ovf-m button.danger{color:#ff8a9c;border:0}
.ovf-m button.danger:hover{background:#ff4d6a14}

/* ===== v8 · Live ===== */
.lv{max-width:1280px;margin:0 auto;padding:24px 16px 32px;display:flex;flex-direction:column;gap:16px}
.lv .lboard,.lv .picker{padding:0;margin:0;max-width:none}
.lv-head{display:flex;align-items:center;gap:16px;position:static;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;padding:0}
.lv-ring{position:relative;width:64px;height:64px;flex:0 0 64px}
.lv-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.lv-ring circle{fill:none;stroke-width:6}
.lv-ring .tr{stroke:#ffffff10}
.lv-ring .pr{stroke:var(--green);stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.lv-ring.k-behind .pr{stroke:var(--orange)}.lv-ring.k-lost .pr{stroke:var(--red)}
.lv-ring>span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--disp);font-size:20px;font-weight:700;letter-spacing:-.03em}
.lv-ring>span small{font-size:12px;color:var(--mut);font-weight:600}
.lv-ring>span{display:flex;align-items:center;justify-content:center}
.lv-ring>span small{align-self:center;margin-top:3px}
.lv-sum{min-width:0;display:flex;flex-direction:column;gap:8px}
.lv-line{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:15px;color:var(--mut)}
.lv-line b{font-family:var(--disp);font-size:24px;font-weight:700;letter-spacing:-.03em;color:var(--txt)}
.lv-line span::before{content:"·";margin-right:8px;color:#ffffff30}
.lv-line.k-won b{color:var(--green)}.lv-line.k-lost b{color:var(--red)}
.lv-leg{margin:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--mut)}
.lv-leg span{display:inline-flex;align-items:center;gap:6px}
.lv-leg span.z{opacity:.45}
.lv-leg i{width:8px;height:8px;border-radius:50%;background:var(--mut)}
.lv-leg .d-HIT{background:var(--green)}.lv-leg .d-ONPACE{background:var(--ice)}.lv-leg .d-BEHIND{background:var(--orange)}.lv-leg .d-DEAD{background:var(--red)}
.lv-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lv-seg{min-width:0;overflow-x:auto;scrollbar-width:none;border-radius:12px;padding:4px;gap:2px}
.lv-seg::-webkit-scrollbar{display:none}
.lv-seg button{flex:0 0 auto;height:32px;padding:0 12px;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.lv-seg button em{font-style:normal;font-size:11px;font-weight:600;opacity:.6;font-variant-numeric:tabular-nums}
.lv-seg button.lost:not(.on){color:#ff8a9c}
.lv-acts{margin-left:auto;display:flex;align-items:center;gap:8px}
.lv-add{height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:12px}
.lv-add svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.lv-add[aria-expanded=true]{filter:brightness(.92)}
.lv-find{display:flex;gap:8px;align-items:center;animation:ovfIn .16s ease-out}
.lv-find .search-wrap{flex:1 1 320px}
.lv-h{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.lv-gsec{display:block}
.lv-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:8px}
.lv-games .g{min-width:0;margin:0;padding:12px;border:0;border-radius:16px;background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff0d;outline:0;display:flex;flex-direction:column;gap:6px;transition:background .2s}
.lv-games .g[data-g]{cursor:pointer}.lv-games .g[data-g]:hover{background:#ffffff0b}
.lv-games .g.in{box-shadow:inset 0 0 0 1px #34e39a40}
.lv-games .g.post{opacity:.7}
.lv-games .g .row{font-weight:600;font-size:14px;gap:8px}
.lv-games .g .row img,.lv-games .g .nl{width:20px;height:20px;flex:0 0 20px}
.lv-games .g .nl{border-radius:50%;background:#ffffff10}
.lv-games .g .row .sc{font-size:16px;color:var(--mut)}
.lv-games .g .row.lead .sc{color:var(--txt)}
.lv-games .g .st{margin:2px 0 0;justify-content:flex-start;align-items:center;gap:6px;font-size:12px}
.lv-games .g.in .st{color:var(--green)}
.lv-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 #34e39a88;animation:lvP 1.6s infinite}
@keyframes lvP{70%{box-shadow:0 0 0 6px #34e39a00}100%{box-shadow:0 0 0 0 #34e39a00}}
.lsec-d{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sc,var(--mut));flex:0 0 8px;align-self:center}
.lv .lboard{gap:24px}
.lv .lsec-h{margin:0 0 8px;font-size:16px;align-items:center;gap:8px}
.lv-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 16px;text-align:center;color:var(--mut);border-radius:16px;background:#ffffff04}
.lv-empty b{display:block;color:var(--txt);font-family:var(--disp);font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}
.xp-sel{margin-bottom:8px}.xp-sel select{width:100%}
@media(max-width:760px){
  .lv{padding:16px 12px 24px;gap:16px}
  .lv-head{gap:12px}
  .lv-ring{width:56px;height:56px;flex-basis:56px}.lv-ring>span{font-size:18px}
  .lv-line b{font-size:20px}
  .lv-leg{gap:4px 12px}
  .lv-bar{flex-wrap:nowrap}
  .lv-seg{flex:1 1 auto}
  .lv-add{padding:0 12px}
  .lv-games{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lv-find{flex-wrap:wrap}.lv-find .sel,.lv-find .sel select{width:100%}
}
@media(prefers-reduced-motion:reduce){.lv-dot{animation:none}.ovf-m,.lv-find{animation:none}}

/* ===== v8 · Multi builder ===== */
.mb{max-width:1180px;margin:0 auto;padding:24px 16px 40px;display:grid;grid-template-columns:minmax(0,1fr) 384px;gap:24px;align-items:start}
.mb.ro{grid-template-columns:minmax(0,560px);justify-content:center}
.mb .m-shared{grid-column:1/-1}
.mb-t{margin:0 0 16px;font-family:var(--disp);font-size:28px;font-weight:700;letter-spacing:-.03em}
.mb-tools{display:flex;gap:8px;margin-bottom:24px}
.mb-sport select{min-width:180px}
.mb-search{flex:1 1 auto;min-width:0}
.mb-search input{height:40px}
.mb-lh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px}
.mb-lh b{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.mb-lh span{font-size:12px;color:var(--mut)}
.mb-list{display:flex;flex-direction:column}
.mr{display:grid;grid-template-columns:40px minmax(0,1fr) 96px 80px;align-items:center;gap:16px;padding:12px 8px;border-radius:14px;transition:background .2s}
.mr+.mr{box-shadow:0 -1px 0 #ffffff08}
.mr:hover{background:#ffffff05}
.mr .mm-hs{width:40px;height:40px}
.mr-id{min-width:0;display:flex;flex-direction:column;gap:2px}
.mr-id b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-id span{font-size:13px;color:#c9d3e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-id small{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-hr{display:flex;flex-direction:column;gap:6px}
.mr-hr b{font-size:12px;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums}
.mr-hr i{display:block;height:4px;border-radius:99px;background:#ffffff10;overflow:hidden}
.mr-hr s{display:block;height:100%;border-radius:inherit;background:var(--ice)}
.mr-hr.hi s{background:var(--green)}.mr-hr.hi b{color:var(--txt)}
.mr-add{height:40px;border-radius:99px;border:0;background:#34e39a1a;box-shadow:inset 0 0 0 1px #34e39a40;color:var(--green);font-family:var(--disp);font-size:15px;font-weight:700;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s,transform .12s}
.mr-add svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mr-add:hover:not(:disabled){background:var(--green);color:#03140c}
.mr-add:active:not(:disabled){transform:scale(.96)}
.mr-add.np{background:#ffffff08;box-shadow:inset 0 0 0 1px var(--line);color:var(--mut)}
.mr-add.on{background:var(--green);box-shadow:none;color:#03140c;cursor:default}
.mr.on .mr-id b{color:var(--green)}
.mb-more,.mb-browse{display:block;margin:8px auto 0;background:none;border:0;color:var(--mut);font-size:13px;font-weight:600;cursor:pointer;padding:8px}
.mb-more:hover,.mb-browse:hover{color:var(--txt)}
.mb-none{padding:32px 8px;text-align:center;color:var(--mut);font-size:14px}
.mb-lock{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:16px;background:#ffffff06}
.mb-lock div{display:flex;flex-direction:column;gap:4px}.mb-lock span{font-size:13px;color:var(--mut)}
.mb-slip{position:sticky;top:calc(var(--stick,64px) + 16px);display:flex;flex-direction:column;border-radius:20px;background:linear-gradient(180deg,#111a2b,#0d1320);box-shadow:0 0 0 1px #ffffff0d,0 24px 48px -24px #000a;overflow:visible}
.mb-sh{display:flex;align-items:center;gap:8px;padding:16px 16px 8px}
.mb-mp{flex:1 1 auto;min-width:0}.mb-mp select{width:100%;border:0;background:none;padding-left:0;font-family:var(--disp);font-size:18px;font-weight:700;letter-spacing:-.02em;text-overflow:ellipsis}
.mb-mp::after{right:14px}
.mb-name{flex:1;font-family:var(--disp);font-size:18px}
.mb-res{flex:0 0 auto;font-size:11px;font-weight:600;padding:4px 8px;border-radius:99px;background:#ffffff0d;color:var(--mut);white-space:nowrap}
.mb-res.r-won{background:#34e39a1f;color:var(--green)}.mb-res.r-lost{background:#ff4d6a1f;color:#ff8a9c}
.mb-legs{padding:0 16px;max-height:min(52vh,520px);overflow-y:auto;scrollbar-width:thin}
.mb-legs .m-group{gap:0}
.mb-legs .m-group+.m-group{margin-top:8px}
.mb-legs .m-gh{padding:8px 0 0;font-size:12px;gap:8px}
.mb-legs .m-gh b{font-size:12px;font-weight:600}
.mb-legs .m-gh em{color:var(--mut);font-size:11px}
.mb-legs .mm-leg.m-leg{padding:12px 0}
.mb-legs .mm-leg:last-child{border-bottom:0}
.mb-legs .mm-hs{width:32px;height:32px;flex-basis:32px}
.mb-legs .mm-leg .m-st{margin-left:44px}
.mb-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:32px 8px;text-align:center}
.mb-empty b{font-size:15px}.mb-empty span{font-size:13px;color:var(--mut)}
.mb .m-adv{margin:8px 16px 0;padding:16px 0 0;border-top:1px solid #ffffff0d}
.mb-sum{margin-top:8px;padding:16px;border-top:1px solid #ffffff0d;display:flex;flex-direction:column;gap:12px}
.mb-tot{display:grid;grid-template-columns:auto auto 1fr 1fr;gap:16px;align-items:end}
.mb-tot>*{display:flex;flex-direction:column;gap:4px;min-width:0}
.mb-tot span{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.mb-tot b{font-family:var(--disp);font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}
.mb-stake .m-money{display:flex;align-items:center;height:30px;padding:0 8px;border-radius:10px;background:#ffffff0a;font-family:var(--disp);font-size:16px;font-weight:700;color:var(--mut)}
.mb-stake .m-money:focus-within{box-shadow:inset 0 0 0 1px var(--green)}
.mb-stake input{width:100%;min-width:0;background:none;border:0;outline:0;font:inherit;color:var(--txt);padding:0 0 0 2px}
.mb-ret{text-align:right;align-items:flex-end}.mb-ret b{color:var(--green)}
.mb-unp{margin:-4px 0 0;font-size:12px;color:var(--mut)}
.mb-sum .btn.lg{width:100%;justify-content:center;height:48px;gap:8px}
.mb-sum .btn.prim:disabled{opacity:.4;filter:grayscale(.4);box-shadow:none;cursor:default}
.mb-go{color:var(--txt)}
@media(max-width:900px){
  .mb{grid-template-columns:minmax(0,1fr);padding:16px 12px calc(184px + env(safe-area-inset-bottom));gap:24px}
  .mb.ro{padding-bottom:40px}
  .mb-t{font-size:24px}
  .mb-tools{flex-direction:column}
  .mb-sport,.mb-sport select{width:100%}
  .mr{grid-template-columns:40px minmax(0,1fr) 72px;gap:12px;padding:12px 4px}
  .mr-hr{grid-column:2;grid-row:2;flex-direction:row;align-items:center;gap:8px;margin-top:-6px}
  .mr-hr i{flex:0 0 72px}
  .mr .mm-hs{grid-row:1/3}
  .mr-add{grid-column:3;grid-row:1/3}
  .mb-slip{position:static}
  .mb-legs{max-height:none}
  .mb.has .mb-sum{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:40;margin:0;padding:12px 16px;gap:8px;background:#0d1320f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #ffffff14;border-radius:20px 20px 0 0;box-shadow:0 -16px 32px -16px #000c}
  .mb-tot{gap:12px}.mb-tot b{font-size:18px}
  .mb-sum .btn.lg{height:44px}
}

/* ===== v10 · Sports menu ===== */
.nav-car{width:14px;height:14px;margin-left:-2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:transform .2s}
#navSports.open .nav-car{transform:rotate(180deg);opacity:1}
.spsheet{position:fixed;inset:0;z-index:55}
.spsheet::before{content:"";position:fixed;left:0;right:0;bottom:0;top:var(--top,64px);background:#05070d73;opacity:0;transition:opacity .2s}
.spsheet.in::before{opacity:1}
.spsheet-card{position:fixed;width:680px;max-width:calc(100vw - 24px);border-radius:16px;background:#0d1320;border:1px solid #ffffff14;box-shadow:0 40px 80px -32px #000,0 12px 32px -16px #000c;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.spsheet-card::before{content:"";position:absolute;top:-6px;left:calc(var(--cx,48px) - 6px);width:11px;height:11px;background:#0d1320;border:solid #ffffff14;border-width:1px 0 0 1px;transform:rotate(45deg);border-radius:2px 0 0 0}
.spsheet.in .spsheet-card{opacity:1;transform:none}
.spm-top{display:none}
.spm{display:grid;grid-template-columns:304px minmax(0,1fr);min-height:420px;position:relative}
.spm-list{padding:8px;display:flex;flex-direction:column;gap:2px;max-height:min(70vh,560px);overflow-y:auto;scrollbar-width:none}
.spm-h{margin:0;padding:12px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.spm-r{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:10px;text-decoration:none;color:var(--txt);outline:0;transition:background .15s}
.spm-r:hover,.spm-r.pv{background:#ffffff09}
.spm-r:focus-visible{background:#ffffff0d;box-shadow:inset 0 0 0 1px #34e39a66}
.spm-ic{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ffffff08;color:#c9d3e3;transition:color .15s,background .15s}
.spm-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.spm-r:hover .spm-ic,.spm-r.pv .spm-ic,.spm-r:focus-visible .spm-ic{color:#fff;background:#ffffff12}
.spm-n{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}
.spm-fav{width:5px;height:5px;border-radius:50%;background:var(--yellow)}
.spm-live{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:99px;background:#34e39a17;color:var(--green);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}
.spm-live i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:lvP 1.6s infinite}
.spm-next{font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}
.spm-off{font-size:11.5px;color:#8a97ab99}
.spm-r.s-off .spm-n{color:#c9d3e3aa}.spm-r.s-off .spm-ic{color:#8a97ab}
.spm-pv{padding:20px;border-left:1px solid #ffffff0d;background:linear-gradient(180deg,#ffffff05,transparent 60%);border-radius:0 16px 16px 0;display:flex;flex-direction:column;min-width:0}
.spm-ph{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.spm-ph b{display:block;font-family:var(--disp);font-size:20px;font-weight:700;letter-spacing:-.02em}
.spm-ph small{display:block;font-size:12px;color:var(--mut);margin-top:2px}
.spm-ic.lg{width:44px;height:44px;border-radius:12px;color:#fff;background:#ffffff0d}
.spm-ic.lg svg{width:24px;height:24px}
.spm-pv .spm-h{padding:12px 0 6px}
.spm-gl{display:flex;flex-direction:column}
.spm-g{display:flex;flex-direction:column;gap:5px;padding:10px 12px;margin:0 -12px;border-radius:10px;text-decoration:none;color:var(--txt);transition:background .15s}
.spm-g:hover{background:#ffffff07}
.spm-g+.spm-g{margin-top:2px}
.spm-gt{display:flex;align-items:center;gap:8px;min-width:0}
.spm-gt .spm-av,.spm-gt .nl{width:18px;height:18px;flex:0 0 18px;border-radius:50%;object-fit:cover;object-position:top;background:#ffffff10}
.spm-gt img.spm-av.crest{border-radius:3px;padding:0;background:none;object-fit:contain}
.spm-gt .spm-av.avi{font-size:7.5px;letter-spacing:0}
.spm-gt b{flex:1;font-size:13px;font-weight:500;color:#c9d3e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spm-g:hover .spm-gt b{color:#fff}
.spm-gt em{font-style:normal;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.spm-gs{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:26px}
.spm-gs i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--green)}
.spm-empty{margin:4px 0 0;font-size:13px;color:var(--mut)}
.spm-ql{margin-top:auto;padding-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.spm-ql a{height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:99px;background:#ffffff08;color:#c9d3e3;font-size:12.5px;font-weight:500;text-decoration:none;outline:0;transition:background .15s,color .15s}
.spm-ql a:hover,.spm-ql a:focus-visible{background:#ffffff14;color:#fff}
.spsheet-card.v-b{width:560px}
.v-b .spm{grid-template-columns:1fr;min-height:0}
.v-b .spm-pv{display:none}
.v-b .spm-list{display:grid;grid-template-columns:1fr 1fr;column-gap:4px;max-height:none}
.v-b .spm-h{grid-column:1/-1}
body.spm-lock{overflow:hidden}
@media(max-width:760px){
  .nav-car{display:none}
  .spsheet::before{top:0;background:#05070dcc}
  .spsheet-card{left:0!important;right:0;top:calc(env(safe-area-inset-top) + 12px)!important;bottom:0;width:auto;max-width:none;border-radius:20px 20px 0 0;border-width:1px 0 0;display:flex;flex-direction:column;opacity:1;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  .spsheet-card::before{display:none}
  .spsheet.in .spsheet-card{transform:none}
  .spm-top{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 24px}
  .spm-top b{font-family:var(--disp);font-size:22px;font-weight:700;letter-spacing:-.02em}
  .spm-x{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff0d;color:var(--txt);cursor:pointer}
  .spm-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .spm{grid-template-columns:1fr;min-height:0;flex:1;overflow:hidden}
  .spm-pv{display:none}
  .spm-list{max-height:none;height:100%;padding:0 12px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}
  .spm-r{height:56px;grid-template-columns:36px minmax(0,1fr) auto}
  .spm-ic{width:36px;height:36px;border-radius:10px}.spm-ic svg{width:20px;height:20px}
  .spm-n{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.spsheet::before,.spsheet-card{transition:none}.spm-live i{animation:none}}
/* guest nav */
.acct-login{height:32px;display:inline-flex;align-items:center;padding:0 8px;color:#c9d3e3;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}
.acct-login:hover{color:#fff}
.btn.acct-sign{height:32px;display:inline-flex;align-items:center;padding:0 14px;border-radius:99px;font-size:13px;text-decoration:none}
@media(max-width:760px){.acct-login{display:none}.btn.acct-sign{height:30px;padding:0 12px;font-size:12.5px}}
.mb .mb-search{margin:0}
.mb-search input,.lv-find #search{height:40px;padding:0 14px 0 40px;border-radius:12px;font-size:15px}
.lsec-d{margin-right:8px}
.lv-add{box-shadow:none}
@media(min-width:761px){
  .lv{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:24px}
  .lv>*{grid-column:1/-1}
  .lv>.lv-head{grid-column:1}
  .lv>.lv-bar{grid-column:2;grid-row:1;align-self:center;flex-wrap:nowrap;max-width:min(720px,60vw)}
}
@media(max-width:760px){.lv-seg[hidden]+.lv-acts{flex:1}.lv-seg[hidden]+.lv-acts .lv-add{flex:1;justify-content:center}}
.btn.prim.lv-add{background:#34e39a17;color:var(--green);box-shadow:inset 0 0 0 1px #34e39a40}.btn.prim.lv-add:hover{background:#34e39a26;filter:none}
/* v10 · home waitlist band */
.h-wl{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;border-radius:20px;background:linear-gradient(135deg,#f5c45112,#34e39a0a 60%,transparent),#0d1320;box-shadow:inset 0 0 0 1px #f5c45126}
.h-wl h2{margin:0;font-family:var(--disp);font-size:24px;font-weight:700;letter-spacing:-.02em}
.h-wl p{margin:4px 0 0;color:var(--mut);font-size:14px}
.h-wl .pl-wait{flex:0 1 440px}
.h-wl .pl-done{flex:0 1 440px}
.h-wl.in{box-shadow:inset 0 0 0 1px #f5c45166}
@media(max-width:760px){
  .h-wl{flex-direction:column;align-items:stretch;gap:16px;padding:24px 16px}
  .h-wl h2{font-size:22px}
  .h-wl .pl-wait{flex:none}
  .h-wl .pl-wait .btn{flex:1 1 100%}
}

@media(max-width:760px){body.guest .plus-chip{font-size:0;gap:0;width:30px;padding:0;justify-content:center}.btn.acct-sign{white-space:nowrap}}

/* v10b · image fallbacks */
.h4-lg{width:18px;height:18px;vertical-align:middle;object-fit:contain}.h4-lg.avi{display:inline-grid;font-size:7.5px}
td.pl .opp-lg{width:20px;height:20px;object-fit:contain;border-radius:0}td.pl .opp-lg.avi{font-size:7.5px;border-radius:50%}
.g .row .gl.avi{width:22px;height:22px;flex:0 0 22px;font-size:8px}.lv-games .g .row .gl{width:20px;height:20px;flex:0 0 20px}
.xp-pl .xp-hs.avi{width:40px;height:40px;font-size:13px}
.xp-res .hs.avi{width:32px;height:32px}
/* v10b · live colour = theme green */
.nav-n{background:var(--green);color:#03140a;box-shadow:0 0 0 2px var(--bg)}
.live-pill{background:#34e39a12;border-color:#34e39a40}
.live-dot{background:var(--green);animation:pingG 1.4s infinite}
@keyframes pingG{0%{box-shadow:0 0 0 0 #34e39a99}100%{box-shadow:0 0 0 8px #34e39a00}}
#liveLabel{color:var(--green)}
a.live-pill{animation:lpulseG 2.4s ease-in-out infinite}a.live-pill:hover{border-color:#34e39a80}
@keyframes lpulseG{50%{box-shadow:0 0 0 4px #34e39a12}}
.live-dot.off{background:var(--mut);animation:none}
@media(prefers-reduced-motion:reduce){.live-dot,a.live-pill{animation:none}}

/* v11: auth gate + import modal */
.pp-modal{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:18px;background:#05070dcc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:pmIn .16s ease-out}
.pm-card{position:relative;width:min(380px,100%);background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:26px 22px 20px;text-align:center;box-shadow:0 24px 60px #000a}
.pm-card h2{margin:12px 0 6px;font-family:var(--disp);font-size:21px;letter-spacing:-.01em}
.pm-card p{margin:0 0 18px;color:var(--mut);font-size:14px;line-height:1.45}
.pm-ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#34e39a1a;border:1px solid #34e39a40}
.pm-ico svg{width:22px;height:22px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pm-acts{display:grid;gap:8px}.pm-acts .btn{width:100%;justify-content:center;text-decoration:none}
.pm-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--mut);font-size:15px;cursor:pointer}
.pm-x:hover,.pm-x:focus-visible{color:var(--txt);border-color:var(--line)}
body.pm-open{overflow:hidden}
@keyframes pmIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.pp-modal{animation:none}}
.mb-hint{margin:8px 0 0;text-align:center;font-size:12px;color:var(--mut)}
/* v12: billing */
.plan-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.plan-row>div{display:flex;flex-direction:column;gap:3px}.plan-row b{font-family:var(--disp);font-size:18px}.plan-row span{color:var(--mut);font-size:13px}
.pl-fine{text-align:center;color:var(--mut);font-size:12px;margin:10px 0 0}
.pl-fines{display:flex;flex-direction:column;gap:4px;margin-top:10px}.pl-fines .pl-fine{margin:0;line-height:1.45;text-wrap:balance}.pl-fine a{color:var(--mut);text-decoration:underline;text-underline-offset:2px}.pl-fine a:hover{color:var(--txt)}
.pl-jw{margin-top:12px}.pl-jump{border:0;background:none;color:var(--mut);font:inherit;font-size:13px;font-weight:600;padding:6px 8px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.pl-jump:hover{color:var(--gold)}
/* v12 AI builder v2 */
.seg.bv{display:inline-flex;margin:14px 0 2px}
.seg.bv button:disabled{opacity:.35;cursor:default}
.mm-why{color:#b7c2d4!important;font-style:normal}
.mm-cf{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--txt);border:2px solid var(--line2)}
.mm-cf.hi{border-color:#34e39a99;color:var(--green)}.mm-cf.lo{border-color:#ff9f4399;color:var(--orange)}
.mm-sw{min-width:36px;height:36px;padding:0}.mm-sw.on{background:#ffffff14}
.mm-alts{margin:0 0 6px 18px;padding-left:12px;border-left:2px solid var(--line2)}
.mm-alts .mm-r{padding:8px 4px}
.mm-pill.sm{min-width:58px;height:32px;font-size:13px}
button.mm-pill{cursor:pointer}
.px-sum b.up{color:var(--green)}
.bt{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.bt-h{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.bt>small{color:var(--mut);font-size:12.5px}
.bt-s{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.bt-s div{display:flex;flex-direction:column;gap:2px}.bt-s b{font-family:var(--disp);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.bt-s span{font-size:11px;color:var(--mut)}
.bt-r{border-bottom:1px solid #ffffff0b}.bt-r:last-child{border-bottom:0}
.bt-b{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:6px 0;margin:0;background:none;border:0;border-radius:6px;color:inherit;font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.bt-b:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.bt-b>span:first-child{flex:1;min-width:0;color:#c9d3e3}
.bt-dt{font-weight:inherit}.bt-b .was{font-size:11px}
@media(max-width:360px){.bt-b{gap:8px}.bt-dt{display:block}.bt-sep{display:none}.bt-b .was{display:none}}
@media(max-width:300px){.bt-adj{display:none}}
.bt-chev{flex:0 0 auto;width:7px;height:7px;margin:0 3px 3px 0;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:transform .2s}
.bt-r.open .bt-chev{transform:rotate(225deg);margin:3px 3px 0 0}
@media(prefers-reduced-motion:reduce){.bt-chev{transition:none}}
.bt-l small{display:flex;gap:3px}.bt-l small i{width:6px;height:12px;border-radius:2px;background:#ffffff1f}.bt-l small i.up{background:var(--green)}.bt-l small i.dn{background:var(--red)}
.bt-l small i.vd{background:transparent;box-shadow:inset 0 0 0 1px #8a96ab}
.bt-legs{margin:0 0 8px;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:var(--mut);line-height:1.35}.bt-legs[hidden]{display:none}
.bt-legs em{font-style:normal;white-space:nowrap}.bt-legs em::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px;background:#ffffff33}
.bt-legs em.up::before{background:var(--green)}.bt-legs em.dn::before{background:var(--red)}.bt-legs em.vd::before{background:transparent;box-shadow:inset 0 0 0 1px #8a96ab}
.m-res.r-pending{background:#5b7cfa22;color:var(--purple)}
#pxBuild .px-sum{grid-template-columns:repeat(4,1fr)}
@media(max-width:720px){#pxBuild .px-sum{grid-template-columns:repeat(2,1fr)}#pxBuild .mm-hr{display:none}#pxBuild .mm-r{gap:8px}#pxBuild .mm-sw{min-width:32px;height:32px}#pxBuild .mm-cf{width:30px;height:30px;font-size:12px}#pxBuild .mm-why{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mm-alts{margin-left:6px;padding-left:8px}.bt-s b{font-size:16px}}
.acc-push{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.acc-push small{font-size:12.5px;line-height:1.4}.wp-on{color:var(--green);font-size:13px;font-weight:700}
/* ---- v13 members area: record strip, tabs, leaderboard, badges, builder controls + results ---- */
.px-top{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.px-who h1{margin:10px 0 0;font-family:var(--disp);font-size:34px;letter-spacing:-.035em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.px-who p{margin:6px 0 0;color:var(--mut);font-size:13px}.px-who p a{color:var(--gold)}
.rs{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line)}
.rs>div{display:flex;flex-direction:column;gap:3px;padding:14px 16px;background:var(--card-solid)}
.rs span{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.rs b{font-family:var(--disp);font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}
.rs b.up{color:var(--green)}.rs b.dn{color:var(--orange)}
.rs small{font-size:11px;color:var(--mut);min-height:14px}
.rs-load b{background:#ffffff0a;border-radius:6px;width:60%}
.px-tabs{display:flex;gap:4px;margin:22px 0 0;padding:4px;border:1px solid var(--line);border-radius:14px;background:#ffffff05;overflow-x:auto;scrollbar-width:none}
.px-tabs::-webkit-scrollbar{display:none}
.px-tabs a{flex:1 0 auto;text-align:center;padding:9px 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--mut);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.px-tabs a:hover{color:var(--txt)}.px-tabs a.on{background:var(--txt);color:#05070d;font-weight:700}
.px-pane{margin-top:12px}
.pro-b{font-style:normal;display:inline-block;margin-left:6px;padding:1px 6px;border-radius:5px;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1d1500;background:linear-gradient(135deg,var(--gold2),var(--gold));vertical-align:2px}
.px-al{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#f5c4510a;border:1px solid #f5c45126}
.px-al>div{flex:1;display:flex;flex-direction:column;gap:3px}.px-al small{color:var(--mut);font-size:12.5px}.px-al .btn{text-decoration:none;color:var(--txt)}
.px-h3{margin:20px 0 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
/* badges */
.wrb{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px 0 6px;border-radius:99px;font-family:var(--body);font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;cursor:help;border:1px solid;white-space:nowrap}
.wrb svg{width:11px;height:11px;fill:currentColor}
.wrb.wr-bronze{color:#e0a173;border-color:#e0a17355;background:#e0a1730f}
.wrb.wr-silver{color:#d6deea;border-color:#d6deea55;background:#d6deea0d}
.wrb.wr-gold{color:var(--gold);border-color:#f5c45180;background:#f5c45114}
.wrb.wr-elite{color:#1d1500;border-color:transparent;background:linear-gradient(90deg,#5bffb8,#f5c451);box-shadow:0 0 14px -4px #f5c451aa}
.pf-head h2 .wrb{margin-left:8px;vertical-align:4px}
/* leaderboard */
.lbx-ctl{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
.lbx-seg{display:inline-flex;overflow-x:auto;scrollbar-width:none;max-width:100%}.lbx-seg button{white-space:nowrap;padding:7px 12px}
.lbx-prize{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:9px 12px;border-radius:10px;background:#f5c4510a;border:1px solid #f5c45122;font-size:12.5px;color:var(--mut)}
.lbx-prize .crown{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:1.8;flex:0 0 auto}.lbx-prize b{color:var(--gold)}
.lbx-feat{display:flex;gap:10px;align-items:center;margin-top:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.lbx-fh{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);flex:0 0 auto}
.lbx-fc{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:99px;border:1px solid #f5c45140;background:linear-gradient(135deg,#f5c45112,#34e39a08);text-decoration:none;color:var(--txt);font-size:13px;flex:0 0 auto}
.lbx-fc .lbx-av{width:28px;height:28px;flex-basis:28px;font-size:11px}
.lbx-list{margin-top:10px}
.lbx-r{display:grid;grid-template-columns:32px 40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #ffffff08;border-radius:10px}
.lbx-list .lbx-r:last-child{border-bottom:0}
.lbx-r.bdg{background:linear-gradient(90deg,#f5c45109,transparent 60%)}
.lbx-r.you{background:#34e39a0f;box-shadow:inset 0 0 0 1px #34e39a33}
.lbx-r.pin{margin-top:4px}
.lbx-n{font-family:var(--disp);font-size:17px;font-weight:700;color:var(--mut);text-align:center;font-variant-numeric:tabular-nums}
.lbx-list .lbx-r:nth-child(-n+3) .lbx-n{color:var(--gold)}
.lbx-av{width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:cover;background:#ffffff0d;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--mut)}
.lbx-id{min-width:0;display:flex;flex-direction:column;gap:4px}
.lbx-id b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lbx-id b a{color:var(--txt);text-decoration:none}.lbx-id b a:hover{color:var(--green)}
.lbx-id small{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11.5px;color:var(--mut)}
.lbx-you{font-style:normal;margin-left:8px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
.lbx-t{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);border:1px solid var(--line2);border-radius:5px;padding:1px 5px}.lbx-t.pro{color:var(--gold);border-color:#f5c45155}
.lbx-v{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.lbx-v b{font-family:var(--disp);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.lbx-v small{font-size:11px;color:var(--mut)}
.lbx-gap{text-align:center;color:var(--mut);letter-spacing:.3em;margin:2px 0}
.lbx-un{grid-template-columns:32px minmax(0,1fr)}
.lbx-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:34px 16px;margin-top:12px;border:1px dashed var(--line2);border-radius:14px}
.lbx-empty span{color:var(--mut);font-size:13px;max-width:380px;line-height:1.5}.lbx-empty .btn{margin-top:8px;text-decoration:none;color:var(--txt)}
.lbx-foot{margin:14px 0 0;font-size:11.5px;color:var(--mut)}
.lnk{background:none;border:0;padding:0;color:var(--gold);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.lbx-bi{margin-top:10px;padding:12px 14px;border-radius:12px;background:#ffffff05;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--mut)}
.lbx-bi p{margin:0;line-height:1.5}.lbx-bi div{display:flex;gap:10px;align-items:center}.lbx-bi .wrb{min-width:76px;justify-content:center}
/* builder controls */
.bc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;align-items:end;padding:16px;border-radius:16px;background:#ffffff04;border:1px solid var(--line)}
.bc-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.bc-f>span{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.bc-in{display:flex;align-items:center;height:44px;border-radius:12px;border:1px solid var(--line2);background:#05070d;padding:0 12px;gap:6px}
.bc-in:focus-within{border-color:var(--gold)}.bc-in i{font-style:normal;color:var(--mut);font-size:13px;font-weight:600}
.bc-in input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--txt);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.stp{display:grid;grid-template-columns:40px 1fr 40px;height:44px;border-radius:12px;border:1px solid var(--line2);background:#05070d;overflow:hidden}
.stp button{border:0;background:none;color:var(--txt);font-size:18px;cursor:pointer}.stp button:hover{background:#ffffff0a}
.stp output{display:grid;place-items:center;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.bc-mode{grid-column:span 2}.bc .seg.bv{margin:0;display:flex;height:44px}.bc .seg.bv button{flex:1}
.bc-go{grid-column:span 2;display:flex;align-items:center;gap:12px;justify-content:flex-end}.bc-go .btn{height:44px;min-width:120px}
.bc-why{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#ff9f4310;border:1px solid #ff9f4333;color:#ffd2a6;font-size:13px;line-height:1.45}
#pxBuild .px-sum{margin-top:14px}
/* builder results */
.br-head{display:grid;grid-template-columns:44px minmax(0,1fr) 64px 76px 36px;gap:14px;padding:18px 8px 8px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.br-head span:first-child{grid-column:1/3}.br-head span:nth-child(2),.br-head span:nth-child(3){text-align:center}
.br-list{display:flex;flex-direction:column}
.br{display:grid;grid-template-columns:44px minmax(0,1fr) 64px 76px 36px;grid-template-areas:"av id cf pr sw" "av why cf pr sw";gap:4px 14px;align-items:center;padding:16px 8px;border-top:1px solid #ffffff08}
.br-av{grid-area:av;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top;background:#ffffff0d;align-self:start}
.br-av.crest{border-radius:10px}.br-av.avi{display:grid;place-items:center;font-size:13px}.br-av.emo{display:grid;place-items:center;font-size:18px}
.br-id{grid-area:id;min-width:0;display:flex;flex-direction:column;gap:3px}
.br-id b{font-size:15px;font-weight:600;line-height:1.3}
.br-d{font-size:14px;font-weight:700;color:var(--green)}
.br-id small{font-size:12px;color:var(--mut)}
.br-why{grid-area:why;margin:2px 0 0;font-size:12.5px;line-height:1.45;color:#b7c2d4}
.br-cf{grid-area:cf;display:flex;flex-direction:column;align-items:center;gap:1px}
.br-cf b{font-family:var(--disp);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.br-cf small{font-size:10.5px;color:var(--mut)}
.br-cf.hi b{color:var(--green)}.br-cf.lo b{color:var(--orange)}
.br-pr{grid-area:pr;justify-self:center}
.br-sw{grid-area:sw;width:36px;min-width:36px;height:36px;padding:0}.br-sw.on{background:#ffffff14}
.br-alts{margin:0 0 8px 22px;padding-left:12px;border-left:2px solid var(--line2)}.br-alts .br{padding:12px 8px}
@media(max-width:720px){
  .rs{grid-template-columns:repeat(3,1fr)}.rs>div{padding:12px}.rs b{font-size:20px}
  .px-who h1{font-size:28px}
  .bc{grid-template-columns:1fr 1fr;padding:12px;gap:12px}.bc-mode,.bc-go{grid-column:1/-1}.bc-go{justify-content:space-between}.bc-go .btn{flex:1}
  .br-head{display:none}
  .br{grid-template-columns:40px minmax(0,1fr) auto 36px;grid-template-areas:"av id pr sw" "cf why why why";gap:10px 12px;padding:16px 4px}
  .br-av{width:40px;height:40px}
  .br-cf{justify-self:center;align-self:start;margin-top:1px}.br-cf b{font-size:14px;padding:2px 0;border-radius:6px}.br-cf small{font-size:10px}
  .br-why{margin:0;align-self:center}
  .br-alts{margin-left:8px}
  .lbx-r{grid-template-columns:26px 34px minmax(0,1fr) auto;gap:10px;padding:12px 4px}.lbx-av{width:34px;height:34px;flex-basis:34px}
  .lbx-ctl{flex-direction:column}.lbx-seg{display:flex}.lbx-seg button{flex:1}
}
/* yearly savings */
.pl-tog{align-items:center;gap:2px}
.pl-tog .pl-pill{font-style:normal;margin:0 4px 0 6px;padding:5px 10px;border-radius:99px;font-size:11.5px;font-weight:800;letter-spacing:.02em;color:#1d1500;background:linear-gradient(135deg,var(--gold2,#ffdf8a),var(--gold));box-shadow:0 0 16px -4px #f5c45188;white-space:nowrap}
.pl-was{display:flex;align-items:center;gap:8px;min-height:22px;margin-bottom:2px}
.pl-was s{color:var(--mut);font-size:14px;font-weight:600;text-decoration-thickness:1.5px;text-decoration-color:#8b96a8}
.pl-save{font-style:normal;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.03em;color:var(--gold);background:#f5c45117;border:1px solid #f5c45155}
.pl-card small.pl-mo{color:var(--txt);font-weight:600}
.t3-y{font-style:normal;font-size:12px;font-weight:700;color:var(--gold)}
/* v13 multi simplify */
.mb-ex{margin:-2px 0 12px;font-size:13px;color:#c9d3e3}
.mb-chips{display:flex;gap:6px;margin:0 0 6px;flex-wrap:wrap}
.mb-chips button{height:30px;padding:0 12px;border-radius:99px;border:0;background:#ffffff0a;color:var(--mut);font-size:12.5px;font-weight:600;cursor:pointer}
.mb-chips button.on{background:#34e39a1f;color:var(--green);box-shadow:inset 0 0 0 1px #34e39a55}
.mr{grid-template-columns:40px minmax(0,1fr) auto 84px;gap:12px}
.mr-nums{display:grid;grid-template-columns:76px 56px 52px;gap:10px;align-items:center}
.mr-head{padding-top:4px;padding-bottom:4px}.mr-head:hover{background:none}
.mr-head>span,.mr-head .mr-nums span{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);line-height:1.2}
.mr-head .mr-nums span:not(:first-child){text-align:right}
.mr-id b em{font-style:normal;color:var(--green);font-weight:600;margin-left:4px}
.mr-why{font-size:12px!important;color:#c9d3e3!important}
.mr-od,.mr-ch{text-align:right;font-variant-numeric:tabular-nums}
.mr-od b{font-family:var(--disp);font-size:15px;font-weight:700}
.mr-ch{font-family:var(--disp);font-size:14px;font-weight:700}
.c-hi{color:var(--green)}.c-mid{color:var(--yellow)}.dim{color:var(--mut)}
.mr-add{font-size:13px!important;padding:0 10px;white-space:nowrap}
.mr-add.on{background:#34e39a24!important;color:var(--green)!important;box-shadow:none}
.mr-gh{margin:12px 8px 2px;font-size:11.5px;font-weight:600;color:var(--mut);letter-spacing:.02em}
.mm-ch{display:flex;align-items:center;gap:8px;margin:6px 0 0 52px;font-size:12.5px;color:var(--mut)}
.mb-legs .mm-leg .mm-ch{margin-left:44px}
.mm-ch b{font-weight:600}.mm-ch b small{color:var(--mut);font-weight:500}
.mm-risk{font-size:11px;font-weight:600;color:var(--yellow);background:#f5c4511a;padding:2px 8px;border-radius:99px}
.mm-ed{margin-left:auto;width:28px;height:28px;border-radius:8px;border:0;background:none;color:var(--mut);cursor:pointer;display:grid;place-items:center}
.mm-ed:hover{background:#ffffff0a;color:var(--txt)}
.mm-ed svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.mm-ch label{display:flex;align-items:center;gap:6px;color:var(--txt)}
.mm-cin{width:64px;height:28px;background:#ffffff0a;border:1px solid var(--line);border-radius:8px;padding:0 8px;font-size:15px;color:var(--txt);outline:0}
.mm-cin:focus{border-color:var(--green)}
.mb-goal{margin:8px 16px 0;padding-top:12px;border-top:1px solid #ffffff0d;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#c9d3e3}
.mb-goal .m-money.inline{display:inline-flex;align-items:center;color:var(--txt);font-weight:600}
.mb-goal input{width:62px;background:#ffffff0a;border:0;border-radius:6px;padding:2px 6px;color:var(--txt);font:inherit;outline:0}
.mb-sg{margin:8px 16px 0;font-size:11.5px;color:var(--mut)}
.mb-tot{grid-template-columns:1fr auto auto 1fr}
.mb-tot b.c-hi{color:var(--green)}.mb-tot b.c-mid{color:var(--yellow)}
@media (max-width:640px){
  .mr{grid-template-columns:40px minmax(0,1fr) 76px;gap:4px 12px}
  .mr .mm-hs{grid-row:1/3}
  .mr-nums{grid-column:2/-1;grid-row:2;grid-template-columns:max-content max-content max-content;justify-content:start;gap:14px;min-width:0}
  .mr-nums .mr-hr{grid-column:auto;grid-row:auto;flex-direction:row;align-items:center;gap:6px;margin:0}
  .mr-hr i{flex:none;width:36px;min-width:36px}
  .mr-add{grid-column:3;grid-row:1;align-self:center}
  .mr-head{display:none}
  .mr-od b{font-size:14px}
  .mr-od,.mr-ch{white-space:nowrap}
  .mr-od::after{content:" odds";font-size:11px;color:var(--mut)}
  .mr-ch::after{content:" chance";font-size:11px;font-weight:500;color:var(--mut);font-family:var(--body)}
  .mb-tot{grid-template-columns:1fr auto auto auto;gap:10px}
  .mm-ch{margin-left:0}
}
/* v13 live refine: title, plain statuses, site palette (no red) */
.s-ONPACE{background:#5ec8ff1a;color:var(--ice);border:1px solid #5ec8ff55}
.s-BEHIND{background:#f5c4511a;color:var(--yellow);border:1px solid #f5c45155}
.s-DEAD,.s-OUT{background:#ffffff0d;color:var(--mut);border:1px solid #ffffff14}
.f-ONPACE{background:linear-gradient(90deg,#3a9fd0,var(--ice))}
.f-BEHIND{background:linear-gradient(90deg,#c99a2e,var(--yellow));box-shadow:none}
.f-DEAD,.f-OUT{background:#ffffff26}
.lv-title h1{margin:0;font-family:var(--disp);font-size:26px;font-weight:700;letter-spacing:-.03em}
.lv-title p{margin:4px 0 0;font-size:13.5px;color:var(--mut)}
@media(min-width:761px){.lv>.lv-title{grid-column:1;grid-row:1}.lv>.lv-bar{grid-row:1}.lv>.lv-head{grid-column:1/-1}}
.lv-ring.k-behind .pr{stroke:var(--yellow)}.lv-ring.k-lost .pr{stroke:var(--mut)}
.lv-line.k-lost b{color:var(--txt)}
.lv-leg .d-ONPACE{background:var(--ice)}.lv-leg .d-BEHIND{background:var(--yellow)}.lv-leg .d-DEAD{background:#ffffff40}
.lv-seg button.lost:not(.on){color:var(--mut)}
.lt-g{font-size:11.5px;color:var(--mut)}.lt-g.in{color:#c9d3e3}
.lt-g.in::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:1px}
.lt-pv .pace{font-size:10.5px;color:var(--mut);white-space:nowrap}
.ltable .state{font-size:10.5px;font-weight:700;padding:3px 9px;letter-spacing:.01em}
.ltable td.hl{background:#34e39a14!important;box-shadow:inset 1px 0 0 #34e39a40,inset -1px 0 0 #34e39a40!important;color:var(--green);font-weight:800}
.lv-empty{gap:20px}.lv-empty p{margin:6px auto 0;max-width:440px;font-size:14px;line-height:1.5}
.lv-ecta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
@media(max-width:760px){.lv-title h1{font-size:22px}.lv-title p{font-size:13px}.ltable .state{font-size:9.5px;padding:2px 6px}}
.live-dot{background:var(--green);animation:none;box-shadow:0 0 0 3px #34e39a26}
.m-leg.MISS{border-color:#ffffff14}.m-MISS{background:#ffffff14;color:var(--mut)}
@media(max-width:760px){.lt-pv{flex-wrap:wrap}.lt-pv .pace{flex-basis:100%;margin:2px 0 0;order:3}}
/* v14 real-time: "just updated" flash */
@keyframes jf{0%{background:#34e39a40;color:var(--green);box-shadow:0 0 0 3px #34e39a26}100%{background:transparent;box-shadow:0 0 0 3px transparent}}
.jf{animation:jf 1.4s ease-out;border-radius:5px}
@media (prefers-reduced-motion:reduce){.jf{animation:none}}
/* v13 live: tabs + Pulse Live (Pro) */
.lv-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:2px 0 4px}
.lv-tabs a{padding:9px 12px 10px;font-weight:700;font-size:13.5px;color:var(--mut);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.lv-tabs a.on{color:var(--txt);border-bottom-color:var(--green)}
.lv-tabs a:hover{color:var(--txt)}
@media(min-width:761px){.lv>.lv-tabs{grid-column:1/-1}.lv>#lvHot{grid-column:1/-1}}
.lv[data-tab=hot]>:not(.lv-title):not(.lv-tabs):not(#lvHot):not(#summary){display:none!important}
.lh{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.lh-chips{margin:0}
.lh-meta{font-size:12px;color:var(--mut)}
.lh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.lh-grid.dim{opacity:.5}
.lh-c{background:var(--card,#0c1220);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:9px}
.lh-top{display:flex;align-items:center;gap:10px}
.lh-av{width:38px;height:38px;border-radius:50%;flex:none;background:#ffffff10;object-fit:cover}
.lh-id{min-width:0;flex:1}.lh-id b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lh-id small{display:block;font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lh-st{color:var(--green)}
.lh-heat{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;white-space:nowrap;letter-spacing:.02em}
.h-hot{background:#ff7a1a22;color:var(--orange);border:1px solid #ff7a1a55}
.h-warm{background:#f5c45118;color:var(--yellow);border:1px solid #f5c45144}
.h-steady,.h-none{background:#ffffff0d;color:var(--mut);border:1px solid var(--line)}
.h-cold{background:#5ec8ff14;color:var(--ice);border:1px solid #5ec8ff44}
.lh-main{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.lh-main b{font-family:var(--disp);font-size:28px;line-height:1;letter-spacing:-.02em}
.lh-main span{font-weight:700;font-size:13px;color:var(--mut)}
.lh-main small{flex-basis:100%;font-size:12px;color:var(--mut)}
.lh-bar{position:relative;height:5px;border-radius:9px;background:#ffffff10}
.lh-bar i{position:absolute;inset:0 auto 0 0;border-radius:9px;background:linear-gradient(90deg,#34e39a99,var(--green))}
.lh-bar s{position:absolute;top:-3px;width:2px;height:11px;background:var(--txt);opacity:.55;border-radius:2px}
.lh-prop{font-size:12.5px;font-weight:700;color:var(--mut)}
.lh-prop.up{color:var(--green)}.lh-prop.ok{color:var(--green)}
.lh-more{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:#c9d3e3}
.lh-more .u{color:var(--mut)}
.lh-add{align-self:flex-start}
.lh-mbtn{align-self:center}
.lh-s{display:flex;flex-direction:column;gap:10px}.lh-s+.lh-s{margin-top:10px}
.lh-h{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--disp);font-size:16px;letter-spacing:-.01em}
.lh-h em{font-style:normal;font-family:var(--body);font-size:11px;font-weight:700;color:var(--mut);padding:2px 8px;border-radius:99px;background:#ffffff0d}
.lh-none{font-size:13px;color:var(--mut);padding:14px 16px;border:1px dashed var(--line);border-radius:14px}.lh-none .lh-next{display:flex;width:max-content;margin-top:10px}
.lh-c{min-height:150px}.lh-u{min-height:0}
.lh-avg{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:var(--mut)}.lh-avg span{display:inline-flex;align-items:baseline;gap:3px}
.lh-avg b{font-family:var(--disp);font-size:16px;color:var(--txt);font-variant-numeric:tabular-nums}.lh-avg small{flex-basis:100%;font-size:11px}.lh-avg.none{font-size:12px}
.lh-leg{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;background:#34e39a0d;border:1px solid #34e39a26}
.lh-leg b{display:block;font-size:13.5px;color:var(--green)}.lh-leg small{font-size:11px;color:var(--mut)}
.lh-dots{display:flex;gap:3px}.lh-dots s{width:7px;height:7px;border-radius:50%;background:#ffffff1f;text-decoration:none}.lh-dots s.y{background:var(--green)}
.lh-load{color:var(--mut);font-size:13px;padding:30px 0;text-align:center}
.lh-empty{text-align:center;padding:36px 18px;border:1px solid var(--line);border-radius:18px;background:#ffffff05}
.lh-empty h3{margin:0 0 6px;font-family:var(--disp)}.lh-empty p{margin:0;color:var(--mut);font-size:13.5px}
.lh-next{display:inline-flex;flex-direction:column;gap:2px;margin-top:16px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:#ffffff06}
.lh-next span{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}.lh-next b{font-size:14px}.lh-next small{color:var(--green);font-weight:700}
.lh-lock{position:relative;min-height:380px}
.lh-blur{filter:blur(7px);opacity:.55;pointer-events:none;user-select:none}
.lh-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:8px}
.lh-gate h3{margin:4px 0 0;font-family:var(--disp);font-size:22px}
.lh-gate p{margin:0 0 6px;max-width:400px;color:#c9d3e3;font-size:13.5px}
.lh-gate .pro-b{margin:0}
@media(max-width:760px){.lh-grid{grid-template-columns:1fr}.lh-blur .lh-c:nth-child(n+4){display:none}.lh-lock{min-height:420px}.lh-gate{justify-content:flex-start;padding-top:56px}.lv-tabs a{flex:1;text-align:center}}
/* v13 multi slip: light declutter (one line under the name, more air) */
.mm-sub{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;margin-top:3px;font-size:12px}
.mm-sub>b{font-size:12.5px;font-weight:800}
.mm-sub>b small{font-weight:600;color:var(--mut)}
.mm-sub .mm-bk{margin:0;font-size:11.5px;color:var(--mut)}
.mm-sub .mm-bk::before{content:'· ';opacity:.7}
.mm-sub .mm-ed{width:22px;height:22px;margin-left:-2px;opacity:.65}
.mm-sub .mm-ed:hover{opacity:1}
.mm-leg{padding-top:12px;padding-bottom:12px}
.mm-leg+.mm-leg{border-top:1px solid #ffffff0a}
.mb-goal{font-size:12.5px;color:var(--mut)}
.mm-sub>b{white-space:nowrap}
.mb-saved{margin:0 0 8px;padding:10px 12px;border-radius:12px;background:#34e39a12;border:1px solid #34e39a44;font-size:13px}
.mb-saved a{color:var(--green);font-weight:700}
.btn.mb-save{width:100%;margin-top:6px;font-size:13px}
/* v13 live: hero header, page tabs, Multi tracker accordions */
@media(min-width:761px){.lv{display:flex;flex-direction:column;gap:16px}}
.lv-title{display:flex;flex-direction:column;align-items:flex-start;margin-top:4px}
.lv-title h1{font-size:34px;letter-spacing:-.035em;margin-top:8px}
.lv-now{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:99px;background:#34e39a14;box-shadow:inset 0 0 0 1px #34e39a33;font-size:12px;font-weight:700;color:var(--green)}
.lv-now b{font-weight:700}.lv-now.off{background:#ffffff08;box-shadow:inset 0 0 0 1px var(--line);color:var(--mut)}
.lv-pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--green)}
.lv-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--green);animation:lvp 1.8s ease-out infinite}
.lv-now.off .lv-pulse{background:var(--mut)}.lv-now.off .lv-pulse::after{display:none}
@keyframes lvp{0%{transform:scale(1);opacity:.7}100%{transform:scale(3);opacity:0}}
@media(prefers-reduced-motion:reduce){.lv-pulse::after{animation:none}}
.lv-strip{display:block}
.lv-rs{grid-template-columns:repeat(4,1fr)}
.rs b.warn{color:var(--yellow)}
.lv-gst{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg,#34e39a0f,transparent 60%),var(--card-solid)}
.lv-gst div{display:flex;flex-direction:column;gap:3px}.lv-gst b{font-size:15px}.lv-gst span{font-size:13px;color:var(--mut)}
.lv-tabs{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#ffffff05;margin:4px 0 0}
.lv-tabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;border:0;margin:0;font-size:14px;font-weight:600;color:var(--mut)}
.lv-tabs a.on{background:var(--txt);color:#05070d;font-weight:700;border:0}
.lv-tabs a.on .pro-b{box-shadow:inset 0 0 0 1px #05070d22}
.lv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lv-bh{margin:0;font-family:var(--disp);font-size:18px;letter-spacing:-.02em}
.lv-acts{display:flex;align-items:center;gap:8px}
.lv-new{font-size:13px}
.lm-list{display:flex;flex-direction:column;gap:10px}
.lma{border:1px solid var(--line);border-radius:16px;background:var(--card),var(--card-solid);overflow:hidden}
.lma.open{border-color:#ffffff24}
.lma.done{opacity:.85}
.lm-h{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(0,1.2fr) auto auto;align-items:center;gap:16px;padding:14px 18px}
.lm-h:hover{background:#ffffff05}.lm-h:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.lm-ring{position:relative;width:44px;height:44px}
.lm-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.lm-ring circle{fill:none;stroke-width:3.5}.lm-ring .tr{stroke:#ffffff14}.lm-ring .pr{stroke:var(--green);stroke-linecap:round;transition:stroke-dashoffset .4s}
.lm-ring.k-behind .pr{stroke:var(--yellow)}.lm-ring.k-lost .pr{stroke:#8a97ab}
.lm-ring span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:14px}
.lm-ring small{display:none}
.lm-id{min-width:0;display:flex;flex-direction:column;gap:3px}
.lm-top{display:flex;align-items:center;gap:8px;min-width:0}
.lm-top b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-id small{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lm-st{flex:none;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;background:#ffffff0d;color:var(--mut);display:inline-flex;align-items:center;gap:5px}
.lm-st.live{background:#34e39a1a;color:var(--green)}.lm-st.live i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.lm-st.won{background:#34e39a26;color:var(--green)}
.lm-prog{display:flex;flex-direction:column;gap:4px;min-width:0}
.lm-prog>b{font-size:14px}
.lm-cnt{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:var(--mut)}
.lm-cnt span{display:inline-flex;align-items:center;gap:5px}.lm-cnt i{width:7px;height:7px;border-radius:50%;background:#ffffff1a}
.lm-cnt .d-HIT{background:var(--green)}.lm-cnt .d-ONPACE{background:var(--ice)}.lm-cnt .d-BEHIND{background:var(--yellow)}.lm-cnt .d-DEAD{background:#8a97ab66}
.lm-nums{display:flex;gap:18px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.lm-nums em{display:block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);margin-bottom:2px}
.lm-chev{width:18px;height:18px;fill:none;stroke:var(--mut);stroke-width:2;transition:transform .2s}
.lma.open .lm-chev{transform:rotate(180deg)}
.lm-b{display:flex;flex-direction:column;gap:16px;padding:4px 18px 16px;border-top:1px solid var(--line);padding-top:16px}
.lm-b .lv-h{margin:0 0 8px}
.lm-foot{display:flex;justify-content:flex-end}
.lm-stop{all:unset;cursor:pointer;font-size:12px;color:var(--mut)}.lm-stop:hover{color:var(--txt)}
.lm-sh{margin:16px 0 0}
.lm-none{color:var(--mut);font-size:13px;margin:0}
@media(max-width:760px){
  .lv-title h1{font-size:26px}
  .lv-rs{grid-template-columns:repeat(2,1fr)}.lv-rs>div{padding:12px 14px}.lv-rs b{font-size:20px}
  .lv-gst{flex-direction:column;align-items:stretch;text-align:left}
  .lv-tabs{display:flex;align-self:stretch;position:sticky;top:var(--hdr,56px);z-index:20;background:#0a0f1ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .lv-tabs a{flex:1;justify-content:center;padding:10px 8px}
  .lv-bh{font-size:16px}.lv-new{display:none}
  .lm-h{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"r i c" "p p p" "n n n";gap:8px 12px;padding:12px 14px}
  .lm-ring{grid-area:r;width:40px;height:40px}.lm-id{grid-area:i}.lm-chev{grid-area:c}.lm-prog{grid-area:p;flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 10px}.lm-nums{grid-area:n;gap:16px;font-size:13px}
  .lm-b{padding:12px 10px 12px}
}
.lv>.lboard,.lv>.lv-bar,.lv>.lv-strip,.lv>#lvHot{width:100%;max-width:none;margin:0;align-self:stretch}
.lv>.lboard{padding:0}
/* v13 multi history (Pulse+ Record tab, profiles) */
.hs-h3{margin-top:4px}
.hs-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.hs-r+.hs-r{border-top:1px solid var(--line)}
.hs-h{display:grid;grid-template-columns:64px 1fr auto 70px 14px;align-items:center;gap:12px;width:100%;padding:12px 14px;background:none;border:0;color:var(--txt);font:inherit;text-align:left;cursor:pointer}
.hs-h:hover{background:#ffffff06}
.hs-d{font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums}
.hs-n{display:flex;flex-direction:column;gap:1px;min-width:0}.hs-n b{font-size:13.5px}.hs-n small{font-size:11.5px;color:var(--mut)}
.hs-m{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:12.5px;color:var(--mut);font-variant-numeric:tabular-nums}
.hs-m b{color:var(--txt)}.hs-m small{font-size:11.5px;font-weight:700}.hs-m small.up{color:var(--green)}.hs-m small.dn{color:var(--orange)}
.hs-h .m-res{justify-self:end}
.hs-chev{width:8px;height:8px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.hs-r.open .hs-chev{transform:rotate(225deg) translateY(-2px)}
.hs-b{padding:2px 14px 12px 90px;display:flex;flex-direction:column;gap:6px}
.hs-l{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;font-size:13px}
.hs-l i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:#ffffff10;color:var(--mut)}
.hs-l.hit i{background:#34e39a22;color:var(--green)}.hs-l.miss i{background:#ff4d6a22;color:var(--red)}.hs-l.push i{background:#f5c45122;color:var(--yellow)}
.hs-l.miss span{color:var(--mut)}
.hs-l small{color:var(--mut);font-size:11.5px;font-variant-numeric:tabular-nums}
.hs-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.hs-f select,.hs-dt input{background:#05070d;border:1px solid var(--line2);border-radius:99px;padding:6px 12px;font-size:12px;color:var(--txt);color-scheme:dark}
.hs-dt{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.hs-seg{display:inline-flex}
.hs-foot{margin:8px 2px 0;font-size:11.5px;color:var(--mut)}.hs-foot a{color:var(--green)}
.hs-lock{position:relative;min-height:300px}.hs-lock .lh-gate{padding:16px}
.lv-hist{display:inline-flex;align-self:flex-start;margin:14px 2px 0;font-size:13px;font-weight:700;color:var(--mut);text-decoration:none}.lv-hist:hover{color:var(--txt)}
@media(max-width:760px){.hs-h{grid-template-columns:42px 1fr auto 62px 10px;gap:8px;padding:12px}.hs-d{font-size:11px}.hs-b{padding:2px 12px 12px}.hs-f select{flex:1}.hs-seg{width:100%}.hs-seg button{flex:1}}
/* v14 Pulse+ members area: compact header + record strip, 3 tabs, Settings below */
.px2 .px-top{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 0 14px}
.px2 .px-who h1{font-size:30px;margin-top:8px}
.px-up{font-size:13px;font-weight:700;color:var(--gold);text-decoration:none;white-space:nowrap;padding-bottom:6px}.px-up:hover{color:var(--txt)}
.px2 #pxRS .rs>div{padding:10px 14px}
.px2 #pxRS .rs b{font-size:20px}
.px2 #pxRS .rs small{min-height:0}
.px2 .px-tabs{margin-top:16px;position:sticky;top:calc(var(--appbar-h) + 6px);z-index:5;backdrop-filter:blur(14px);background:#0a0e17d9}
.px-set{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.px-h2{margin:0 0 12px;font-family:var(--disp);font-size:20px;letter-spacing:-.02em}
.px-sg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}
.px-sc{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.px-sh{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:4px}
.px-plan{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.px-plan small{font-size:13px;color:var(--mut)}.px-plan small.warn{color:var(--yellow)}.px-plan small a{color:var(--gold)}
.px-sb{display:flex;flex-wrap:wrap;gap:8px}
.px-sc .acc-tg.sm{margin:0}
.px-sc .px-mv{max-height:220px;overflow:auto}
.px-more{margin:12px 2px 0;font-size:12.5px;color:var(--mut)}.px-more a{color:var(--txt)}
.px-pl{position:relative;border-radius:12px;overflow:hidden}
.px-plb{filter:blur(5px);opacity:.45;pointer-events:none;user-select:none;display:flex;flex-direction:column;gap:6px;padding:4px 0}
.px-plg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:10px}
.px-plg b{font-size:13px;max-width:280px}.px-plg .pro-b{margin:0}
.px-pane>.px-pl{margin-top:10px;border:1px dashed var(--line2);min-height:96px}
.hs-fk{display:inline-block;padding:6px 14px;border:1px solid var(--line2);border-radius:99px;font-size:12px;color:var(--mut)}
.btn.sm.gold{padding:7px 12px}
@media(max-width:900px){.px-sg{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.px2 .px-who h1{font-size:24px}.px2 #pxRS .rs{grid-template-columns:repeat(3,1fr)}.px2 #pxRS .rs b{font-size:17px}.px2 #pxRS .rs>div{padding:8px 10px}
  .px2 .px-tabs a{flex:1}.px-sg{grid-template-columns:1fr}}
/* ---------- Pulse+ one-page hub (v15): sticky pill filter bar with a sliding thumb ---------- */
.pxf{position:sticky;top:calc(var(--appbar-h,56px) + 8px);z-index:6;display:flex;align-items:center;gap:2px;margin:18px 0 4px;padding:5px;border-radius:99px;border:1px solid #ffffff12;background:#0a0e17e0;backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);box-shadow:0 10px 30px -18px #000;overflow-x:auto;scrollbar-width:none}
.pxf::-webkit-scrollbar{display:none}
.pxf-th{position:absolute;left:0;top:5px;bottom:5px;width:0;border-radius:99px;background:linear-gradient(135deg,#f5c45126,#f5c45112);box-shadow:inset 0 0 0 1px #f5c45155,0 4px 14px -6px #f5c45155;transition:transform .32s cubic-bezier(.3,.9,.3,1),width .32s cubic-bezier(.3,.9,.3,1);pointer-events:none}
.pxf a{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:99px;color:var(--mut);font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:color .2s}
.pxf a:hover{color:var(--txt)}
.pxf a.on{color:var(--gold2)}
.pxf a .pro-b{margin-left:0}
.pxf-i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.pxf a.on .pxf-i{stroke:var(--gold)}
.pxf .pxf-set{margin-left:auto;padding:0 12px}
.px3 .pxs{scroll-margin-top:calc(var(--appbar-h,56px) + 70px)}
.pxs-h{display:flex;align-items:center;gap:8px}
.pxs-h .pxf-i{width:20px;height:20px;stroke:var(--gold)}
.pxm.one .pxs{margin-top:14px}
.pxs.in{animation:pxIn .35s cubic-bezier(.3,.9,.3,1)}
@keyframes pxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.px-h2{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-size:20px;letter-spacing:-.02em;margin:0 0 14px}
.px-h2 .pxf-i{width:20px;height:20px;stroke:var(--mut)}
/* Pro Picks */
.pk-list{display:grid;gap:10px}
.pk-c{border:1px solid var(--line);border-radius:16px;background:#ffffff05;transition:border-color .2s,background .2s}
.pk-c:hover,.pk-c.open{border-color:#f5c45140;background:#f5c45106}
.pk-hd{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px 6px}
.pk-av{width:44px;height:44px;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#ffffff0d}
.pk-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pk-id b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-id b em{font-style:normal;color:var(--gold)}
.pk-id small{color:var(--mut);font-size:12px}
.pk-why{color:#c7d0de;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-n{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.pk-od{display:flex;flex-direction:column;align-items:flex-end}.pk-od b{font-family:var(--disp);font-size:18px}.pk-od b.dim{font-family:var(--body);font-size:12px;color:var(--mut);font-weight:600}.pk-od small{font-size:11px;color:var(--mut)}
.pk-ed{display:flex;flex-direction:column;align-items:center;min-width:48px;padding:4px 8px;border-radius:10px;background:#ffffff0a;font-family:var(--disp);font-weight:700;font-size:15px}
.pk-ed small{font-family:var(--body);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.pk-ed.up{background:#34e39a1a;color:var(--green)}.pk-ed.dn{color:var(--mut)}
.pk-bars{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding:0 14px 12px 70px}
.pk-bar{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--mut)}
.pk-bar span{width:44px}.pk-bar b{width:34px;text-align:right;color:var(--txt);font-variant-numeric:tabular-nums}
.pk-bar i{flex:1;height:5px;border-radius:9px;background:#ffffff10;overflow:hidden}.pk-bar s{display:block;height:100%;border-radius:9px;background:var(--gold);transition:width .5s}
.pk-bar.b s{background:var(--ice)}
.pk-c.sk{padding:14px;display:flex;align-items:center;gap:12px}.pk-c.sk i{display:block;height:10px;border-radius:6px;background:#ffffff14;margin:5px 0}
.pk-c.sk .pk-id i:first-child{width:60%}.pk-c.sk .pk-id i:last-child{width:85%}.pk-c.sk .pk-n{flex-direction:column;width:70px}.pk-c.sk .pk-n i{width:100%}
.pk-lock .px-pl{min-height:220px}
.pk-sp{margin-bottom:12px}
.pk-rep{border-top:1px solid var(--line);padding:14px;animation:pxIn .3s ease}
.pk-v{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.pk-v p{margin:0;font-size:13.5px;line-height:1.5;color:#d6dde8}
.pk-cf{flex:0 0 auto;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:800;border:1px solid var(--line);color:var(--mut)}
.pk-cf.high{color:var(--green);border-color:#34e39a55}.pk-cf.medium{color:var(--gold);border-color:#f5c45155}
.pk-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.pk-b{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#0005;display:flex;flex-direction:column;gap:6px}
.pk-bh{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.pk-ts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pk-t{border-radius:9px;background:#ffffff08;padding:6px 8px;display:flex;flex-direction:column}.pk-t span{font-size:10.5px;color:var(--mut)}.pk-t b{font-family:var(--disp);font-size:16px}.pk-t small{font-size:10.5px;color:var(--mut)}
.pk-t.hi b{color:var(--green)}.pk-t.lo b{color:var(--mut)}
.pk-tr,.pk-ln{width:100%;height:90px;display:block}.pk-ln{height:50px}
.pk-tr rect.h{fill:var(--green);opacity:.85}.pk-tr rect.m{fill:#ffffff2a}.pk-tr .ln{stroke:var(--gold);stroke-width:1.5;stroke-dasharray:4 3}
.pk-ln polyline{fill:none;stroke:var(--ice);stroke-width:2;vector-effect:non-scaling-stroke}
.pk-trl{display:flex;justify-content:space-between;font-size:10.5px;color:var(--mut)}
.pk-kv{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:baseline}.pk-kv span{font-size:12.5px;color:#c7d0de}.pk-kv b{font-family:var(--disp)}.pk-kv small{grid-column:1/-1;font-size:11px;color:var(--mut)}
.pk-kv i{font-style:normal}.pk-kv i.up{color:var(--green)}
.pk-inj{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px}.pk-inj b{width:100%;font-size:11px;color:var(--mut)}.pk-inj small{color:var(--orange)}
.pk-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.pk-ft small{color:var(--mut);font-size:11px}
.pv-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.pv{border:1px solid var(--line);border-radius:14px;padding:12px;background:#ffffff05;display:flex;flex-direction:column;gap:8px}
.pv-h{display:flex;justify-content:space-between;font-weight:800;font-size:14px}.pv-h small{color:var(--mut);font-weight:600}
.pv-b{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pv-s{display:flex;flex-direction:column;gap:4px}.pv-s small{font-size:11px;color:var(--mut)}
.pv-t{display:flex;align-items:center;gap:6px}.pv-t img{width:20px;height:20px;object-fit:contain}
.pv-f{display:flex;gap:3px}.pv-f i{font-style:normal;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:800;background:#ffffff10;color:var(--mut)}
.pv-f i.w{background:#34e39a22;color:var(--green)}
.pv-s .pv-o{color:var(--orange)}.pv-h2h,.pv-src{font-size:11px;color:var(--mut)}
@media(max-width:720px){
  .pxf{margin:14px -2px 4px;top:calc(var(--appbar-h,56px) + 4px)}
  .pxf a{height:36px;padding:0 12px;font-size:13px;gap:6px}
  .pk-bars{padding-left:14px}.pk-hd{flex-wrap:wrap}.pk-id{min-width:calc(100% - 60px)}.pk-n{width:100%;justify-content:space-between;padding-left:56px}
  .pk-ft{flex-direction:column;align-items:stretch}.pv-b{grid-template-columns:1fr}
}
/* ---------- Live › Your multis (v15): slip cards in a grid + one Refresh ---------- */
.lv-bht{display:flex;flex-direction:column;gap:2px;min-width:0}
.lv-upd{font-size:11.5px;color:var(--mut);white-space:nowrap;min-height:14px;font-variant-numeric:tabular-nums}
.btn.lv-rf{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#34e39a,#1fc98a);color:#03140a;font-weight:800;border-color:transparent;box-shadow:0 6px 20px -8px #34e39a99}
.btn.lv-rf:hover{filter:brightness(1.06)}.btn.lv-rf:disabled{opacity:.85;cursor:progress}
.lv-rf svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lv-rf.spin svg{animation:lvSpin .8s linear infinite}
@keyframes lvSpin{to{transform:rotate(360deg)}}
.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;align-items:start}
.lc{border-radius:20px;background:linear-gradient(180deg,#111a2b,#0d1320);box-shadow:0 0 0 1px #ffffff0d,0 24px 48px -28px #000a;overflow:hidden;transition:box-shadow .2s,transform .2s}
.lc:hover{box-shadow:0 0 0 1px #34e39a33,0 24px 48px -28px #000a}
.lc.live{box-shadow:0 0 0 1px #34e39a40,0 24px 48px -28px #000a}
.lc.open{grid-column:1/-1}
.lc-sum{cursor:pointer;outline:none}.lc-sum:focus-visible{box-shadow:inset 0 0 0 2px #34e39a80;border-radius:20px}
.lc-h{display:flex;align-items:center;gap:12px;padding:16px 16px 10px}
.lc-h .lm-ring{width:42px;height:42px;flex:0 0 auto}
.lc-id{min-width:0;display:flex;flex-direction:column;gap:4px}
.lc-id b{font-family:var(--disp);font-size:16px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-id small{display:flex;align-items:center;gap:8px;color:var(--mut);font-size:12px;flex-wrap:wrap}
.lc-legs{padding:0 16px}
.lc-l{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #ffffff0a}
.lc-hs{width:34px;height:34px;flex:0 0 34px;border-radius:50%;object-fit:cover;background:#ffffff0d}
.lc-w{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lc-w b{font-size:13.5px;font-weight:700;display:flex;gap:6px;min-width:0;white-space:nowrap}.lc-w b span{overflow:hidden;text-overflow:ellipsis}
.lc-w b em{font-style:normal;color:var(--green);flex:0 0 auto}
.lc-w small{font-size:11.5px;color:var(--mut);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-w small.in{color:#c7d0de}
.lc-bar{height:4px;border-radius:9px;background:#ffffff10;overflow:hidden;margin-top:3px}.lc-bar .fill{height:100%;border-radius:9px;box-shadow:none;transition:width .5s}
.lc-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}
.lc-r b{font-family:var(--disp);font-size:16px;font-variant-numeric:tabular-nums}.lc-r b small{font-size:11px;color:var(--mut);font-weight:600}
.lc-r .state{font-size:10px;font-weight:700;padding:2px 8px;letter-spacing:.01em}
.lc-l.dead{opacity:.55}
.lc-l{box-sizing:border-box;min-height:66px}.lc-h{box-sizing:border-box;min-height:68px}.lc-r .state{white-space:nowrap}.lc-w small,.lc-id small{font-variant-numeric:tabular-nums}
.lc-more{padding:8px 0 4px;font-size:12px;color:var(--mut);border-top:1px solid #ffffff0a}
.lc-ft{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:end;margin-top:6px;padding:14px 16px 16px;border-top:1px solid #ffffff0d;background:#0006}
.lc-ft>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.lc-ft span{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.lc-ft b{font-family:var(--disp);font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}.lc-ft b i{font-style:normal;color:var(--mut);font-weight:500}.lc-ft b em{font-style:normal}.lc-ft b em.g{color:var(--green)}
.lc-x{align-items:flex-end}.lc-x span{text-transform:none;letter-spacing:0;font-size:12px;color:#c7d0de}
.lc-x b{font-family:var(--body);font-size:12px;font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:4px}
.lc-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;transition:transform .25s}.lc.open .lc-x svg{transform:rotate(180deg)}
.lc-pan{padding:4px 16px 16px;border-top:1px solid var(--line);animation:pxIn .3s ease}
.lc.open .lc-legs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));column-gap:24px}
@media(max-width:760px){
  .lc-grid{grid-template-columns:1fr;gap:12px}
  .btn.lv-rf{padding:0 14px;align-self:stretch}.btn.lv-add{font-size:0;gap:0;padding:0 12px;align-self:stretch}.btn.lv-add svg{margin:0}
  .lc-ft{grid-template-columns:auto 1fr;}.lc-x{grid-column:1/-1;flex-direction:row!important;justify-content:space-between;align-items:center!important}
}
@media(max-width:720px){.pk-v{flex-direction:column;gap:6px}}
.lc-ft b em,.lc-ft b em.g{background:none;border:0;padding:0;box-shadow:none;border-radius:0;font-size:inherit;display:inline}
/* Pro Picks v2: trend callouts + report visuals */
.pk-cl{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px 70px}.pk-cl:not(.full) .pk-call{font-size:11.5px;padding:3px 9px}
.pk-cl.full{padding:0;flex-direction:column;align-items:flex-start}
.pk-call{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#ffffff0a;color:#c7d0de;border:1px solid #ffffff10;max-width:100%}
.pk-call i{font-style:normal;font-size:9px}
.pk-call.up{background:#34e39a12;border-color:#34e39a33;color:#bff5dc}.pk-call.up i{color:var(--green)}
.pk-call.dn{background:#f5c45110;border-color:#f5c45133;color:#f6e3b0}.pk-call.dn i{color:var(--gold)}
.pk-cls{margin-bottom:10px}
.pk-v{align-items:center}.pk-v>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pk-gg{width:96px;flex:0 0 96px}.pk-gg path{fill:none;stroke-width:8;stroke-linecap:round}.pk-gg .tr{stroke:#ffffff12}.pk-gg .pr{stroke:var(--mut)}
.pk-gg.high .pr{stroke:var(--green)}.pk-gg.medium .pr{stroke:var(--gold)}
.pk-gg text{fill:var(--txt);font-family:var(--disp);font-weight:700;font-size:17px;text-anchor:middle}
.pk-sp{width:100%;height:46px;display:block}.pk-sp polyline{fill:none;stroke:var(--ice);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.pk-sp polygon{fill:#5ec8ff14;stroke:none}
.pk-h2{height:60px}.pk-h2 text{fill:var(--txt);font-size:10px;font-weight:700;text-anchor:middle}
.pk-hb{display:grid;grid-template-columns:62px 1fr 38px;gap:2px 8px;align-items:center}
.pk-hb span{font-size:12.5px;color:#c7d0de}.pk-hb span em{font-style:normal;font-size:9.5px;font-weight:800;text-transform:uppercase;color:var(--gold);margin-left:2px}
.pk-hb i{height:7px;border-radius:9px;background:#ffffff10;overflow:hidden}.pk-hb s{display:block;height:100%;border-radius:9px;background:#34e39a99}
.pk-hb.nx s{background:var(--green)}
.pk-hb b{font-family:var(--disp);text-align:right;font-size:13px}.pk-hb small{grid-column:2/-1;font-size:10.5px;color:var(--mut);margin-top:-2px}
@media(max-width:720px){.pk-cl{padding-left:14px}.pk-v{flex-direction:row;align-items:flex-start}.pk-gg{width:80px;flex-basis:80px}}
/* v16 Your stats: one record strip (4 headline numbers + 30-day trend), a quiet detail line, per-sport split, compact history */
.rs.rs4{grid-template-columns:repeat(4,1fr)}
.rs .tr{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.tr.up{color:var(--green)}.tr.dn{color:var(--gold)}.tr.flat{color:var(--mut)}
.rs b.dn,.st-by b.dn,.hs-m b.dn{color:var(--gold)}
.st-kv{display:flex;flex-wrap:wrap;gap:6px 22px;padding:2px 2px 12px;border-bottom:1px solid var(--line)}
.st-kv div{display:flex;align-items:baseline;gap:6px}.st-kv span{font-size:12px;color:var(--mut)}.st-kv b{font-size:14px;font-variant-numeric:tabular-nums}
.st-by{display:flex;flex-direction:column;margin-top:4px}
.st-by>div{display:grid;grid-template-columns:minmax(90px,1fr) 2fr 44px 90px;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid #ffffff0b;font-size:13.5px}
.st-by>div:last-child{border-bottom:0}
.st-by small{color:var(--mut);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.st-by b{text-align:right;font-variant-numeric:tabular-nums}
.st-bar{height:5px;border-radius:9px;background:#ffffff10;overflow:hidden}.st-bar s{display:block;height:100%;background:var(--green);opacity:.75;border-radius:9px}
.st-h{margin:18px 0 10px}
.st-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.st-foot small{color:var(--mut);font-size:12px}
.st-foot .lnk:disabled{opacity:.4;cursor:default}
.hs-h{grid-template-columns:8px 1fr auto 14px}
.hs-dot{width:8px;height:8px;border-radius:50%;background:var(--mut)}.hs-dot.r-won{background:var(--green)}.hs-dot.r-lost{background:var(--gold);opacity:.8}.hs-dot.r-void{background:#ffffff30}
.hs-m b{font-size:14px}.hs-m b.up{color:var(--green)}.hs-m small{font-weight:600;color:var(--mut)}
.hs-b{padding:0 14px 12px 34px}.hs-sr{margin:0 0 4px;font-size:12px;color:var(--mut)}.hs-sr b{color:var(--txt)}
.hs-l.miss i{background:#f5c45118;color:var(--gold)}
.hs-fb{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;border-radius:99px;border:1px solid var(--line2);background:none;color:var(--mut);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.hs-fb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hs-fb.on,.hs-fb:hover{color:var(--txt);border-color:var(--gold)}
.hs-fb em{font-style:normal;font-size:10.5px;min-width:16px;height:16px;display:grid;place-items:center;border-radius:99px;background:var(--gold);color:#1d1500}
.hs-fx{display:flex;flex-wrap:wrap;gap:10px;margin:-2px 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff04}
.hs-fx select{background:#05070d;border:1px solid var(--line2);border-radius:99px;padding:6px 12px;font-size:12px;color:var(--txt)}
@media(max-width:760px){
  .px2 #pxRS .rs.rs4{grid-template-columns:repeat(4,1fr)}.px2 #pxRS .rs4>div{padding:9px 8px}.px2 #pxRS .rs4 b{font-size:16px}.rs4 span{font-size:9.5px}.rs4 small{font-size:10px}
  .hs-h{grid-template-columns:8px 1fr auto 10px}.hs-b{padding:0 12px 12px 30px}
  .hs-f{flex-wrap:nowrap}.hs-f select{flex:0 1 auto;min-width:0;max-width:34%}.hs-seg{width:auto;flex:1}.hs-seg button{flex:1;padding:6px 4px}.hs-fb span{display:none}
  .st-by>div{grid-template-columns:1fr 60px 34px 78px;gap:8px}.st-kv{gap:6px 16px}
}
.tr-p{font-style:normal;color:var(--mut)}.st-foot .lnk{white-space:nowrap}
@media(max-width:760px){.tr-p{display:none}}
/* v18 in-form meta row: tablet keeps the desktop columns; the hit bar is a fixed 36px and never shrinks into the price; very narrow drops the bar */
@media (min-width:641px) and (max-width:900px){
  .mr{grid-template-columns:40px minmax(0,1fr) auto 84px}
  .mr .mm-hs{grid-row:auto}
  .mr-nums .mr-hr{grid-column:auto;grid-row:auto;flex-direction:column;align-items:stretch;gap:6px;margin:0}
  .mr-hr i{flex:none;width:100%}
  .mr-add{grid-column:auto;grid-row:auto}
}
@media (max-width:350px){ .mr-hr i{display:none} .mr-nums{gap:10px} }
/* v18 Form > In form: the leg (stat + line) never ellipsizes; name and leg wrap, leg in accent */
.hot-m b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
.hot-leg{font-style:normal;color:var(--green);font-weight:600;white-space:nowrap}
.hot-m small{white-space:normal;overflow:visible;line-height:1.35}
/* v18 footer: three quiet groups (links, data sources, responsible gambling) */
.foot-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;margin:0 0 6px}
.foot-links a{color:var(--green);text-decoration:none;font-weight:600}
.foot-links a:hover{text-decoration:underline}
.foot .rg b{color:var(--txt);font-weight:700}
@media(max-width:760px){
  .foot{margin-top:24px;padding:20px 20px 28px;font-size:13px;line-height:1.55;display:flex;flex-direction:column;gap:14px}
  .foot p{margin:0}
  .foot-links{gap:0;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .foot-links a{flex:1;min-height:44px;display:grid;place-items:center;padding:0 8px;font-size:13px}
  .foot-links a+a{border-left:1px solid var(--line)}
  .foot-src{font-size:12.5px;color:#7f8ca0;max-width:34em;margin:0 auto!important}
  .foot .rg{font-size:13px;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:14px;border-top:1px solid #ffffff0d}
  .rg-help{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px}
  .foot .rg-sep{display:none}
  .foot .rg{gap:2px}
  .rg-help a{min-height:44px;display:inline-flex;align-items:center}
}
/* ================= v18 mobile polish (<=760px) ================= */
@media(max-width:760px){
  /* the leg (player + line + stat) is never cut off: titles wrap, meta lines wrap */
  .mr-id b,.mm-id b,.pk-id b,.lc-id b,.lh-id b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
  .lc-w b{white-space:normal;flex-wrap:wrap;gap:0 6px}.lc-w b span{overflow:visible;text-overflow:clip}
  .mr-id small,.mr-id span,.mm-id small,.lc-w small,.mm-sub small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
  .pk-why{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
  /* grids whose cards were wider than the screen */
  .pk-list{grid-template-columns:minmax(0,1fr)}.pk-c{min-width:0}
  /* sport switcher in the hero: one clean horizontal scroll row instead of clipping NHL/MLB/UFC off-screen */
  .sp-switch{align-self:stretch;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-16px;padding-right:16px;scroll-snap-type:x proximity}
  .sp-switch::-webkit-scrollbar{display:none}
  .sp-switch a{flex:none;min-height:36px;display:inline-flex;align-items:center;scroll-snap-align:start}
  /* tap targets: every small control gets an invisible 44px hit area (no visual change) */
  :where(button,[role=tab],a.lnk,a.btn,.brand,.sp-switch a,.sp-lgs a,.subnav a,.pxf a,.live-pill,.plus-chip,.h-more,.hh-how,.lv-hist):not(.topnav *){position:relative}
  :where(button,[role=tab],a.lnk,a.btn,.brand,.sp-switch a,.sp-lgs a,.subnav a,.pxf a,.live-pill,.plus-chip,.h-more,.hh-how,.lv-hist):not(.topnav *)::after{content:"";position:absolute;left:-2px;right:-2px;top:min(0px,calc((100% - 44px) / 2));bottom:min(0px,calc((100% - 44px) / 2))}
  .mm-ed,.mm-x{width:36px;height:36px}
  .lh-add{min-height:32px}
  .mr-add{height:44px}
  .hot-add{width:44px;height:44px;flex-basis:44px}
}
/* v18 mobile: no text under 11px; meta text 12px */
@media(max-width:760px){
  .bc-f>span,.br-cf small,.br-head,.c-game .oc,.ev-rec,.fd,.fm-p,.hg-top,.hs-fb em,.inj-d,.inj-soon,.inj-st,.lb-hd,.lb-tag,.lbx-fh,.lbx-t,.lbx-you,.lc-ft span,.lc-r .state,.lh-heat,.lh-next span,.lm-nums em,.lm-st,.lt-pv .pace,.lt-src,.ltable .state,.ltable th,.ltable tr.lt-grp th,.lu-out em,.lu-t li em,.m-fields label,.m-kpis span,.m-leg-nums>div,.m-leg-nums>label,.m-res,.m-tgrid span,.mm-bk .nau,.mm-tot span,.mr-head .mr-nums span,.mr-head>span,.nav-soon small,.pc-s,.pf-pro,.pk-ed small,.pk-hb small,.pk-hb span em,.pk-t small,.pk-t span,.pk-trl,.pl-badge,.pl-sec .soon,.plus-lock,.pro-b,.px-chip span,.res .inj,.res .tn,.rs span,.rs4 small,.rs4 span,.sbadge,.sp-limtag,.state,.statgrid span,.t3-b,.tier,.tk-lgn,.us-b,.wrb,.xp-g small{font-size:11px}
  #liveLabel,.band,.bt-h,.bt-s span,.btn.sm,.c-sub,.chip,.ev-foot,.ev-sets,.ev-top,.eyebrow,.fx-day span,.g .st,.hf-id small,.hf-p span,.hi-more,.hi-n small,.hot-m small,.hq span,.hs-d,.hs-dt,.hs-foot,.hs-i span,.hs-l small,.hs-m small,.hs-n small,.lbx-fc .lbx-av,.lbx-foot,.lbx-id small,.lbx-v small,.lc-r b small,.lc-w small,.leg-foot,.leg-foot .btn.sm,.lh-avg,.lh-avg small,.lh-h em,.lh-id small,.lh-leg small,.lh-more,.lm span,.lm-cnt,.lt-act .btn,.lt-g,.lt-team,.lu-out b,.lu-t details,.lu-t h5 span,.lv-seg button em,.lv-upd,.m-adv .m-disc,.m-disc,.m-gh em,.m-hint,.m-leg-s,.m-live.quiet,.m-mkt,.m-picked span,.m-saved,.m-spb small,.mb-legs .m-gh em,.mb-res,.mb-sg,.mb-tot span,.mm-bk,.mm-h span,.mm-id small,.mm-oa,.mm-pill.sm.np,.mm-risk,.mm-slip .m-gh,.mm-sub .mm-bk,.mr-gh,.pf-ax,.pf-csv,.pf-n small,.pf-strip>span,.pf-t span,.pk-bar,.pk-bh,.pk-cf,.pk-cl:not(.full) .pk-call,.pk-ft small,.pk-inj b,.pk-kv small,.pk-od small,.pl-save,.pl-th,.pl-tog .pl-pill,.pl-tog em,.pv-h2h,.pv-s small,.pv-src,.px-bf label,.px-chip small,.px-deep>div small,.px-dh,.px-mv small,.px-sh,.px-sum span,.rec-id small,.res .sub,.rs small,.soon,.spm-gs,.spm-h,.spm-live,.spm-off,.tk-s,.xg-st,.xp-odds span,.xp-p em,.xsports>span,th{font-size:12px}
}
/* v18 mobile sheets: fit the visible viewport and clear the home indicator */
@media(max-width:760px){
  .sheet-card{max-height:min(88vh,calc(100dvh - env(safe-area-inset-top) - 16px))}
  .sheet-body{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}
/* v18 mobile forms: 16px inputs stop iOS zooming on focus; selects are a comfortable 40px */
@media(max-width:760px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}
  select{min-height:40px}
}
/* v18 leaderboard: unranked "You" card stacks (the 4-col mobile grid squeezed the message into the avatar column) */
.lbx-r.lbx-un{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 14px}
.lbx-un-h{display:flex;align-items:center;gap:10px}
.lbx-un-h .lbx-n{width:auto;min-width:18px}
.lbx-un-h b{font-size:15px;font-weight:700}
.lbx-un-c{margin-left:auto;font-size:13px;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums}
.lbx-un-bar{height:6px;border-radius:99px;background:#ffffff12;overflow:hidden}
.lbx-un-bar i{display:block;height:100%;border-radius:inherit;background:var(--green);min-width:6px}
.lbx-un-m{font-size:13px;color:var(--mut);line-height:1.4}

/* v18 mobile sticky bars: the app bar scrolls away on mobile (bottom nav), so bars pin at the very top
   (not 56-60px down, which left them floating mid-page with content showing above), on an opaque
   full-bleed strip, with a right fade and trailing room so the last pill isn't clipped */
@media(max-width:760px){
  .pxf,.lv-tabs,.px2 .px-tabs{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:25;
    box-shadow:0 0 0 100vmax #05070d;clip-path:inset(-8px -100vmax);
    backdrop-filter:none;-webkit-backdrop-filter:none}
  .pxf{background:#0d121c;border-color:#ffffff14;scroll-padding-inline:12px}
  .pxf::after{content:"";position:sticky;right:-5px;flex:0 0 32px;align-self:stretch;margin:-5px -5px -5px 0;
    border-radius:0 99px 99px 0;background:linear-gradient(90deg,#0d121c00,#0d121c 75%);pointer-events:none;z-index:2}
  .pxf .pxf-set{margin-left:0}
  .lv-tabs{background:#0d121c}
  .subnav,.summary,.m-status{top:env(safe-area-inset-top,0px);background:#05070d;backdrop-filter:none;-webkit-backdrop-filter:none}
  .subnav-in{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}
  .subnav-in::-webkit-scrollbar{display:none}
  .subnav-in::after{content:"";flex:0 0 12px}
}
@media(max-width:760px){
  .sp-lgs,.sp-switch{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}
  .sp-lgs::after,.sp-switch::after{content:"";flex:0 0 20px}
}
@media(max-width:760px){
  .sp-lgs,.sp-switch,.subnav-in,.pxf{overflow-y:hidden}
  .sp-lgs a{min-height:40px;display:inline-flex;align-items:center}
}
/* v19 live tracker: no totals box under the title; tabs sit straight under the title */
#summary.lv-strip{display:none!important}
.lv>.lv-title+#summary+.lv-tabs{margin-top:2px}
/* v19 home hero: tighter copy + 3-step strip */
.home-hero.v2 .hh-title{max-width:12em;text-wrap:balance}
.home-hero.v2 .hh-desc{max-width:34em;text-wrap:pretty}
.hh-steps{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.hh-steps li{display:flex;align-items:center;gap:10px;font-size:14px;color:#c3cddc;line-height:1.3}
.hh-steps b{color:var(--txt);font-weight:700}
.hh-si{position:relative;flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#34e39a14;box-shadow:inset 0 0 0 1px #34e39a33}
.hh-si .hi{width:17px;height:17px;fill:none;stroke:var(--green);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
  .hh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
  .hh-steps li{flex-direction:column;align-items:flex-start;gap:8px;padding:10px;border-radius:12px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff10;font-size:13px}
  .hh-steps li>span:last-child{display:flex;flex-direction:column;gap:1px;color:var(--mut)}
}
/* v19 Form tab "In form": one card template for every sport.
   rank | avatar | name / leg / meta | % | +, with the last-10 bars as an equal-segment row under the text */
.hot-list{align-items:stretch}
.hot-i{min-height:95px}
.hot-i{display:grid;grid-template-columns:18px 42px minmax(0,1fr) auto 40px;grid-template-rows:auto auto;column-gap:10px;row-gap:7px;align-items:center;padding:12px}
.hot-i>.hot-r,.hot-i>.hot-av,.hot-i>.band,.hot-i>.hot-add{grid-row:1/3;align-self:center}
.hot-i>.hot-r{grid-column:1}.hot-i>.hot-av{grid-column:2}.hot-i>.band{grid-column:4}.hot-i>.hot-add{grid-column:5}
.hot-m{grid-column:3;grid-row:1;gap:1px}
.hot-m .hot-n{font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-m .hot-leg{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--green);white-space:normal;overflow-wrap:anywhere}
.hot-m small{font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-dots{grid-column:3;grid-row:2;display:grid;grid-template-columns:repeat(10,1fr);gap:3px;max-width:150px}
.hot-dots i{display:block;height:8px;border-radius:2px;background:#ffffff1f}
.hot-dots i.h{background:var(--green);box-shadow:0 0 6px #34e39a55}
.hot-dots i.m{background:#ffffff1f}
.hot-add{width:40px;height:40px;flex:none}
@media(max-width:760px){
  .hot-add{width:40px;height:40px;flex-basis:40px}
  .hot-m small{white-space:nowrap}
}
@media(max-width:430px){
  /* phones: rank rides on the avatar so the leg keeps its room */
  .hot-i{grid-template-columns:40px minmax(0,1fr) auto 40px;column-gap:9px;padding:11px 10px}
  .hot-i>.hot-av{grid-column:1;width:40px;height:40px;flex-basis:40px}
  .hot-i>.hot-r{grid-column:1;align-self:start;justify-self:start;margin:-4px 0 0 -4px;z-index:1;width:18px;height:18px;border-radius:50%;background:var(--panel2);box-shadow:0 0 0 1px var(--line);font-size:11px;line-height:18px}
  .hot-m,.hot-dots{grid-column:2}.hot-i>.band{grid-column:3}.hot-i>.hot-add{grid-column:4}
  .hot-i .band{padding-left:7px;padding-right:7px}
}
@media(max-width:360px){
  /* smallest phones: % sits above + in one right-hand column (pair centred) so the meta line keeps its room */
  .hot-i{grid-template-columns:40px minmax(0,1fr) auto}
  .hot-i>.band{grid-column:3;grid-row:1/3;align-self:center;justify-self:center;margin-bottom:46px}
  .hot-i>.hot-add{grid-column:3;grid-row:1/3;align-self:center;justify-self:center;width:36px;height:36px;flex-basis:36px;margin-top:30px}
}

/* v19 plans: stack in tier order (Starter > Pulse+ > Pro) on mobile; the badge keeps the highlight */
.pl-cards .pl-card{order:0}
.home-hero .hh-note{margin:14px 0 0;font-size:12px;line-height:1.45;color:var(--mut);opacity:.85;max-width:40em}
@media(max-width:760px){.home-hero .hh-note{font-size:11.5px;margin-top:12px}}
/* v19 hero CTAs: sharp primary + ghost, 48px */
.home-hero .hh-ctas{gap:10px;margin-top:24px;flex-wrap:nowrap}
.home-hero .hh-cta{height:48px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:-.01em;justify-content:center;gap:8px;white-space:nowrap;transition:transform .15s ease,box-shadow .2s,background-color .2s,border-color .2s,color .2s}
.home-hero .hh-cta.prim{box-shadow:0 6px 20px -8px #34e39a99}
.home-hero .hh-cta.prim:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px #34e39acc}
.home-hero .hh-ghost{background:#ffffff06;border:1px solid #ffffff2b;color:var(--txt)}
.home-hero .hh-ghost:hover{border-color:#34e39a8c;color:var(--green);background:#34e39a0d}
.home-hero .hh-arr{transition:transform .2s}
.home-hero .hh-ghost:hover .hh-arr{transform:translateX(3px)}
.home-hero .hh-cta:active{transform:scale(.97)}
.home-hero .hh-cta:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:760px){.home-hero .hh-cta{flex:1 1 0;min-width:0;padding:0 12px;font-size:14.5px}}
@media(max-width:300px){.home-hero .hh-ctas{flex-wrap:wrap}.home-hero .hh-cta{flex-basis:100%}}
/* v19: at 320 the guest header (crown + live pill + Sign up) overflowed; drop the LIVE word, keep dot + count */
@media(max-width:360px){.live-pill .lp-w{display:none}.hero-meta{gap:6px}}
/* v20 sign-up age gate */
.acc-age{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--txt);cursor:pointer;min-height:44px}
.acc-age input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--green)}
.acc-note a{color:var(--green);text-decoration:none}.acc-note a:hover{text-decoration:underline}
@media(max-width:760px){.acc-f input,.acc-f select,.acc-f textarea{font-size:16px}}

/* v21: paper-bet label, no-money chip, coach mark */
.pp-paper{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;line-height:1;color:var(--mut);border:1px solid #ffffff1c;background:#ffffff08;border-radius:999px;padding:4px 8px;white-space:nowrap;width:max-content}
.pp-paper svg{flex:none;opacity:.85}
.mb-paper{padding:0 16px 6px}
.lc-id .pp-paper{margin-top:5px}
.lsec-h .pp-paper{margin-left:auto;margin-right:8px}
.hs-paper{margin:6px 0 0}
.mb-nm{display:flex;justify-content:center;margin-top:8px}
.pp-nm{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--green);background:#34e39a14;border:1px solid #34e39a33;border-radius:999px;padding:4px 10px}
.pp-nm::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pp-coach{position:relative;display:flex;align-items:center;gap:12px;background:var(--panel2);border:1px solid #34e39a55;border-radius:12px;padding:10px 12px;margin:4px 16px 10px;font-size:13px;line-height:1.4;color:var(--txt);animation:ppCoach .25s ease-out}
.pp-coach p{margin:0;flex:1}
.pp-coach .btn{flex:none;min-height:32px;padding:0 14px}
.pp-coach::after{content:"";position:absolute;left:28px;top:-7px;width:12px;height:12px;background:var(--panel2);border-left:1px solid #34e39a55;border-top:1px solid #34e39a55;transform:rotate(45deg)}
@keyframes ppCoach{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pp-coach{animation:none}}
@media (max-width:360px){.pp-coach{flex-direction:column;align-items:stretch}.pp-coach .btn{align-self:flex-end}}
.home-hero .hh-desc .hh-pos{color:var(--txt);font-weight:600}

/* v22: hero steps tidy on mobile (stacked list), legal pages, consent copy */
@media (max-width:760px){
  .home-hero .hh-steps{display:grid;grid-template-columns:1fr;gap:6px;margin-top:14px}
  .home-hero .hh-steps li{flex-direction:row;align-items:center;gap:10px;padding:8px 10px;min-height:52px;border-radius:12px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff10;font-size:13px}
  .home-hero .hh-steps .hh-si{width:30px;height:30px}
  .home-hero .hh-steps .hh-st{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.3}
  .home-hero .hh-steps .hh-st b{font-size:13.5px}
  .home-hero .hh-steps .hh-st>span{color:var(--mut);font-size:12.5px}
}
.pl-consent{flex:1 1 100%;margin:2px 0 0;font-size:11.5px;line-height:1.4;color:var(--mut)}
.pl-consent a{color:var(--mut);text-decoration:underline}
.acc-terms{margin:10px 0 0;font-size:12px;line-height:1.4;color:var(--mut);text-align:center}
.acc-terms a{color:var(--txt)}
.acc-nl span{color:var(--mut);font-size:13px}
.pl-was .pl-wm{color:var(--mut);font-size:12px}
.pk-disc{margin:0 0 10px;font-size:12px;color:var(--mut)}
.foot-legal{display:flex;justify-content:center;align-items:center;gap:8px;margin:8px 0 6px;font-size:12.5px;color:var(--mut)}
.foot-legal a{color:var(--mut);text-decoration:none;padding:6px 2px}
.foot-legal a:hover{color:var(--txt,#fff);text-decoration:underline}
.lgl{max-width:760px;margin:0 auto;padding-bottom:32px}
.lg-hero .lg-upd{display:inline-block;margin-top:8px;font-size:12px;color:var(--mut);border:1px solid #ffffff1c;background:#ffffff08;border-radius:10px;padding:4px 10px;font-size:11.5px;line-height:1.4}
.lg-doc{padding:0 16px}
.lg-s{border-top:1px solid var(--line);padding:16px 0}
.lg-s h2{margin:0 0 8px;font:600 16px/1.3 var(--disp)}
.lg-s p,.lg-s li{margin:0 0 8px;font-size:14px;line-height:1.55;color:#c3cddc;overflow-wrap:anywhere}
.lg-s ul{margin:0;padding-left:18px}
.lg-s b{color:var(--txt)}
.lg-un{padding:8px 16px 24px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;max-width:420px;margin:0 auto}
.lg-un p{margin:0;font-size:14px;line-height:1.5;color:#c3cddc}
@media (max-width:360px){.foot-links a{padding:0 4px;font-size:12.5px;white-space:nowrap}}
/* ---------- tips: tap-to-open ⓘ popovers (tips.js) ---------- */
.tip-i{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-5px -3px -5px 0;padding:0;border:0;background:none;color:var(--mut);cursor:pointer;vertical-align:middle;flex:none;-webkit-tap-highlight-color:transparent;font:inherit;line-height:1}
.tip-i::before{content:"i";display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1.3px solid currentColor;font:700 9px/1 var(--body);font-style:normal;letter-spacing:0;text-transform:none;opacity:.85}
.tip-i:hover,.tip-i[aria-expanded=true]{color:var(--green)}
.tip-i:focus-visible{outline:2px solid var(--green);outline-offset:-2px;border-radius:50%}
html.tips-off .tip-i,html.tips-off .tip-leg:not(.keep){display:none!important}
.tip-pop{position:fixed;z-index:9999;max-width:260px;box-sizing:border-box;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line2,#ffffff22);color:var(--txt);box-shadow:0 10px 30px #000a;font:400 13px/1.45 var(--body);text-align:left;text-transform:none;letter-spacing:0;white-space:normal;overflow-wrap:break-word}
.tip-pop::before{content:"";position:absolute;top:-6px;left:calc(var(--ax,50%) - 6px);width:10px;height:10px;background:var(--panel2);border-left:1px solid var(--line2,#ffffff22);border-top:1px solid var(--line2,#ffffff22);transform:rotate(45deg)}
.tip-pop.up::before{top:auto;bottom:-6px;transform:rotate(225deg)}
.tip-pop p{margin:0}
.tip-pop .tip-off{display:block;margin:8px 0 0;padding:4px 0;border:0;background:none;color:var(--mut);font:600 12px/1.2 var(--body);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.tip-pop .tip-off:hover{color:var(--txt)}
.tip-pop:focus{outline:none}
.tip-leg{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;margin:0 0 10px;color:var(--mut);font-size:12px;line-height:1.4}
.tip-leg>span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.tip-wrap{display:flex;align-items:center;gap:6px}
.tip-wrap>label{flex:0 1 auto;min-width:0}
[data-tipx]{cursor:pointer}
.mb-chips-w{display:flex;align-items:flex-start;gap:2px}
.mb-chips-w>.mb-chips{flex:0 1 auto;min-width:0}
.mb-chips-w>.tip-i{margin:3px 0 0}
.tip-nw{white-space:nowrap}
.h-lb>*{min-width:0}
@media(max-width:360px){.lb-card{padding:12px 8px}.lb-row{grid-template-columns:14px minmax(0,1fr) 42px 34px 50px;gap:4px}.lb-hd span{white-space:nowrap;letter-spacing:.04em}.lb-row>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* v25: '+ Add' toggles: selected state, tap again to remove; fixed width so rows don't shift */
.mr-add{width:100%;min-width:0;padding:0 6px;white-space:nowrap}
.mr-add.on,.mr-add.on:hover:not(:disabled){background:var(--green)!important;color:#03140c!important;box-shadow:none;cursor:pointer}
.mr-add.on:active:not(:disabled){transform:scale(.96)}
.hot-add.on{background:var(--green);color:#03140c;border-color:var(--green)}
.hot-add.on:hover{background:var(--green);filter:brightness(.92)}
.lh-add,.fm-add{justify-content:center;white-space:nowrap}
.lh-add{min-width:9.2em}.fm-add{min-width:6.4em}
.lh-add.on,.fm-add.on,.pk-add.on{background:var(--green);color:#03140c;border-color:var(--green)}
.pk-add{min-width:9.2em;justify-content:center;white-space:nowrap}
.mr-add:focus-visible,.hot-add:focus-visible,.lh-add:focus-visible,.fm-add:focus-visible,.pk-add:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.mr-add:not(.on):hover:not(:disabled){background:#34e39a33!important;color:var(--green)!important}

/* v27: not playing. Bench / DNP / Void · DNP are neutral grey, never 'Behind' orange */
.s-BENCH,.s-DNP{background:#ffffff10;color:var(--mut);border:1px solid #ffffff22}
.f-BENCH,.f-DNP{background:#ffffff22}
.lc-stw{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.lc-stw .tip-i,.m-st .tip-i,.leg-top .tip-i{flex:0 0 auto}
.lc-adj{font-style:normal;font-size:10px;color:var(--mut);font-weight:700}

/* v27: original odds / return struck through when a DNP leg is voided */
.was{text-decoration:line-through;font-size:.78em;font-weight:600;color:var(--mut);margin-right:4px;opacity:.85}
.mb-adj{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:8px 0 0;font-size:11.5px;color:var(--mut);font-variant-numeric:tabular-nums}.mb-adj span{white-space:nowrap}.mb-adj span:first-child{font-weight:700}
/* v29: priced favourites in In form */
.hot-px{color:var(--txt);font-weight:700}
.hot-est{font-style:normal;font-size:10px;opacity:.75;margin-right:1px}

/* =================== v33 nav: centre Build button (mobile) + gold Build control (desktop) =================== */
.nav-tab.nav-build{order:9;margin-left:auto;gap:6px;height:36px;padding:0 15px 0 11px;border-radius:99px;color:#1d1500;font-weight:800;background:linear-gradient(135deg,var(--gold2,#ffdf8a),var(--gold));box-shadow:0 0 18px -6px var(--gold)}
.nav-tab.nav-build:hover,.nav-tab.nav-build.on{color:#1d1500;background:linear-gradient(135deg,var(--gold2,#ffdf8a),var(--gold));box-shadow:0 0 0 2px #f5c45155,0 0 22px -4px var(--gold)}
.nav-build .nb-fab{display:grid;place-items:center}
.nav-build .nb-fab svg{width:17px;height:17px;fill:none;stroke:#1d1500;stroke-width:2.6;stroke-linecap:round}
@media(min-width:901px){.nav-tab.nav-build .nl-long{display:inline}.nav-tab.nav-build .nl-short{display:none}}
@media(max-width:760px){
  .topnav{grid-template-columns:repeat(5,1fr)!important}
  .topnav .nav-tab[data-view="home"]{order:1}.topnav .nav-tab[data-view="live"]{order:2}.topnav .nav-tab.nav-build{order:3}.topnav .nav-tab.nav-plus{order:4;display:flex}#navMe{order:5}
  .nav-tab.nav-plus.on,.nav-tab.nav-plus:hover{background:none;color:var(--gold2)}.nav-tab.nav-plus.on::before{background:var(--gold);box-shadow:0 0 12px var(--gold)}
  .nav-tab.nav-build,.nav-tab.nav-build:hover,.nav-tab.nav-build.on{margin:0;height:52px;padding:0 0 4px;justify-content:flex-end;border-radius:12px;background:none;box-shadow:none;color:var(--gold);font-weight:700;overflow:visible}
  .nav-tab.nav-build.on::before{display:none}
  .nav-build .nb-fab{position:absolute;top:-24px;left:50%;width:52px;height:52px;margin-left:-26px;border-radius:50%;background:linear-gradient(135deg,var(--gold2,#ffdf8a),var(--gold));box-shadow:0 0 0 5px var(--bg),0 8px 22px -6px #f5c451aa,0 0 20px -6px var(--gold);transition:transform .15s}
  .nav-build .nb-fab svg{width:26px;height:26px}
  .nav-build:active .nb-fab{transform:scale(.94)}
  .nav-build.on .nb-fab{box-shadow:0 0 0 5px var(--bg),0 0 0 7px #f5c45166,0 0 24px -4px var(--gold)}
  .toast{bottom:calc(100px + env(safe-area-inset-bottom))}
  .mb.has .mb-sum{padding-bottom:36px}   /* room for the raised Build button */
}
/* v33: Sports inside Build (left research column) */
.mb-spi{margin:14px 0 18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card-solid,#0d1320);min-width:0}
.spi-h{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;min-width:0}
.spi-h b{font-family:var(--disp);font-size:16px;letter-spacing:-.01em;white-space:nowrap}
.spi-h small{color:var(--mut);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spi-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px 2px;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.spi-row::-webkit-scrollbar{display:none}
.spi-c{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--line2);background:#ffffff06;color:#c9d3e3;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.spi-c svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.spi-c.s-off{color:#8a97abaa}
.spi-c i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:lvP 1.6s infinite}
.spi-c:hover{color:#fff;background:#ffffff0d}
.spi-c.on{background:var(--txt);color:#05070d;border-color:transparent}
.spi-pv{margin-top:12px}
.spi-pv .spm-ph b{font-size:17px}.spi-pv .spm-ic.lg{width:38px;height:38px}
.spi-pv .spm-ql{margin-top:0;padding-top:10px}
.spi-hint{margin:10px 0 0;color:var(--mut);font-size:13px;line-height:1.5}
.mb-lt{display:flex;gap:4px;padding:4px;margin:14px 0 4px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}
.mb-lt button{flex:1;height:36px;border:0;border-radius:10px;background:none;color:var(--mut);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.mb-lt button.on{background:var(--txt);color:#05070d;font-weight:700}
.mb-lt+.mb-spi{margin-top:10px}
.mb-lt~.mb-lh{display:none}.mb-lt~.mb-ex{margin-top:10px}
@media(min-width:761px){.topnav .nav-tab[data-view="live"] .nav-n{position:static;margin-left:2px}}
/* ---------- v35 Form redesign (sport hub > Form) ---------- */
.fx-bar{position:sticky;top:calc(var(--stick,0px) + var(--subh,46px));z-index:15;margin:0 -10px 12px;padding:10px 10px 8px;background:#05070de6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.fx-top{display:flex;gap:8px;align-items:center}
.fx-q{flex:1;min-width:0;position:relative;margin:0}
.fx-q input{width:100%;height:42px;padding:0 12px 0 38px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-size:16px;outline:0}
.fx-q input:focus{border-color:#34e39a66}
.fx-qi{position:absolute;left:12px;top:12px;width:18px;height:18px;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round;pointer-events:none}
.fx-team{height:42px;max-width:38%;border-radius:12px;background:var(--panel);border:1px solid var(--line);padding:0 10px;font-size:14px}
.fx-top .fx-team:only-child{max-width:none;flex:1}
.fx-chips{display:flex;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-width:none;align-items:center}
.fx-chips::-webkit-scrollbar{display:none}
.fx-c,.fx-g{flex:0 0 auto;height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:var(--panel);color:var(--mut);font-size:13px;font-weight:800;cursor:pointer}
.fx-c.on,.fx-g.on{background:#34e39a1f;border-color:#34e39a66;color:var(--green)}
.fx-hi{margin-left:2px}
.fx-g{padding:0 8px;max-width:150px}
.fx-quick{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-2px 0 12px}
.fx-quick span{font-size:12px;color:var(--mut);font-weight:700;flex:0 0 auto}
.fx-wrap{display:block}
.fx-side{display:none}
.fx-h{display:flex;align-items:baseline;gap:10px;margin:2px 0 8px}.fx-h h3{margin:0;font-family:var(--disp);font-size:19px;letter-spacing:-.02em}.fx-h span{color:var(--mut);font-size:12px;display:inline-flex;align-items:center;gap:4px}
.fx-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:16px;background:linear-gradient(165deg,var(--panel2),var(--panel));overflow:hidden}
.fx-r{display:flex;align-items:center;gap:8px;padding:0 10px 0 0;border-top:1px solid var(--line)}
.fx-r:first-child{border-top:0}
.fx-r.open{background:#34e39a0d}
.fx-tap{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:10px 0 10px 10px;background:none;border:0;text-align:left;cursor:pointer}
.fx-rk{width:16px;flex:0 0 16px;text-align:center;font-family:var(--disp);font-weight:700;font-size:12px;color:var(--mut)}
.fx-r:nth-child(-n+3) .fx-rk{color:var(--yellow)}
.fx-av{width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover;object-position:top;background:#ffffff0a}
.fx-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.fx-id b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-id em{font-style:normal;font-size:13px;font-weight:700;color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-id small{font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-st{display:flex;align-items:center;gap:6px;margin-top:3px}
.fx-st small{font-size:10px;font-weight:800;color:var(--mut)}
.fx-r{scroll-margin-top:calc(var(--stick,0px) + var(--subh,46px) + 104px)}
.fx-l10{display:inline-flex;gap:2px}
.fx-l10 i{width:4px;height:12px;border-radius:2px;background:#ffffff1f}
.fx-l10 i.h{background:var(--green)}
.fx-px{font-family:var(--disp);font-weight:700;color:var(--txt)}
.fx-r .band{margin-left:0;flex:0 0 auto;min-width:48px;text-align:center}
.fx-add{flex:0 0 auto;height:34px;min-width:68px;padding:0 10px;border-radius:99px;border:0;background:#34e39a1a;box-shadow:inset 0 0 0 1px #34e39a40;color:var(--green);font-family:var(--disp);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.fx-add:hover{background:var(--green);color:#03140c}
.fx-add.on{background:var(--green);color:#03140c;box-shadow:none}
.fx-more{display:block;width:100%;margin-top:8px;height:40px;border-radius:12px;border:1px dashed var(--line);background:none;color:var(--mut);font-weight:800;cursor:pointer}
.fx-none,.fx-empty{padding:18px;border:1px dashed var(--line);border-radius:16px;color:var(--mut);font-size:14px;text-align:center}
.fx-empty{display:flex;flex-direction:column;gap:4px}.fx-empty b{color:var(--txt);font-family:var(--disp);font-size:16px}
.linkish{background:none;border:0;color:var(--green);font-weight:800;cursor:pointer;padding:0}
/* breakdown */
.fx-x{border-top:1px solid #34e39a33;background:#0a111d;padding:12px 10px 14px;list-style:none}
.fx-list .fx-x{border-top:1px solid #34e39a33}
.fx-pin{position:relative;border:1px solid #34e39a40;border-radius:16px;margin-bottom:12px}
.fx-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--mut);cursor:pointer;z-index:1}
.fx-head{display:flex;align-items:center;gap:10px;margin-bottom:4px;padding-right:34px}
.fx-hav{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top;background:#ffffff0a;flex:0 0 48px}
.fx-head h3{margin:0;font-family:var(--disp);font-size:18px;letter-spacing:-.01em}.fx-head p{margin:1px 0 0;font-size:12px;color:var(--mut)}
.fx-sub{margin:0 0 8px;font-size:11px;color:var(--mut);display:flex;align-items:center;gap:4px}
.fx-lines{display:flex;flex-direction:column;gap:6px}
.fx-ln{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"lt b add" "hits hits hits";gap:6px 8px;align-items:center;padding:9px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.fx-ln.fx-hl{border-color:#34e39a59;box-shadow:inset 3px 0 0 var(--green)}
.fx-lt{grid-area:lt;display:flex;align-items:center;gap:8px;min-width:0}.fx-lt b{font-size:14px}
.fx-ln .band{grid-area:b;margin-left:0;min-width:48px;text-align:center}
.fx-ln .fx-add{grid-area:add;height:32px;min-width:64px}
.fx-hits{grid-area:hits;display:flex;align-items:center;justify-content:space-between;gap:10px}
.fx-l10.big{gap:3px}.fx-l10.big i{width:14px;height:16px;border-radius:3px}
.fx-l10.big i.l5{margin-right:5px}
.fx-ls{display:flex;gap:10px;font-size:11px;font-weight:800;color:var(--mut)}.fx-ls b{font-family:var(--disp);font-size:14px;color:var(--txt)}
.fx-step{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel2)}
.fx-step button{width:28px;height:30px;border:0;background:none;color:var(--mut);font-size:16px;font-weight:800;cursor:pointer}
.fx-step input{width:44px;height:30px;border:0;background:none;text-align:center;font-size:16px;font-weight:900;color:var(--green);outline:0;-moz-appearance:textfield}
.fx-step input::-webkit-outer-spin-button,.fx-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fx-hint{margin:8px 0 0}
.fx-log{margin-top:10px}.fx-log summary{cursor:pointer;font-weight:800;font-size:13px;color:var(--mut);padding:6px 0}
@media(max-width:360px){.fx-add{min-width:58px;padding:0 8px}.fx-r .band{min-width:42px;padding:4px 6px}.fx-l10.big i{width:11px}}
@media(min-width:901px){
  .fx-bar{margin:0 0 14px;border:1px solid var(--line);border-radius:16px}
  .fx-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:16px;align-items:start}
  .fx-side{display:block;position:sticky;top:calc(var(--stick,0px) + var(--subh,46px) + 120px);max-height:calc(100vh - var(--stick,0px) - 190px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:#0a111d;padding:14px}
  .fx-side .fx-empty{border:0}
  .fx-r{padding-right:12px}.fx-tap{gap:12px;padding:11px 0 11px 12px}.fx-av{width:40px;height:40px;flex-basis:40px}
  .fx-l10 i{width:5px;height:14px}
}
.fx-tap:disabled{cursor:default;opacity:1}
/* v36: chip rows never squash a chip onto two lines; a full row scrolls sideways (no scrollbar) */
.mb-chips button,.fx-c,.fx-g,.fx-quick button,.chipset button,.us-chips button{flex:0 0 auto;white-space:nowrap}
.mb-chips-w{align-items:center}
.mb-chips-w>.mb-chips{flex:0 1 auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:7px 0;margin:-7px 0 -1px}
.mb-chips-w>.mb-chips::-webkit-scrollbar,.fx-quick::-webkit-scrollbar{display:none}
.mb-chips-w>.tip-i{margin:0 0 0 2px}
/* v37: top bar fits narrow screens / large text: tighter gaps, smaller wordmark, logo-only when very tight */
@media(max-width:340px){.appbar-in{padding:0 10px;gap:6px}.brand{gap:6px}.wm{font-size:16px}.hero-meta{gap:4px}.btn.acct-sign{padding:0 10px}}
@media(max-width:280px){.brand .wm{display:none}}
/* v38: Your record: P/L hero + three calm stats */
.rx{display:flex;align-items:center;gap:22px;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card-solid)}
.rx-hero{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.rx-l{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--mut)}
.rx-pl{font-family:var(--disp);font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.rx-pl.up{color:var(--green)}.rx-pl.neg{color:var(--red)}.rx-pl.nil{color:var(--mut)}
.rx small{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx .tr{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.rx-st{display:flex;flex:0 0 auto}
.rx-st>div{display:flex;flex-direction:column;gap:2px;min-width:104px;padding:2px 20px;border-left:1px solid var(--line)}
.rx-st span{font-size:12px;font-weight:600;color:var(--mut)}
.rx-st b{font-family:var(--disp);font-size:19px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.2}
.rx-st b.up{color:var(--green)}.rx-st b.neg{color:var(--red)}
.rx.rs-load .rx-pl{width:50%;background:#ffffff0a;border-radius:8px}
@media(max-width:760px){
  .rx{flex-direction:column;align-items:stretch;gap:12px;padding:14px 14px 12px}
  .rx-pl{font-size:30px}
  .rx-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:11px;border-top:1px solid var(--line)}
  .rx-st>div{min-width:0;padding:0 10px}.rx-st>div:first-child{padding-left:0;border-left:0}
  .rx-st b{font-size:16px}.rx small{font-size:11.5px}
}
@media(max-width:340px){.rx-st>div{padding:0 8px}.rx-st b{font-size:15px}}
/* v38: simpler AI builder: stake + style up front, legs and min % under Advanced, one summary row */
.bc.bc2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px 16px;align-items:start;padding:18px}
.bc2 .bc-lead{grid-column:1/-1;margin:0;color:var(--mut);font-size:14px;line-height:1.45}
.bc2 .bc-f>span{font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--mut)}
.bc2 .bc-f>small{font-size:11.5px;color:var(--mut);margin-top:-1px}
.bc2 .bc-mode{grid-column:auto}
.bc2 .seg.bv button{white-space:nowrap}
.bc-adv{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}
.bc-adv summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:13px;font-weight:700;color:var(--txt);min-height:32px}
.bc-adv summary::-webkit-details-marker{display:none}
.bc-adv summary::before{content:"";width:7px;height:7px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(-45deg);transition:transform .2s;margin:0 3px 0 1px}
.bc-adv[open] summary::before{transform:rotate(45deg)}
.bc-adv summary small{margin-left:auto;font-size:12px;font-weight:600;color:var(--mut)}
.bc-adv-in{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding-top:10px}
.bc2 .bc-go{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:6px}
.bc2 .bc-go .btn{height:52px;width:100%;font-size:16px;border-radius:14px}
.bc2 .bc-go .px-q{margin:0;text-align:center;font-size:12px}
.bc-note{margin:12px 0 0;color:var(--mut);font-size:13px;line-height:1.45}
/* v87: Add all 3 styles in one slip */
.b3{margin:16px 0 0;padding:14px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:14px;background:rgba(255,255,255,.03)}
.b3-h{display:flex;flex-direction:column;gap:2px}.b3-h small,.b3-n{color:var(--mut);font-size:13px;line-height:1.4}
.b3-r{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:10px 0 6px}.b3-r>div{display:flex;flex-direction:column;min-width:0}
.b3-r span{color:var(--mut);font-size:12px}.b3-r b{font-size:18px}.b3-r .btn{flex:1 1 100%;min-height:44px}
@media(min-width:560px){.b3-r .btn{flex:0 0 auto;margin-left:auto}}
.rb-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:20px 2px 8px}
.rb-h b{font-family:var(--disp);font-size:18px;letter-spacing:-.02em}.rb-h small{color:var(--mut);font-size:12px;white-space:nowrap}
.rb-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.rb-sum>div{display:flex;flex-direction:column;gap:2px;padding:12px 16px;min-width:0}
.rb-sum>div+div{border-left:1px solid var(--line)}
.rb-sum span{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--mut)}
.rb-sum b{font-family:var(--disp);font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.rb-sum>div:nth-child(2) b{color:var(--gold)}
@media(max-width:720px){
  .bc.bc2{grid-template-columns:1fr;padding:14px;gap:14px}
  .bc2 .bc-lead{font-size:13.5px}
  .rb-sum>div{padding:10px 12px}.rb-sum b{font-size:18px}
}
@media(max-width:340px){.rb-sum{grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr) minmax(0,1.05fr)}.rb-sum>div{padding:10px 7px}.rb-sum span{gap:2px}.rb-sum .tip-i{width:16px;margin-right:-2px}.rb-sum>div:last-child{padding-right:5px}.rb-sum b{font-size:16px}.bc-adv-in{gap:10px}}
.rb-h b{white-space:nowrap}.br-id b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:340px){.br{gap:10px 8px;padding:14px 2px}.br-av{width:36px;height:36px}.rb-h b{font-size:16px}}
.bc2 .bc-go .btn{display:flex;align-items:center;justify-content:center;text-align:center}
/* v38 mobile: 44px hit areas and no wrapping at large text */
.bc2 .bc-in{min-height:44px}.bc2 .bc-in input{min-height:42px;align-self:stretch}
.bc-adv summary{min-height:44px}
.bc-adv summary small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bc2 .seg.bv button{min-height:40px}
.rb-h{flex-wrap:wrap;row-gap:2px}.br-d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-cf small{font-size:11px}
@media(max-width:360px){.bc-adv-in{grid-template-columns:1fr}}
@media(max-width:360px){.br{grid-template-columns:36px minmax(0,1fr) auto 36px;grid-template-areas:"av id id id" "cf why pr sw"}.br-id b{white-space:normal}}
/* v38: Your stats: mini-stat grid, clearer per-sport rows, roomier history, one-line footer */
.st-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:2px 0 4px}
.st-g>div{display:flex;flex-direction:column;gap:3px;padding:12px 16px;min-width:0}
.st-g>div+div{border-left:1px solid var(--line)}
.st-g span{font-size:12px;font-weight:600;color:var(--mut);white-space:nowrap}
.st-g b{font-family:var(--disp);font-size:18px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.st-by2{display:flex;flex-direction:column;margin-top:10px}
.st-by2>div{display:grid;grid-template-columns:1fr auto;grid-template-areas:"sp pl" "bar n";gap:6px 12px;align-items:center;padding:12px 2px;border-bottom:1px solid #ffffff0b}
.st-by2>div:last-child{border-bottom:0}
.st-by2 .st-sp{grid-area:sp;font-size:14px;font-weight:600;white-space:nowrap}
.st-by2 b{grid-area:pl;text-align:right;font-size:14.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.st-by2 b.up{color:var(--green)}.st-by2 b.neg{color:var(--red)}
.st-by2 .st-bar{grid-area:bar;height:6px}
.st-by2 small{grid-area:n;color:var(--mut);font-size:12px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.hs-f.hs-f2{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}
.hs-f2 select{max-width:none;min-width:0}
.hs-f2 .hs-seg{justify-self:start}
.hs-f2 .hs-fb{margin-left:0}
.hs-h{padding:14px 16px;gap:12px}
.hs-n{gap:3px}.hs-n b{font-size:14px}.hs-n small,.hs-m small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-m{gap:3px}.hs-m b{font-size:14.5px;white-space:nowrap}.hs-m b.dn{color:var(--red)}
.hs-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:10px 2px 0}
.st-foot{margin-top:10px;padding-top:10px}.st-foot small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media(max-width:760px){
  .st-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-g>div:nth-child(3){border-left:0}.st-g>div:nth-child(n+3){border-top:1px solid var(--line)}
  .st-g>div{padding:10px 14px}.st-g b{font-size:16px}
  .hs-f.hs-f2{grid-template-columns:1fr auto;flex-wrap:initial}
  .hs-f2 select{max-width:none;flex:initial}
  .hs-f2 .hs-seg{grid-column:1/-1;grid-row:2;width:100%;justify-self:stretch}
  .hs-f2 .hs-seg button{flex:1;padding:7px 4px}
  .hs-h{padding:13px 12px;gap:10px}
}
@media(max-width:340px){.hs-h{padding:12px 10px;gap:8px}.hs-n b,.hs-m b{font-size:13.5px}.st-g>div{padding:10px 11px}}
/* v38 mobile: 40px+ controls, readable struck price, no wrapping at large text */
.hs-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-n .was{font-size:11px}
@media(max-width:760px){
  .hs-f2 select,.hs-f2 .hs-fb{min-height:40px}.hs-f2 .hs-seg button{min-height:38px}
  .hs-fx{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hs-dt{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}
  .hs-dt input,.hs-dt select{min-height:40px;width:100%;min-width:0;box-sizing:border-box}
  .hs-dt:last-child{grid-column:1/-1}
  .st-foot .lnk{min-height:40px;display:inline-flex;align-items:center}
}
@media(max-width:420px){.hs-stk{display:none}}
@media(max-width:360px){.hs-spn{display:none}.hs-n .was{display:none}}
/* v38: Leaderboard: two calm control rows, one meta line, medal ranks, whole-row links, one-line footer */
.lbx-ctl2{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.lbx-ctl2 .lbx-seg button{min-height:36px}
.lbx-meta{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;margin:12px 2px 0;font-size:12.5px;color:var(--mut)}
.lbx-meta>span:first-child{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-width:0}
.lbx-pz{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--gold);font-weight:600;font-size:12px}
.lbx-pz .crown{width:14px;height:14px;stroke:var(--gold);fill:none;stroke-width:1.8}
.lbx-feat2{display:flex;gap:8px;margin:14px -2px 0;padding:2px;overflow-x:auto;scrollbar-width:none}
.lbx-feat2::-webkit-scrollbar{display:none}
.lbx-feat2 .lbx-fc{min-height:40px;box-sizing:border-box}
.lbx2 .lbx-r{position:relative;padding:14px 10px;gap:12px}
.lbx2 .lbx-id b a::after{content:"";position:absolute;inset:0;border-radius:10px}
.lbx2 .lbx-r:hover{background:#ffffff05}
.lbx2 .wrb{position:relative;z-index:1}
.lbx2 .lbx-id small{flex-wrap:nowrap;gap:8px;overflow:hidden}
.lbx2 .lbx-t{border:0;padding:0;font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none}
.lbx2 .lbx-you{font-size:11px;letter-spacing:0;text-transform:none;font-weight:700;margin-left:6px}
.lbx2 .lbx-n{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:14px;justify-self:center}
.lbx2 .lbx-r.m1 .lbx-n{background:#f5c45126;color:var(--gold)}
.lbx2 .lbx-r.m2 .lbx-n{background:#c9d3e026;color:#d6dde8}
.lbx2 .lbx-r.m3 .lbx-n{background:#cd8a4f26;color:#e0a06a}
.lbx-list.lbx2 .lbx-r:nth-child(n+4) .lbx-n{color:var(--mut)}
.lbx2 .lbx-v b{font-size:18px}.lbx2 .lbx-v small{font-size:11.5px;white-space:nowrap}
.lbx-list.lbx2{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:4px}
.lbx-foot2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:12px;color:var(--mut)}
.lbx-foot2 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lbx-foot2 .lnk{white-space:nowrap}
.lbx-fc .wrb,.lbx2 .wrb{font-size:11px}
@media(max-width:760px){
  .lbx-ctl2{flex-direction:column;align-items:stretch;gap:8px}
  .lbx-ctl2 .lbx-seg{display:flex;width:100%}.lbx-ctl2 .lbx-seg button{flex:1;min-height:40px;padding:7px 6px}
  .lbx-ctl2 .lbx-per button{min-height:36px}
  .lbx2 .lbx-r{grid-template-columns:28px 34px minmax(0,1fr) auto;gap:10px;padding:13px 8px}
  .lbx-foot2 .lnk{min-height:40px;display:inline-flex;align-items:center}
}
@media(max-width:360px){.lbx-meta{flex-direction:column;align-items:flex-start;gap:4px}.lbx2 .lbx-r{grid-template-columns:24px 30px minmax(0,1fr) auto;gap:8px;padding:12px 6px}.lbx2 .lbx-av{width:30px;height:30px;flex-basis:30px}.lbx2 .lbx-v b{font-size:16px}}

/* v41: Form is Pulse+ — one minimal lock panel (sport pages, Build's research pane, Top in form) */
.fl-lock{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;max-width:420px;margin:12px auto;padding:24px 18px;border:1px solid #f5c45140;border-radius:16px;background:linear-gradient(180deg,#f5c4510f,transparent 70%)}
.fl-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:99px;background:#f5c4511f;color:var(--gold)}
.fl-ic .crown{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.2}
.fl-lock b{font:700 17px/1.2 var(--disp,inherit)}
.fl-lock p{margin:0;color:var(--mut);font-size:14px;line-height:1.45}
.fl-cta{margin-top:6px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;text-decoration:none}
/* v44: footer disclaimer + compact 18+ / BetStop / Gambling Help line (slip, plans page) */
.foot .foot-dis{color:var(--mut);font-size:12px}
.pp-rg{margin:0;font-size:11.5px;line-height:1.5;color:var(--mut);text-align:center}
.pp-rg span{display:inline-block;white-space:nowrap}
.pp-rg b{color:var(--txt);font-weight:700}
.pp-rg a{color:var(--mut);text-decoration:underline;text-underline-offset:2px}
.pp-rg a:hover{color:var(--txt)}
.foot .rg a{white-space:nowrap}
.pp-rg a{position:relative}.pp-rg a::after{content:'';position:absolute;left:-4px;right:-4px;top:50%;height:40px;transform:translateY(-50%)}
@media(max-width:760px){.foot .rg-a{white-space:nowrap}.foot .rg-a a{min-height:44px;display:inline-flex;align-items:center}}
.lb-empty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 6px;font-size:13px;color:var(--mut)}.lb-empty b{color:var(--txt);font-size:14px}   /* v44: home board empty state */
.lb-card{border-style:solid}
.pk-mvb{margin:2px 0 0;font-size:12px;color:var(--mut)}   /* v44: Model vs bookie sub-line */
.pk-ed{text-align:center}.pk-ed small{letter-spacing:.03em;white-space:nowrap}.pk-bars{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pk-mvb{grid-column:1/-1}
.lb-prize{display:grid;grid-template-columns:18px minmax(0,1fr) auto;row-gap:2px}.lb-prize .lb-pq{grid-column:2/-1;margin:0;font-size:11.5px;color:var(--mut)}@media(max-width:420px){.lb-prize{grid-template-columns:18px minmax(0,1fr)}.lb-prize b{grid-column:2;margin-left:0}}.lb-prize b{white-space:nowrap}.lbx-pz{white-space:normal}   /* v44: free-entry qualifier */
@media(max-width:760px){.pk-n{flex-wrap:wrap;row-gap:6px}.pk-od small{white-space:nowrap}}   /* v44: Model vs bookie + US market price fit at 320 / large text */
/* v44: open leaderboard (guests / Starter) */
.lbx-join,.px-open{margin:12px 0 0;font-size:13.5px;color:var(--mut);text-align:center}
.lbx-join a,.px-open a{color:var(--gold,#f5c84c);font-weight:600;display:inline-flex;align-items:center;min-height:40px;padding:0 4px;margin:-8px 0}
/* v44: tablet header (761-900px): "Pulse" is wider than "Live"; text-only tabs below 860px so the nav never scrolls sideways */
@media(max-width:860px) and (min-width:761px){.topnav .nav-tab .ni{display:none}.nav-tab{padding:0 8px}}
/* v44: very narrow / large text (≤340px CSS): keep the Pulse tabs, pricing toggle and footer legal links inside the screen with full-size taps */
@media(max-width:340px){.lv-tabs a{padding:10px 4px;gap:4px;font-size:13px;min-width:0}.lv-tabs a .pro-b{margin-left:0}
  .pl-tog{flex-wrap:wrap;justify-content:center;max-width:100%}.pl-tog button{padding:8px 12px}.pl-tog .pl-pill{margin:4px auto 2px}}
.foot-legal a{padding:0 6px;min-height:40px;display:inline-flex;align-items:center}
.b2-tot .b2-tl .tip-i{position:relative}.b2-tot .b2-tl .tip-i::after{content:"";position:absolute;inset:-11px}
@media(max-width:340px){.fl-lock.pro>b{font-size:15px}}   /* v44: "75%+ chance is Pulse Pro" on one line at 320 large text */
.pk-id b em{white-space:nowrap}   /* v44: the leg ("2+ threes") moves to the next line whole instead of splitting */
/* v45: punter plan tags on the home board: name truncates, tag stays whole */
.lb-row>span:nth-child(2){display:flex;align-items:center;gap:6px;min-width:0}.lb-row>span:nth-child(2) b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .lbx-t{flex:none;font-style:normal;white-space:nowrap}

/* v45: board meta: label + info tip on one line (tip never clipped); the prize note is its own pill below */
.lbx-meta .lbx-ml{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;white-space:normal;min-width:0;max-width:100%}
.lbx-meta .lbx-ml .tip-i,.lbx-meta .lbx-ml [class*="tip"]{flex:none}
p.lbx-pz{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:8px 2px 0;padding:5px 12px;border:1px solid #f5c45138;border-radius:12px;background:#f5c4510d;white-space:normal;max-width:100%;box-sizing:border-box;line-height:1.3}
p.lbx-pz b{font-weight:700;white-space:nowrap}p.lbx-pz span{color:var(--mut);font-weight:500;white-space:nowrap}
p.lbx-pz .crown{flex:none}
/* v45: free members nav (guests / Starter): locked tabs carry a Pulse+ / Pro badge */
.pxf a.plk{color:var(--mut)}.pxf a.plk .b2-pb{margin-left:-1px;padding:2px 6px}
.px-free .px-pane>.fl-lock{margin-top:16px}
.px-free .px-tease{margin-top:14px}
@media(max-width:340px){.px-free .px-tease{grid-template-columns:1fr}.px-free .px-tc{padding:16px 14px 14px}.px-free .px-tc b{font-size:15px}}

/* v46: pricing compare table: (i) tip stays flush after the label's last word, centred on the text; hyphenated words never split; wider label column on phones */
.pl-lab{overflow-wrap:normal;hyphens:none}
.pl-lt{display:inline-flex;align-items:center;gap:4px;vertical-align:top}
.pl-lt .tip-i{margin:-4px -4px -4px 0}
@media(max-width:520px){.pl-tbl.t3c .pl-tr{grid-template-columns:minmax(min-content,1.45fr) repeat(3,minmax(0,1fr));gap:6px;padding:12px 10px}}

/* v46: one leaderboard card (home + #/plus): every block shares the card's content edge, equal-width segments, fixed row columns, tabular values */
.lbx-ctl2{display:grid;grid-template-columns:4fr 3fr;gap:10px;align-items:stretch}
.lbx-ctl2 .lbx-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;width:100%;max-width:none;box-sizing:border-box;overflow:visible}
.lbx-ctl2 .lbx-seg button{min-width:0;padding:7px 4px;text-align:center}
.lbx-meta{margin:12px 0 0}
.lbx-list.lbx2,.lbx2{margin-left:0;margin-right:0}
.lbx2 .lbx-r{min-height:64px;box-sizing:border-box}
.lbx2 .lbx-n,.lbx-v b,.lbx-v small{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
.lbx-v{text-align:right;min-width:64px}
.lbx-foot2{margin:12px 0 0;padding:0}
.lbx-foot2 .lnk{padding:0;margin:0}
.lbx-bi{margin-left:0;margin-right:0}
/* Prize pool card (replaces the small pill): highlighted with the brand gold */
p.lbx-pz.lbx-pool{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:2px;width:100%;max-width:none;margin:10px 0 0;padding:12px 14px;border-radius:12px;border:1px solid #f5c45166;background:#f5c45114;box-shadow:0 0 18px -8px #f5c45166;color:var(--txt);font-weight:500;white-space:normal}
.lbx-pool .lbx-pt{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;grid-row:1/3;align-self:center}
.lbx-pool b{color:#fff;font-size:13.5px;font-weight:700}
.lbx-pool em{font-style:normal;color:var(--gold);font-size:12px;font-weight:700;white-space:nowrap;grid-row:1/3;grid-column:3}
p.lbx-pz.lbx-pool span{grid-column:2;color:var(--mut);font-size:11.5px;white-space:normal}
/* home: the shared card, copy flush with it */
.h-lb .lbx-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card-solid)}
.lbx-hh{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px}
.lbx-hh .hi{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.lbx-ctl2{grid-template-columns:1fr;gap:8px}.lbx-ctl2 .lbx-seg button{padding:7px 4px}.h-lb .lbx-card{padding:14px 12px}}
@media(max-width:360px){.h-lb .lbx-card{padding:12px 10px}.lbx-v{min-width:52px}}
.lbx-list.lbx2 .lbx-r:last-child{border-bottom:1px solid transparent}
/* v46: board numbers in the body face so tabular digits line up (the display face's "1" sat off-centre) */
.lbx2 .lbx-n,.lbx2 .lbx-v b{font-family:var(--body);letter-spacing:-.01em}
/* v50: Pulse sport filter (shown when tracked multis span 2+ sports) */
.lv-sf{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 0 12px;padding:2px 0}
.lv-sf::-webkit-scrollbar{display:none}
.lv-sf>button{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 13px;border-radius:99px;border:1px solid var(--line2);background:transparent;color:var(--mut);font:600 13px/1.1 var(--body);cursor:pointer}
.lv-sf>button.on{color:var(--green);background:#34e39a1a;border-color:#34e39a66}
.lv-sf>button i{font-style:normal;font-size:11px;font-weight:700;opacity:.75}
/* v51: Pulse 'Your multis' heading never runs under Refresh on narrow screens / large text: the actions wrap to their own row when they don't fit */
@media(max-width:420px){.lv>.lv-bar,.lv-bar{flex-wrap:wrap;row-gap:8px}.lv-bht{flex:1 1 auto}.lv-bh{white-space:nowrap}.lv-acts{margin-left:auto}}
@media(max-width:400px){.b2-np{display:none}}   /* v51: the player's name keeps the room on narrow screens; unpriced rungs still read '—' / 'no price yet' */
/* v53: builder styles with price ranges + win rate per style */
.bc2 .seg.bv.bv3{height:auto}
.bc2 .seg.bv.bv3 button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:5px 4px;line-height:1.15;white-space:normal}
.bc2>*{min-width:0}.bc2 .seg.bv.bv3{width:100%;min-width:0}.bc2 .seg.bv.bv3 button{flex:1 1 0;min-width:0}
.seg.bv3 button b{font-weight:700;font-size:13px}.seg.bv3 button small{font-size:11px;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}
.seg.bv3 button.on small{color:inherit;opacity:.8}
.bt-m{display:inline-block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.02em;padding:1px 6px;border-radius:999px;margin-right:6px;border:1px solid currentColor;line-height:1.5;vertical-align:1px}
.bt-m-safe{color:var(--green)}.bt-m-balanced{color:var(--yellow)}.bt-m-bolder{color:var(--orange)}.bt-m-earlier{color:var(--mut)}
.bm{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:2px 10px}
.bm-r{display:grid;grid-template-columns:minmax(72px,1.1fr) 1fr 48px 52px;align-items:center;gap:6px;min-height:36px;font-size:12.5px;border-bottom:1px solid #ffffff0b;font-variant-numeric:tabular-nums}
.bm-r:last-of-type{border-bottom:0}.bm-r .bt-m{justify-self:start;margin:0}.bm-r>span{color:#c9d3e3}
.bm-p{font-family:var(--disp);font-size:15px;text-align:right}.bm-r small{color:var(--mut);font-size:11px;text-align:right}
.bv-c,.bm-w,.bm-n{font-style:normal}.bm-n{display:none}
.bm-hd{min-height:28px;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}.bm-hd span{color:var(--mut)!important}.bm-hd span:nth-child(n+3){text-align:right}
.bm-e{margin:4px 0 8px;font-size:11px;color:var(--mut)}
@media(max-width:360px){.bc2 .seg.bv.bv3{flex-direction:column;height:auto;gap:2px}.bc2 .seg.bv.bv3 button{flex:none;flex-direction:row;justify-content:space-between;min-height:44px;padding:0 14px}.bm{padding:2px 8px}.bm-r{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;font-size:12px}.bm-r>*{white-space:nowrap}.bm-hd{letter-spacing:.03em}.bm-w{display:none}.bm-n{display:inline}}
/* v54: AI builder results: style cards, quiet overall line, latest 3, full-history sheet */
.bt-hd{display:flex;flex-direction:column;gap:3px}
.bt-t{margin:0;font-family:var(--disp);font-size:17px;font-weight:700;letter-spacing:-.01em}
.bt-x{margin:0;font-size:12.5px;color:var(--mut);line-height:1.4}
.bscs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bsc{display:flex;flex-direction:column;gap:1px;padding:10px 10px 9px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;border-top:2px solid currentColor;min-width:0}
.bsc-safe{color:var(--green)}.bsc-balanced{color:var(--yellow)}.bsc-bolder{color:var(--orange)}
.bsc-n{font-size:12.5px;font-weight:800}
.bsc-r,.bsc-s{font-size:11px;color:var(--mut);font-variant-numeric:tabular-nums}
.bsc-p{margin-top:6px;font-family:var(--disp);font-size:24px;font-weight:700;line-height:1.1;color:var(--txt,#fff);font-variant-numeric:tabular-nums}
.bt-o{margin:0;font-size:12px;color:var(--mut)}
.bt-sh{margin-top:4px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.bt-hit{flex:0 0 auto;font-size:11.5px;font-weight:700;color:#c9d3e3;font-variant-numeric:tabular-nums}.bt-hit.up{color:var(--green)}.bt-hit.dn{color:var(--red)}
.bt-all{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 2px;background:none;border:0;color:var(--gold);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.bt-all i{font-style:normal;font-size:16px;line-height:1}.bt-all:hover{text-decoration:underline}.bt-all:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.bth .sheet-card{max-width:560px}
.bth-b{padding:12px 16px 18px}
.bth-f{margin:0 0 8px}.bth-f button{min-height:36px}.bth-f small{font-size:11px;opacity:.7;margin-left:2px}
.bth-cap{margin:0 0 6px;font-size:12px;color:var(--mut);line-height:1.4}
.bth-e{margin:14px 0;font-size:12.5px;color:var(--mut)}
.bth-more{width:100%;margin-top:10px;min-height:44px}
@media(max-width:360px){.bscs{grid-template-columns:1fr;gap:6px}.bsc{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'n p' 'r s';align-items:baseline;column-gap:10px;padding:8px 12px;border-top:1px solid var(--line);border-left:3px solid currentColor}
  .bsc-n{grid-area:n}.bsc-r{grid-area:r}.bsc-p{grid-area:p;margin:0;font-size:20px;text-align:right}.bsc-s{grid-area:s;text-align:right}.bth-b{padding:10px 12px 16px}}
.br-pr{cursor:pointer;min-height:32px}.br-pr.on{cursor:pointer;color:var(--green);border-color:#34e39a66}.br-pr:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.br-pr{position:relative}.br-pr::after{content:'';position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
/* v54: Player stats: real bookie price on each line with a market; tap adds that leg and opens the slip */
.fx-ln:has(.fx-nomk){grid-template-areas:"lt b add" "hits hits hits" "nm nm nm"}
.fx-ln .fx-add{position:relative}.fx-ln .fx-add::after{content:'';position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
.fx-pxb{background:#f5c4511a;box-shadow:inset 0 0 0 1px #f5c45159;color:var(--yellow);font-variant-numeric:tabular-nums}
.fx-pxb:hover{background:var(--yellow);color:#1a1300}.fx-pxb.on{background:var(--green);color:#03140c;box-shadow:none}
.fx-pxb.out,.fx-pxb:disabled{opacity:.5;cursor:not-allowed;background:transparent;color:var(--mut);box-shadow:inset 0 0 0 1px var(--line)}
.fx-nomk{grid-area:nm;justify-self:end;font-size:11px;color:var(--mut);margin-top:-2px}.fx-outw{color:#ff8a8a}
/* v54: Player stats touch sizes (44px) and readable small text; search results above the list inside Build */
.fx-step button,.fx-step input{height:44px}.fx-step button{width:34px}
.fx-log summary{min-height:44px;display:flex;align-items:center;gap:6px}
.fx-st small{font-size:11px}
.b2-hubb .fx-bar{position:relative;z-index:16}
.fx-hits{flex-wrap:wrap;row-gap:4px}.fx-hits .fx-l10{min-width:0}
/* v54: Upcoming / In play pills are wider than Live: the row meta stacks into lines instead of wrapping mid-text */
.bt-b>span:first-child{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px}
.bt-b .bt-m,.bt-b .bt-dt,.bt-b .bt-mt{white-space:nowrap}
.bt-b .m-res{flex:none}
@media(max-width:420px){.bt-mt{flex-basis:100%}.bt-sep{display:none}}
@media(max-width:360px){.bt-dt{display:inline}}
/* v54.2: iOS bottom bar stays pinned - fixed to the viewport, no backdrop-filter (WebKit drifts filtered fixed layers mid-scroll), own layer, safe-area padding */
@media(max-width:760px){
  .topnav{position:fixed!important;left:0;right:0;bottom:0;top:auto;margin:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#05070df7;padding-bottom:calc(6px + env(safe-area-inset-bottom));-webkit-transform:translateZ(0);transform:translateZ(0);will-change:auto}
  body{min-height:100vh;min-height:100dvh}
}
/* v55: Blowout risk note on legs in a projected lopsided game (bookies' spread / h2h): fewer starter minutes */
.bo-n{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin-top:3px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5;color:var(--orange);background:#ff9f4314;border:1px solid #ff9f4333;white-space:normal}
.bo-n::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.fx-ln .fx-bo{grid-column:1/-1;grid-row:3;margin-top:0}
.br-id .bo-n,.pk-id .bo-n,.hot-m .bo-n,.fx-id .bo-n{display:flex}
/* v55.1 Refresh: fixed box, only the icon spins (was the global .spin loader class landing on the whole button) */
.btn.lv-rf{transform:none;transition:filter .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;flex:none;white-space:nowrap}
.btn.lv-rf:active{transform:none;filter:brightness(.93);box-shadow:0 3px 12px -8px #34e39a99}
.btn.lv-rf:disabled{opacity:1}
.lv-rf svg{display:inline-block;flex:none;transform-origin:50% 50%;will-change:transform}
.lv-rf.is-busy svg{animation:lvSpin .8s linear infinite}
@media (prefers-reduced-motion:reduce){.lv-rf.is-busy svg{animation:none;opacity:.6}}
/* v55.1: the status line ("Updated 6s ago" ↔ "Refreshing…") no longer decides whether the actions wrap to their own row, and keeps a fixed line box */
.lv-upd{display:block;width:0;min-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.3;min-height:1.3em}

/* v56: Full stats on phones - each leg row becomes a stacked card (no sideways scroll); the table stays as-is on wider screens */
@media(max-width:640px){
  .lt-wrap{overflow:visible}
  .ltable,.ltable tbody{display:block;width:100%}
  .ltable thead{display:none}
  .ltable tbody tr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:12px 12px;border-bottom:1px solid #ffffff0d}
  .ltable tbody tr:last-child{border-bottom:0}
  .ltable tbody tr:hover td,.ltable tbody tr:hover td.lt-leg{background:none}
  .ltable td{display:block;padding:0!important;border:0!important;white-space:normal;background:none}
  .ltable tr.dead td{opacity:1}.ltable tr.dead{opacity:.6}
  .ltable td.lt-leg{order:1;flex:1 1 50%;min-width:0;max-width:none;position:static;box-shadow:none;background:none}
  .lt-hs{display:grid}
  .lt-who b{font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lt-g,.lt-src{display:block;max-width:none;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ltable td.lt-st{order:2;flex:0 0 auto;text-align:right;display:flex;align-items:center;gap:4px}
  .ltable .state{font-size:11.5px;padding:3px 9px;white-space:nowrap}
  .ltable td.lt-line{order:3;flex:1 1 60%;min-width:0;font-size:14px}
  .ltable td.lt-act{order:4;flex:0 0 auto;display:flex;gap:6px;align-items:center}
  .ltable td.lt-act:empty{display:none}
  .lt-act .btn,.lt-act .x{min-height:40px;min-width:40px}
  .ltable td.lt-prog{order:5;flex:1 1 100%;min-width:0}
  .lt-pv b{font-size:16px}.lt-pv small{font-size:12px}.lt-pv .pace{font-size:11px}
  .ltable td.num{order:6;flex:0 0 auto;min-width:0;display:inline-flex;gap:5px;align-items:baseline;font-size:13px;padding:4px 8px!important;border-radius:8px;background:#ffffff08;box-shadow:none}
  .ltable td.num::before{content:attr(data-l);font-size:11px;font-weight:700;letter-spacing:.04em;color:#7f8ca3}
  .ltable td.num.na{display:none}
  .ltable td.hl{background:#34e39a14!important;box-shadow:inset 0 0 0 1px #34e39a40!important}
}
/* v57: tracker section header never clips its leg count on phones (wraps instead) */
.lsec-h{min-width:0;flex-wrap:wrap;row-gap:6px}.lsec-h small{flex:0 0 auto;white-space:nowrap}.lsec-h .pp-paper{flex:0 1 auto;min-width:0}
.lbx-bm{display:flex;align-items:center;gap:6px;margin:4px 2px 10px;font-size:12px;color:var(--mut);line-height:1.4}.lbx-bm svg{width:12px;height:12px;flex:0 0 12px;fill:var(--gold)}
/* v58: AI builder - 3 options per style, compact cards above the legs */
.bo-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 4px}
.bo-o{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;min-height:44px;padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--txt);cursor:pointer;text-align:left;font:inherit;transition:border-color .2s,background .2s}
.bo-o span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.bo-o b{font-family:var(--disp);font-size:16px;font-variant-numeric:tabular-nums}
.bo-o small{font-size:11px;color:var(--mut)}
.bo-o span,.bo-o b,.bo-o small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bo-o:hover{border-color:var(--line2)}
.bo-o.on{border-color:var(--green);background:#34e39a10}.bo-o.on span{color:var(--green)}
.bo-o:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:360px){.bo-opts{gap:6px}.bo-o{padding:8px 7px}.bo-o b{font-size:15px}}
/* v58: leaderboard rows keep the badge visible on narrow / large-text screens (name truncates, badge wraps under it) */
.lbx-id .wrb{flex:0 0 auto}
@media(max-width:420px){.lbx2 .lbx-id small{flex-wrap:wrap;overflow:visible;row-gap:4px}.lbx2 .lbx-r{gap:8px}}
@media(max-width:340px){.bo-opts{grid-template-columns:1fr;gap:6px}.bo-o{flex-direction:row;align-items:baseline;gap:8px;padding:10px}.bo-o span{flex:1 1 auto;text-transform:none;letter-spacing:0;font-size:12px}.bo-o b{order:2;flex:0 0 auto;overflow:visible}.bo-o small{order:3;flex:0 0 auto;overflow:visible}}
@media(max-width:340px){.lbx2 .lbx-r{grid-template-columns:24px minmax(0,1fr) auto}.lbx2 .lbx-r>.lbx-av{display:none!important}.lbx2 .lbx-id .wrb{padding:0 6px 0 5px;letter-spacing:.02em}}
/* v59: Pro Picks top 5 / previews top 3 + View more; head-to-head prices on previews */
.pv-l{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.pk-more{display:flex;width:100%;justify-content:center;min-height:44px;margin:10px 0 4px}
.pv-mls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:8px}
.pv-ml{display:flex;align-items:baseline;gap:6px;min-width:0;min-height:44px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--txt);cursor:pointer;font:inherit;text-align:left;transition:border-color .2s,background .2s}
.pv-ml span{flex:1 1 auto;min-width:0;font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-ml b{flex:0 0 auto;font-family:var(--disp);font-size:15px;color:var(--green);font-variant-numeric:tabular-nums}
.pv-ml small{display:none}
.pv-ml:hover{border-color:var(--line2)}.pv-ml.on{border-color:var(--green);background:#34e39a14}
.pv-ml:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.pv-3{font-size:11px;color:var(--mut)}
/* v60: Your stats shows 5 multis, then View all bets */
.hs-all{display:flex;width:100%;justify-content:center;min-height:44px;margin:10px 0 2px}
/* v63: ☰ slide-out nav */
.nav-menu{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:var(--txt);cursor:pointer;padding:0}
.nav-menu svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.nav-menu:hover,.nav-menu[aria-expanded="true"]{border-color:#ffffff33}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pnav{position:fixed;inset:0;z-index:1200}
.pnav[hidden]{display:none}
.pn-dim{position:absolute;inset:0;background:#000a;opacity:0;transition:opacity .2s}
.pn{position:absolute;top:0;right:0;bottom:0;width:min(320px,88vw);background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s ease;box-shadow:-12px 0 40px #0008}
.pnav.on .pn-dim{opacity:1}.pnav.on .pn{transform:none}
@media(prefers-reduced-motion:reduce){.pn,.pn-dim{transition:none}}
.pn-top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}
.pn-top h2{margin:0;font-size:1rem}
.pn-x{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:none;color:var(--txt);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.pn-x svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}
.pn-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px calc(16px + env(safe-area-inset-bottom))}
.pn-sec{padding:12px 0;border-bottom:1px solid var(--line)}
.pn-sec h3{margin:0 0 6px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.pn-acc{display:flex;gap:10px;align-items:center;min-width:0}
.pn-acc.guest p{margin:0;color:var(--mut);font-size:.85rem}
.pn-av{width:44px;height:44px;border-radius:50%;flex:none}
.pn-id{min-width:0}.pn-id b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-id small{color:var(--mut)}
.pn-tier{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.pn-t{font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--txt)}
.pn-t.plus,.pn-t.pro{color:var(--gold);border-color:#f5c45155;background:#f5c45112}
.pn-up{display:flex;justify-content:center;margin-top:10px}
.pn-auth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pn-auth .btn{justify-content:center;text-align:center}
.pn-list{display:flex;flex-direction:column}
.pn-list a,.pn-lnk,.pn-tg{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:6px 0;color:var(--txt);text-decoration:none;font-size:.92rem;background:none;border:0;text-align:left;cursor:pointer;font-family:inherit;width:100%}
.pn-list a:hover,.pn-lnk:hover{color:var(--gold)}
.pn-tg input{width:20px;height:20px;accent-color:var(--green);flex:none}
.pn-sp{display:flex;flex-wrap:wrap;gap:6px}
.pn-sp a{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 12px;border-radius:99px;border:1px solid var(--line);color:var(--txt);text-decoration:none;font-size:.85rem;font-weight:700}
.pn-sp a:hover{border-color:#ffffff33}
.pn-rg{margin:8px 0 0;font-size:.78rem;color:var(--mut)}.pn-rg a{color:var(--mut)}
.pn-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 4px}
.pn-foot a{display:inline-flex;align-items:center;gap:6px;color:var(--txt);text-decoration:none;font-size:.88rem;min-height:40px}
.pn-foot svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.pn-out{background:none;border:1px solid var(--line);color:var(--red);border-radius:10px;min-height:38px;padding:0 14px;font-weight:700;cursor:pointer;font-family:inherit}
.pn a:focus-visible,.pn button:focus-visible,.pn input:focus-visible,.nav-menu:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:400px){.live-pill .lp-w{display:none}.hero-meta{gap:6px}}
/* v65: edit history on a locked multi */
.ed{margin:10px 0 2px;border-top:1px solid var(--line);padding-top:8px;font-size:.8rem}
.ed summary{cursor:pointer;color:var(--mut);font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:32px}
.ed summary::-webkit-details-marker{display:none}
.ed summary::after{content:'';width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.ed[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.ed ol{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
.ed li{display:grid;gap:1px;padding-left:10px;border-left:2px solid var(--line);overflow-wrap:anywhere}
.ed li b{font-weight:600}
.ed li span{color:var(--txt);opacity:.85}
.ed li small{color:var(--mut);font-size:.72rem}
@media(max-width:340px){.hero-meta{gap:4px}.btn.acct-sign{padding:0 9px}}   /* v66: the ≤400 rule above overrode the 340 gap; guest header fits 320 again */

/* ===== v67: minimal homepage (hero → today → the record → plans) ===== */
.h7-hero .pp-banner-in{min-height:0!important;padding-top:44px;padding-bottom:30px}
.h7-build{gap:8px}
.h7-hero .hh-note{margin-top:14px;font-size:12.5px;color:var(--mut);max-width:520px}
.h7 .h-sec{margin-top:22px}
.h7-today{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:var(--r);background:var(--card),var(--card-solid);border:1px solid var(--line)}
.h7-tl{min-width:0;flex:1 1 260px}
.h7-tl p{margin:4px 0 0;font-size:15px;line-height:1.4;color:var(--txt)}
.h7-k{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.h7-k .hi{width:15px;height:15px;stroke:var(--green)}
.h7-live{color:var(--green);display:inline-flex;align-items:center;gap:5px}
.h7-live i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.h7-sps{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.h7-sp{font-size:12.5px;font-weight:700;color:#dfe6f2;padding:3px 9px;border-radius:99px;border:1px solid var(--line);white-space:nowrap}
.h7-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;flex:0 0 auto;padding:0 20px}
.h7-proof{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.h7-pc{min-width:0;padding:16px 18px;border-radius:var(--r);background:var(--card),var(--card-solid);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.h7-pc p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--mut)}
.h7-big{font:800 34px/1.1 var(--disp,inherit);color:var(--green);margin-top:6px;font-variant-numeric:tabular-nums}
.h7-lbl{list-style:none;margin:8px 0 0;padding:0;width:100%}
.h7-lbl li{display:flex;align-items:center;gap:10px;min-height:40px;border-bottom:1px solid var(--line)}
.h7-lbl li:last-child{border-bottom:0}
.h7-r{width:20px;flex:none;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.h7-lbl a{flex:1;min-width:0;color:var(--txt);font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h7-w{flex:none;font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums}
.h7-lnk{display:inline-flex;align-items:center;min-height:40px;margin-top:auto;font-size:13.5px;font-weight:700;color:var(--green);text-decoration:none}
.h7-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.h7-t{display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px 16px;border-radius:var(--r);background:var(--card),var(--card-solid);border:1px solid var(--line);color:var(--txt);text-decoration:none}
.h7-t:hover{border-color:#34e39a66}
.h7-t.cur{border-color:#34e39a88}
.h7-t-pro{border-color:#f5c45155}
.h7-tn{font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.h7-tn em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#05070d;background:var(--green);border-radius:99px;padding:2px 7px}
.h7-t b{font:800 22px/1.2 var(--disp,inherit)}.h7-t b small{font-size:13px;color:var(--mut);font-weight:700}
.h7-t p{margin:2px 0 0;font-size:13px;line-height:1.4;color:var(--mut)}
.h7-plan{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 18px;border-radius:var(--r);background:var(--card),var(--card-solid);border:1px solid #f5c45155}
.h7-plan p{margin:0;font-size:14.5px}
@media(max-width:760px){
  .h7-hero .pp-banner-in{padding-top:28px;padding-bottom:22px}
  .h7-hero .hh-ctas .btn{flex:1 1 auto;justify-content:center}
  .h7-proof{grid-template-columns:1fr;gap:10px}
  .h7-go{flex:1 1 100%;justify-content:center}
  .h7-today,.h7-pc{padding:14px 16px}
}

/* ===== v68: Daily AI builds (#/ai-builds) ===== */
.ab{max-width:760px;margin:0 auto}
.ab-hero p{max-width:620px}
.ab-rec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 18px}
.ab-m{min-width:0;display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:var(--r-sm);background:var(--card),var(--card-solid);border:1px solid var(--line)}
.ab-m .bt-m{align-self:flex-start;margin:0}
.ab-m b{font:800 20px/1.2 var(--disp,inherit);font-variant-numeric:tabular-nums}
.ab-m span{font-size:12px;color:var(--mut);line-height:1.35}
.ab-d{margin-bottom:16px}
.ab-d h2{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--mut);letter-spacing:.02em}
.ab-r{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card),var(--card-solid);margin-bottom:6px}
.ab-r>summary,.ab-r.none{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 12px;cursor:pointer;list-style:none;flex-wrap:wrap}
.ab-r>summary::-webkit-details-marker{display:none}
.ab-r.none{cursor:default;color:var(--mut);font-size:14px}
.ab-r .bt-m{margin:0}
.ab-r summary b{font-variant-numeric:tabular-nums}
.ab-n{order:3;flex:1 1 100%;min-width:0;font-size:13px;color:var(--mut);margin-top:-4px}
.ab-s{margin-left:auto}
.ab-s{font-style:normal;font-size:12px;font-weight:800;padding:2px 8px;border-radius:99px;border:1px solid currentColor}
.ab-s.ok{color:var(--green)}.ab-s.bad{color:var(--red)}.ab-s.pend,.ab-s.mut{color:var(--mut)}
.ab-l{list-style:none;margin:0;padding:0 12px 10px}
.ab-l li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line);font-size:14px}
.ab-l li span{margin-left:auto;font-size:12.5px;color:var(--mut);font-variant-numeric:tabular-nums}
.ab-l li.ok span{color:var(--green)}.ab-l li.bad span{color:var(--red)}
.ab-r .ed{margin:0 12px 10px}
.ab-e,.ab-foot{color:var(--mut);font-size:13px}
@media(max-width:360px){.ab-rec{grid-template-columns:1fr}.ab-m{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 10px}}
/* v69: slim Weekly Pulse signup on the homepage */
.h7-nl{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card,#0d1220)}
.h7-nlt{margin:0 0 8px;font-size:13.5px;line-height:1.4;color:var(--mut)}.h7-nlt b{color:var(--txt);margin-right:4px}
.h7-nl .pl-wait{flex-wrap:wrap;gap:8px}
.h7-nl .pl-wait input[type=email]{flex:1 1 140px;height:44px}
.h7-nl .pl-wait .btn{flex:0 0 auto;padding:0 18px}
.h7-nl .pl-consent{font-size:11px;margin:0}

/* v73 Pulse Platinum (coming soon): full-width card under the three plans on Pricing, a quiet fourth card on Home, platinum accent */
.pl-cards.c4 .t-plat{grid-column:1/-1;border-style:dashed;border-color:var(--line2,#ffffff24);background:var(--card-solid)}
.pl-card.t-plat h3{color:var(--txt)}
.pl-card .pl-stag{margin:-4px 0 14px;color:var(--mut);font-size:14px;line-height:1.4}
.pl-cards.c4 .t-plat ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.pl-card.t-plat li::before{color:var(--mut)}
.pl-badge.pl-soonp{color:var(--mut);background:#ffffff0a;border-color:var(--line);cursor:not-allowed}
.pl-card.t-plat .pl-soonp{position:static;display:inline-block;align-self:flex-start;margin:0 0 10px}.pl-card.t-plat ul{margin-bottom:0}
@media(max-width:900px){.pl-cards.c4 .t-plat ul{grid-template-columns:1fr}}
.h7-t-plat{border-style:dashed;cursor:default}.h7-t-plat:hover{border-color:var(--line)}
.h7-tn em.soon{color:var(--mut);background:#ffffff12;border:1px solid var(--line)}
/* v71 home leaderboard: the hub's rows (.lbx2) inside the proof card */
.h7-lbm{margin:6px 0 0}.h7-lbx{margin:8px 0 6px}
.h7-pc .lbx-list.lbx2 .lbx-r{min-width:0}
/* v72: one live AI record (window.ppAiRec) on home, builder and #/ai-builds; weekly build allowance */
.bsc.few .bsc-p{color:var(--mut)}
.bsc.few .bsc-s{line-height:1.3}
.bt .ar-s{margin-top:8px}
.bt-you{margin-top:2px}
.px-q.out{color:var(--orange)}
.bc-go .btn[disabled]{opacity:.5;cursor:not-allowed}
.h7-proof .ar-s,#h7Ai .ar-s{margin:10px 0 2px}
#h7Ai .bsc{padding:8px 8px 7px}#h7Ai .bsc-p{font-size:20px;margin-top:4px}
.ab-rec{display:block}
.ab-rh{font-size:15px;margin:0 0 8px}
.ab-ro{font-size:12.5px;color:var(--mut);margin:8px 0 0;line-height:1.4}
/* v72 fix: the proof cards are flex columns with align-items:flex-start, so the hub rows shrank to their content (~75% wide).
   The rows box and the record cards now fill the card, with the card's own equal padding either side. */
#h7Lb .lbx-list,#h7Lb .lbx-meta,#h7Ai .ar-s{align-self:stretch;width:100%;max-width:none;box-sizing:border-box;margin-left:0;margin-right:0}
@media(max-width:360px){.bsc{grid-template-areas:'n p' 'r p' 's s'}.bsc-s{text-align:left;margin-top:2px}}
/* v73 Pulse Platinum accent: the board's silver (#d6dde8), kept subtle; solid border, faint sheen, silver title and ticks */
.pl-cards.c4 .t-plat{border-style:solid;border-color:#d6dde833;border-top:2px solid #d6dde8;background:linear-gradient(135deg,#d6dde80d,transparent 55%),var(--card-solid)}
.pl-card.t-plat h3{color:#e6ebf2}
.pl-card.t-plat .pl-stag{color:#c3cbd6;font-weight:600}
.pl-card.t-plat li::before{color:#d6dde8}
.pl-cards.c4 .t-plat ul{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.pl-cards.c4 .t-plat ul{grid-template-columns:1fr}}
.pl-card.t-plat .pl-soonp{color:#d6dde8;border-color:#d6dde83d;background:#d6dde80f}
.h7-t-plat{border-style:solid;border-color:#d6dde833;background:linear-gradient(135deg,#d6dde80d,transparent 60%),var(--card,transparent)}
.h7-t-plat .h7-tn{color:#e6ebf2}
.h7-t-plat em.soon{color:#d6dde8;border-color:#d6dde83d;background:#d6dde80f}
.h7-t-plat:hover{border-color:#d6dde833}

/* v74: Platinum perks list (Home top 3 + link, Pricing 7 in 2 columns) */
.pl-cards.c4 .t-plat ul{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.pl-cards.c4 .t-plat ul{grid-template-columns:1fr}}
.pl-card.t-plat li{overflow-wrap:anywhere}
.h7-t-plat .h7-ptag{color:#c3cbd6;font-weight:600}
.h7-pl{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:13px;line-height:1.35;color:var(--mut)}
.h7-pl li{position:relative;padding-left:18px;overflow-wrap:anywhere}
.h7-pl li::before{content:'\2713';position:absolute;left:0;color:#d6dde8}
.h7-pmore{align-self:flex-start;margin-top:8px;font-size:13px;font-weight:700;color:#e6ebf2;text-decoration:underline;text-underline-offset:3px}
.h7-pmore:hover{color:#fff}

/* v75: record cards: two labelled lines under the figure ('of 13 legs hit' / '12/13 legs · won 4 of 5 builds') */
.bsc-s span{display:block}.bsc-s span+span{opacity:.85}

/* v76: Everyone's builds (AI builder page) */
.bt-tabs{display:flex;gap:4px;margin-top:6px;padding:3px;border:1px solid var(--line);border-radius:12px;background:#ffffff06}
.bt-tabs button{flex:1;min-width:0;min-height:38px;padding:4px 8px;border:0;border-radius:9px;background:none;color:var(--mut);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:normal;line-height:1.2}
.bt-tabs button.on{background:#ffffff14;color:var(--txt,#fff)}.bt-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.ae-f{margin:8px 0 4px}.ae-f button{min-height:36px}.ae-f small{font-size:11px;opacity:.7;margin-left:2px}
.ae-sum{margin:2px 0 4px}
.ae-l2 a{color:#c9d3e3;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.ae-l2 .ae-house{color:var(--gold);font-weight:700}.ae-l2 .ae-priv{font-style:italic}
.ae-legs{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px;font-size:12px;line-height:1.35}.ae-legs[hidden]{display:none}
.ae-legs li{display:flex;justify-content:space-between;gap:8px;align-items:baseline;min-width:0;padding-left:12px;position:relative;color:#c9d3e3}
.ae-legs li::before{content:'';position:absolute;left:0;top:.45em;width:6px;height:6px;border-radius:50%;background:#ffffff33}
.ae-legs li.up::before{background:var(--green)}.ae-legs li.dn::before{background:var(--red)}.ae-legs li.vd::before{background:transparent;box-shadow:inset 0 0 0 1px #8a96ab}
.ae-legs li span{min-width:0;overflow-wrap:anywhere}.ae-legs li small{flex:none;color:var(--mut);white-space:nowrap}
@media(max-width:360px){.ae-legs li{flex-wrap:wrap}.ae-legs li small{white-space:normal}}
.ae-pub{margin-top:14px}.ae-pub .bt-x{margin:2px 0 0}

/* v77: Everyone's builds, decluttered: two lines per row, one pill (result + legs hit) and a chevron */
.ae-l{display:flex;flex-direction:column}
.ae-r{border-bottom:1px solid #ffffff0b;padding:8px 0}.ae-r:last-child{border-bottom:0}
.ae-b{display:flex;align-items:center;gap:8px;width:100%;padding:0;margin:0;background:none;border:0;border-radius:6px;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer;min-height:28px}
.ae-b:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ae-l1{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;color:#c9d3e3}
.ae-l1 .bt-m{margin-right:8px}
.ae-dp{white-space:nowrap}.ae-pr{font-variant-numeric:tabular-nums}
.ae-pr::before,.ae-n::before{content:'·';margin:0 .4em;color:var(--mut);opacity:.7}
.ae-p{flex:none;gap:4px}.ae-p b{font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0}
.ae-l2{display:flex;min-width:0;margin:2px 0 0;font-size:11.5px;line-height:1.35;color:var(--mut);cursor:pointer}
.ae-w{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ae-n{flex:none;white-space:nowrap}
.ae-l2 a{color:#aeb8c9;font-weight:600;text-decoration:none}.ae-l2 a:hover,.ae-l2 a:focus-visible{text-decoration:underline}
.ae-l2 .ae-house{color:var(--gold);font-weight:600;font-style:normal}
.ae-r .ae-legs{margin:8px 0 2px}
.ae-sum{margin:0 0 4px;font-size:11.5px;color:var(--mut)}
.ae-f{margin:6px 0 6px}
.ae-pub .bt-x{font-size:12.5px}
@media(max-width:360px){.ae-b{font-size:12.5px;gap:6px}.ae-l1 .bt-m{margin-right:6px}.ae-f{gap:5px}.ae-f.chipset{gap:3px}.ae-f.chipset button{padding:5px 8px;font-size:11.5px}.ae-f small{margin-left:1px}.ae-p{letter-spacing:.02em;padding:3px 6px;gap:3px}.ae-p.r-pending b{display:none}
  .bt-tabs button{font-size:12.5px;padding:4px 4px}}
/* v77: hero CTA row is [Build a multi] [How it works / AI builder / Pro Picks] [See plans]. One row on desktop; on phones Build
   takes the top row and the two secondary buttons sit side by side below */
@media(max-width:760px){.home-hero .hh-ctas{flex-wrap:wrap;gap:10px}.home-hero .hh-cta.h7-build{flex:1 1 100%}.home-hero .hh-ghost{flex:1 1 0;min-width:0}}
@media(max-width:300px){.home-hero .hh-ghost{flex-basis:100%}}
/* v77: home record cards, minimal: style, odds range, big %, one line 'h/n legs' */
.ar-mini .bsc-s span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-mini .bsc-r{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#h7Ai .h7-ov{font-variant-numeric:tabular-nums}
@media(max-width:360px) and (min-width:301px){
  .ar-mini.bscs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ar-mini .bsc{display:flex;flex-direction:column;gap:1px;padding:8px 7px 7px;border:1px solid var(--line);border-top:2px solid currentColor}
  .ar-mini .bsc-p{margin:4px 0 0;font-size:19px;text-align:left}.ar-mini .bsc-s{text-align:left;margin:0}.ar-mini .bsc-r{font-size:10.5px}}
@media(max-width:300px){.ar-mini .bsc{grid-template-areas:'n p' 'r s'}.ar-mini .bsc-s{text-align:right;margin:0}}
.ab-mc{margin:6px 0 0;font-size:11.5px;color:var(--mut)}   /* v78: model chance only in the opened build */
/* v78: #/ai-builds rows on one line: style chip · price · legs, status pill on the right */
.ab-n{order:0;flex:0 1 auto;margin-top:0;white-space:nowrap}.ab-n::before{content:'·';margin-right:8px;opacity:.7}
.ab-r>summary{flex-wrap:nowrap}.ab-mc{margin:0 12px 10px}
.ab .ar-mini{margin:0 0 6px}.ab .ab-ro{margin:6px 0 0;font-size:13px}

/* v79: hero ghosts. See plans uses the Pulse+ gold (same tokens as .btn.gold.ghosty on Pricing); the second CTA a subtle green outline */
.home-hero .hh-ghost.hh-alt{background:#34e39a0a;border-color:#34e39a66;color:var(--green)}
.home-hero .hh-ghost.hh-alt:hover{background:#34e39a14;border-color:#34e39aa6;color:var(--green)}
.home-hero .hh-ghost.hh-plans{background:#f5c4510f;border-color:#f5c45166;color:var(--gold)}
.home-hero .hh-ghost.hh-plans:hover{background:#f5c4511a;border-color:#f5c451a6;color:var(--gold2)}
/* v79: Log in / Create account. Short hero with the clover art faded back, one clean card */
.au-hero .pp-banner-in{min-height:0!important;padding-top:26px!important;padding-bottom:18px}
.au-hero::before{opacity:.38}
.au-hero h2{margin:0;font-size:34px}
.au-hero p{margin:6px 0 0;color:var(--mut);font-size:14px;line-height:1.4;max-width:34ch}
.au-wrap{gap:12px}
.au-card{gap:12px}
.au-card .acc-f>span,.au-card .acc-f>label{font-size:12px;font-weight:700;color:var(--mut)}
.au-pwi{position:relative;display:flex}
.au-pwi input{padding-right:48px}
.au-eye{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:none;border:0;border-radius:10px;color:var(--mut);cursor:pointer}
.au-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.au-eye .ec,.au-eye.on .eo{display:none}.au-eye.on .ec{display:block}
.au-eye:hover,.au-eye:focus-visible{color:var(--txt)}
.au-fg{align-self:flex-end;margin-top:-4px;font-size:13px;font-weight:700;text-decoration:none;color:var(--green);padding:4px 0}
.au-go{width:100%}
.au-go.ld{opacity:.85}
.au-go .spin{border-color:#05070d40;border-top-color:#05070d;margin-right:8px}
.au-alt{margin:2px 0 0;text-align:center;font-size:13.5px;color:var(--mut)}
.au-alt a{font-weight:700;color:var(--green);text-decoration:none}
.au-h{margin:-6px 0 0;font-size:12px;color:var(--mut);line-height:1.35}
.au-st{display:flex;align-items:center;gap:8px}
.au-st i{display:inline-flex;gap:3px;flex:none}
.au-st i b{width:18px;height:4px;border-radius:2px;background:#ffffff1a}
.au-st[data-s="1"] i b:nth-child(1){background:var(--red)}
.au-st[data-s="2"] i b:nth-child(-n+2){background:var(--gold)}
.au-st[data-s="3"] i b{background:var(--green)}
.au-opts{display:flex;flex-direction:column;gap:8px}
.au-row{border:1px solid var(--line2);border-radius:12px;padding:4px 12px;background:#ffffff05;min-width:0}
.tip-wrap.au-row{padding-right:6px}
.au-row .acc-age,.acc-age.au-row{min-height:44px}
.au-row input:checked+span,.acc-age.au-row:has(input:checked){color:var(--txt)}
.acc-age.au-row:has(input:checked),.tip-wrap.au-row:has(input:checked){border-color:#34e39a66;background:#34e39a0a}
.acc-nl.au-row span{display:flex;flex-direction:column;gap:1px}
.acc-nl.au-row small{font-size:12px;font-weight:500;color:var(--mut)}
.au-card .acc-f input[aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 3px #ff4d6a22}
.au-card .acc-terms{margin:0}
.au-18{max-width:420px}
@media(max-width:600px){.au-hero h2{font-size:28px}.au-hero .pp-banner-in{padding-top:20px!important;padding-bottom:14px}.au-hero p{font-size:13px}}
@media(max-width:360px){.au-card{padding:14px}.au-row{padding:4px 10px}}
/* v79: the one guest prompt (Create a Starter account) on #/multi and the Pulse+ hub */
.jn-page{max-width:1080px;margin:0 auto;padding:34px 16px 48px;display:flex;justify-content:center}
.jn{width:min(400px,100%);text-align:center;padding:26px 20px 20px;border-radius:18px;background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line)}
.jn-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#34e39a14;border:1px solid #34e39a33;color:var(--green)}
.jn-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.jn h2{margin:12px 0 6px;font-family:var(--disp);font-size:22px;letter-spacing:-.02em;line-height:1.15}
.jn p{margin:0;color:var(--mut);font-size:14px;line-height:1.45}
.jn-b{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.jn-b .btn{justify-content:center;width:100%}
.jn .jn-18{margin-top:12px;font-size:12px}
.ab-days .jn{margin:8px auto 0}.ab-days .ab-lock{margin:8px auto 0}
.ab-lock .fl-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* v81: plan cards: one-line features under small category labels */
.pl-card .pl-fl{margin:0 0 22px}.pl-cards.c3 .pl-card .pl-fl{flex:1}
.pl-card .pl-fl ul{margin:0;gap:7px}
.pl-card .pl-fl li{font-size:14px;line-height:1.35}
.pl-card .pl-all{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--txt);padding-left:24px;position:relative}
.pl-card .pl-all::before{content:'＋';position:absolute;left:0;top:0;color:var(--gold);font-weight:800}
.pl-card.t-starter .pl-all::before{color:var(--green)}
.pl-card .pl-cat{margin:14px 0 7px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--mut)}
.pl-card .pl-fl>.pl-cat:first-child{margin-top:2px}
.pl-card .pl-fl li .pc-s{margin-left:4px}
/* v81: Contact us */
.ct-card{width:min(560px,100%)}
.ct-tp{border:0;margin:0;padding:0;min-width:0}
.ct-tp legend{padding:0;margin:0 0 7px;font-size:12px;font-weight:700;color:var(--mut)}
.ct-chips{display:flex;flex-wrap:wrap;gap:7px}
.ct-chip{position:relative;cursor:pointer}
.ct-chip input{position:absolute;opacity:0;width:1px;height:1px}
.ct-chip span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);background:#05070d;font-size:13.5px;font-weight:600;color:var(--mut);transition:border-color .15s,color .15s,background .15s}
.ct-chip input:checked+span{border-color:var(--green);color:var(--txt);background:#34e39a14}
.ct-chip input:focus-visible+span{box-shadow:0 0 0 3px #34e39a33}
.ct-card .acc-f textarea{min-height:120px}
.ct-card .acc-f textarea[aria-invalid="true"]{border-color:var(--red);box-shadow:0 0 0 3px #ff4d6a22}
.ct-hint{display:flex;justify-content:space-between;gap:10px;margin:-6px 0 0;font-size:12px;color:var(--mut)}
.ct-hint #ctN{margin-left:auto;font-variant-numeric:tabular-nums}.ct-hint #ctN.warn{color:var(--gold)}
.ct-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 6px}
.ct-done b{font-family:var(--disp);font-size:20px}
.ct-done p{margin:0;color:var(--mut);font-size:14px;line-height:1.45;overflow-wrap:anywhere}.ct-em{color:var(--txt);font-weight:600}
.ct-ok{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#34e39a18;border:1px solid #34e39a55;margin-bottom:4px}
.ct-ok svg{width:24px;height:24px;fill:none;stroke:var(--green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ct-da{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
.ct-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13.5px}
.ct-links a{color:var(--mut);text-decoration:none;font-weight:600}.ct-links a:hover{color:var(--txt)}
/* v82: Pulse+ weekly (Friday) AI build */
.ab-wk h2 small{font-size:12.5px;font-weight:600;color:var(--mut);margin-left:6px;font-family:var(--sans,inherit)}
.ab-next{max-width:560px;margin:8px auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 18px;border:1px dashed #f5c45155;border-radius:16px;background:radial-gradient(120% 80% at 50% 0%,#f5c45110,transparent 60%),var(--card-solid)}
.ab-next b{font-family:var(--disp);font-size:18px}.ab-next p{margin:0;color:var(--mut);font-size:14px;line-height:1.45}
.ab-ni{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f5c45114;border:1px solid #f5c45144;color:var(--gold)}
.ab-ni svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ab-days .ab-mine{display:block;text-align:center;margin:12px auto 0}
.ab-up{max-width:560px;margin:10px auto 0;text-align:center;color:var(--mut);font-size:13px}.ab-up a{color:var(--gold);font-weight:700;text-decoration:none}
/* v82: AI builder record at the top of the Builder tab */
.bt-top{margin:0 0 14px}.bt-top .bt-t{margin:0 0 8px}.bt-top .ar-mini{margin:0 0 6px}.bt-top .ab-ro{margin:6px 0 0;font-size:13px}
/* v82: nav panel tidy: glass panel with a faint green glow, tier-accented account card, IG pill, one Explore list */
.pn{background:radial-gradient(120% 60% at 70% -10%,#34e39a1f,transparent 60%),linear-gradient(180deg,#101828f2,#0a0f1af7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid #ffffff14}
.pn-top{border-bottom:1px solid #ffffff10;padding:10px 14px}
.pn-body{padding:10px 14px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:0}
.pn-card{position:relative;padding:12px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff12;overflow:hidden}
.pn-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ffffff22}
.pn.t-plus .pn-card{border-color:#f5c45140;background:linear-gradient(135deg,#f5c45114,#ffffff05)}.pn.t-plus .pn-card::before{background:var(--gold)}
.pn.t-pro .pn-card{border-color:#f5c45138;background:linear-gradient(135deg,#f5c45116,#34e39a10)}.pn.t-pro .pn-card::before{background:linear-gradient(180deg,var(--gold),var(--green))}
.pn.t-pro .pn-t.pro{background:linear-gradient(135deg,#f5c45126,#34e39a1f);border-color:#f5c45155}
.pn-card .pn-up{margin-top:10px;min-height:38px}.pn-card .pn-auth{margin-top:10px}
.pn-pro{display:inline-flex;margin-top:8px;font-size:.82rem;font-weight:700;color:var(--gold);text-decoration:none}
.pn-ig{display:flex;align-items:center;gap:8px;margin:10px 0 2px;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid #ffffff16;background:linear-gradient(90deg,#f5c45110,#d6297614,#5b7cfa12);color:var(--txt);text-decoration:none;font-size:.85rem}
.pn-ig b{font-weight:800}.pn-ig svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.pn-ig:hover{border-color:#ffffff30}
.pn-sec{padding:10px 0;border-bottom:1px solid #ffffff0d}
.pn-sec h3{margin:0 0 4px}
.pn-list a{min-height:40px;padding:4px 0}.pn-list a>span{flex:1}
.pn-list .pro-b{margin:0}
.pn-ch{width:16px;height:16px;flex:none;fill:none;stroke:var(--mut);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pn-sp a{min-height:32px;padding:0 10px;font-size:.82rem}
.pn-set{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px}
.pn-set a{color:var(--txt);text-decoration:none;font-size:.9rem;min-height:40px;display:inline-flex;align-items:center}.pn-set a:hover{color:var(--gold)}
.pn-set .pn-tg{width:auto;min-height:40px;gap:8px;font-size:.85rem;color:var(--mut)}
.pn-legal{border-bottom:0}
.pn-help{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.82rem}.pn-help a{color:var(--txt);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}.pn-help a:hover{color:var(--gold)}.pn-help i{color:var(--mut);font-style:normal}
.pn-rg{margin:6px 0 0;font-size:.74rem;line-height:1.5}
.pn-out{align-self:flex-start;margin-top:6px;border:0;padding:0 2px;min-height:36px;color:var(--mut);font-weight:600;font-size:.85rem}.pn-out:hover{color:var(--red)}
.pn-ig{padding:6px 14px;border-radius:20px}.pn-ig>span{min-width:0;overflow-wrap:anywhere;line-height:1.3}
/* v84: owner Preview as */
.pn-pv{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:42px;font-size:.85rem;color:var(--mut)}
.pn-seg{display:inline-flex;border:1px solid #ffffff18;border-radius:10px;overflow:hidden}
.pn-seg button{background:none;border:0;color:var(--txt);font:inherit;font-size:.8rem;font-weight:700;padding:0 10px;min-height:34px;cursor:pointer}
.pn-seg button+button{border-left:1px solid #ffffff14}.pn-seg button.on{background:#f5c45122;color:var(--gold)}
/* v87: new version pill (never auto-reloads; dismissable) */
.pp-upd{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 66px);z-index:1200;display:inline-flex;align-items:center;max-width:calc(100vw - 24px);border-radius:999px;border:1px solid rgba(46,230,166,.45);background:#0f1a22;box-shadow:0 6px 24px rgba(0,0,0,.45)}
.pp-upd button{background:none;border:0;color:#e8fff6;cursor:pointer;min-height:44px}
.pp-upd-go{display:inline-flex;align-items:center;gap:6px;padding:8px 6px 8px 16px;font:600 14px/1.2 inherit;white-space:nowrap}
.pp-upd-go small{font-weight:500;color:var(--mut,#9fb0bd);font-size:12px}
.pp-upd-x{min-width:44px;font-size:20px;line-height:1;color:var(--mut,#9fb0bd)!important}
@media(max-width:340px){.pp-upd-go small{display:none}}
/* v89.3: loading state on the homepage cards (no new colours: the same text, dimmed and gently pulsing) */
.h7-ld{opacity:.55;animation:h7ld 1.1s ease-in-out infinite alternate}
@keyframes h7ld{to{opacity:.3}}
@media (prefers-reduced-motion:reduce){.h7-ld{animation:none}}