/* Sportsbook */
.page.sp{max-width:1240px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;padding-bottom:90px}
.sp-main{min-width:0}
.sp button{font:inherit;color:inherit;cursor:pointer}
.sp-grow{flex:1}
.sp-top{display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.sp-tabs{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);padding:4px;border-radius:12px;overflow-x:auto;max-width:100%}
.sp-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;font-weight:700;font-size:13px;color:var(--muted);text-decoration:none;white-space:nowrap}
.sp-tab.on{background:var(--raised2);color:var(--text)}
.sp-dot{width:8px;height:8px;border-radius:50%;background:var(--win);display:inline-block;animation:spPulse 1.4s infinite}
@keyframes spPulse{0%{box-shadow:0 0 0 0 rgba(53,227,154,.6)}100%{box-shadow:0 0 0 8px rgba(53,227,154,0)}}
.sp-search{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 12px;height:44px;color:var(--muted)}
.sp-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:14px}
.sp-search kbd{font:600 11px var(--ui);border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--dim)}
.sp-tiles{display:flex;justify-content:safe center;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;scrollbar-width:thin}
.sp-tile{flex:none;min-width:104px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(160deg,var(--panel),var(--bg2));color:var(--muted)}
.sp-tile b{color:var(--text);font-size:13px}.sp-tile small{font-size:11px;color:var(--dim)}
.sp-tile.on{border-color:var(--win);color:var(--win);box-shadow:0 0 0 1px rgba(53,227,154,.35) inset}
.sp-h{display:flex;align-items:center;gap:8px;margin:22px 0 10px;font-size:17px;font-weight:800}
.sp-h small{font-size:12px;color:var(--dim);font-weight:600}
.sp-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0}
.sp-promo{border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:4px;min-height:92px;border:1px solid rgba(255,255,255,.08)}
.sp-promo b{font-size:16px}.sp-promo span{font-size:12.5px;opacity:.85;max-width:240px}
.sp-promo.p1{background:linear-gradient(135deg,#1c3b6e,#2a2370)}.sp-promo.p2{background:linear-gradient(135deg,#0f5d4a,#1a3f66)}.sp-promo.p3{background:linear-gradient(135deg,#6a2b4d,#3a2670)}
.sp-car{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.sp-car>*{scroll-snap-align:start}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.sp-tc{flex:none;width:290px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}
.sp-grid .sp-tc{width:auto}
.sp-tc.live{border-color:rgba(53,227,154,.35)}
.sp-tc-h{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);text-decoration:none;gap:8px}
.sp-tc-lg{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sp-tc-t.l,.sp-st.l,.sp-bd-top b.l{color:var(--win);font-weight:800}
.sp-tc-m{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--text)}
.sp-tc-m div{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px}.sp-tc-m span:not(.sp-crest){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-tc-m em,.sp-tm em{font-style:normal;font-weight:800;color:var(--gold)}
.sp-crest{display:inline-block;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.sp-odds{display:grid;gap:6px}.sp-odds.n3{grid-template-columns:repeat(3,1fr)}.sp-odds.n2{grid-template-columns:repeat(2,1fr)}
.sp-ob{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;padding:5px 6px;border-radius:10px;border:1px solid var(--line);background:var(--raised);min-width:0;transition:background .15s,border-color .15s}
.sp-ob small{font-size:10.5px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-ob b{font-size:14px;font-weight:800}
.sp-ob:hover:not(:disabled){background:var(--raised2)}
.sp-ob.on{background:var(--win);border-color:var(--win);color:#04281b}.sp-ob.on small{color:#0a4a33}
.sp-ob.lock{opacity:.5;cursor:not-allowed}
.sp-ob.up b{animation:spUp 1.6s}.sp-ob.dn b{animation:spDn 1.6s}
@keyframes spUp{0%,60%{color:var(--win)}}@keyframes spDn{0%,60%{color:var(--loss)}}
.sp-lg{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}
.sp-lgh{display:flex;align-items:center;gap:9px;width:100%;padding:12px 14px;background:none;border:0;text-align:left}
.sp-lgh small{color:var(--dim)}.sp-lgh .n{margin-left:auto;background:var(--raised);border-radius:8px;padding:1px 8px;font-size:12px;color:var(--muted)}
.chv{transition:transform .2s;color:var(--dim)}.sp-lg.open .chv,.sp-mk.open .chv{transform:rotate(180deg)}
.sp-lgb{display:none;border-top:1px solid var(--line)}.sp-lg.open .sp-lgb{display:block}
.sp-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px) 44px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.sp-row:last-child{border-bottom:0}.sp-row.live{background:linear-gradient(90deg,rgba(53,227,154,.06),transparent 40%)}
.sp-teams{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--text);min-width:0}
.sp-st{font-size:11.5px;color:var(--muted);font-weight:700;display:flex;gap:8px}.sp-st i{font-style:normal;color:var(--gold)}
.sp-tm{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;min-width:0}.sp-tm span:not(.sp-crest){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-more{text-align:center;font-size:12px;font-weight:800;color:var(--muted);background:var(--raised);border-radius:9px;padding:8px 0;text-decoration:none}
.sp-empty{padding:30px 16px;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:14px}
.sp-seg{display:flex;gap:6px;align-items:center;margin:6px 0 10px;color:var(--muted);font-size:13px}
.sp-seg button{background:var(--raised);border:1px solid var(--line);padding:6px 12px;border-radius:9px;font-weight:700;font-size:12.5px}
.sp-seg button.on{background:var(--raised2);border-color:var(--win);color:var(--win)}
.sp-seg span{margin-right:auto}
.sp-tbl{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sp-tr{display:grid;grid-template-columns:2.2fr 1fr .8fr .6fr .9fr;gap:8px;padding:10px 14px;font-size:13px;align-items:center;border-bottom:1px solid var(--line)}
.sp-tr:last-child{border:0}.sp-tr.h{color:var(--dim);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sp-tr .ev{min-width:0;display:flex;flex-direction:column}.sp-tr .ev small{color:var(--dim)}.sp-tr .w{color:var(--win);font-weight:800}
.sp-tr span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-note{color:var(--dim);font-size:12px;margin:10px 2px}
.sp-sgm{flex:none;width:290px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px}
.sp-sgm-h{display:flex;gap:8px;align-items:center;font-size:13.5px}
.sp-sgm ul{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:6px}.sp-sgm li{display:flex;gap:8px;align-items:center;font-size:13px}.sp-sgm li i{width:6px;height:6px;border-radius:50%;background:var(--win);flex:none}
.sp-addsgm{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;border:0;background:var(--raised2);font-weight:800}
.sp-addsgm b{background:var(--win);color:#04281b;padding:3px 9px;border-radius:7px}
.dim{color:var(--dim)}
/* event page */
.sp-back{display:inline-block;margin-bottom:10px;color:var(--muted);text-decoration:none;font-weight:700;font-size:13px}
.sp-board{background:linear-gradient(160deg,#17314f,#12202f);border:1px solid var(--line);border-radius:18px;padding:14px 16px 16px;margin-bottom:12px}
.sp-board.live{border-color:rgba(53,227,154,.4)}
.sp-bd-top{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px}
.sp-bd-top b{font-size:15px;font-variant-numeric:tabular-nums}
.sp-bd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px}
.sp-bd .t{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:15px}
.sp-bd .s{display:flex;gap:10px;align-items:center;font-size:38px;font-weight:800;font-variant-numeric:tabular-nums}.sp-bd .s i{color:var(--dim);font-style:normal}.sp-bd .s em{font-style:normal}
.sp-bd .vs{font-size:18px;color:var(--dim)}
.sp-sub{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}.sp-sub span{background:rgba(255,255,255,.07);border-radius:8px;padding:3px 10px;font-size:12px}.sp-sub .cur{color:var(--gold);font-weight:700}
.sp-susp{margin-top:10px;text-align:center;color:var(--gold);font-weight:800;font-size:13px}
.sp-tl{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.sp-tl span{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:3px 9px;font-size:12px;display:flex;gap:5px;align-items:center}.sp-tl i{font-style:normal}
.sp-tl .a{border-color:rgba(79,195,255,.4)}
.sp-mk{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:8px;overflow:hidden}
.sp-mkh{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;background:none;border:0;font-size:14px}
.sp-mkb{display:none;padding:0 12px 12px;gap:6px}.sp-mk.open .sp-mkb{display:grid}
.sp-mkb.c2{grid-template-columns:repeat(2,1fr)}.sp-mkb.c3{grid-template-columns:repeat(3,1fr)}.sp-mkb.c4{grid-template-columns:repeat(4,1fr)}
.sp-mkb .sp-ob{flex-direction:row;justify-content:space-between;padding:8px 12px}.sp-mkb .sp-ob small{font-size:12.5px;color:var(--text);font-weight:600}
.sp-mkb .sp-ob.on small{color:#04281b}
/* slip */
.sp-slip{position:sticky;top:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;max-height:calc(100vh - 110px);overflow:hidden}
.sp-slip-h{display:flex;align-items:center;gap:8px;padding:14px 14px 10px}.sp-slip-h b{font-size:16px}.sp-slip-h i{font-style:normal;background:var(--win);color:#04281b;border-radius:8px;padding:0 8px;font-weight:800;font-size:13px}
.sp-ico{background:var(--raised);border:0;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:20px;color:var(--muted)}#spClose{display:none}
.sp-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 14px 8px;background:var(--bg2);border-radius:10px;padding:3px}
.sp-modes button{border:0;background:none;border-radius:8px;padding:7px;font-weight:700;font-size:13px;color:var(--muted)}.sp-modes button.on{background:var(--raised2);color:var(--text)}
.sp-slip-b{padding:0 14px;overflow-y:auto;flex:1;min-height:60px}
.sp-slip-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 10px;color:var(--muted);text-align:center;font-size:13px}.sp-slip-empty b{color:var(--text)}.sp-slip-empty svg{width:34px;height:34px;opacity:.6}
.sp-sec{display:flex;justify-content:space-between;align-items:center;margin:6px 0}.sp-sec b{font-size:14px}
.sp-link{background:none;border:0;color:var(--sky);font-weight:700;font-size:12.5px}
.sp-bc{position:relative;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}
.sp-bc.closed{opacity:.6}
.sp-bc-m small{color:var(--muted);display:flex;align-items:center;gap:5px;padding-right:22px}
.sp-bc-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.sp-bc-h b{font-size:14px}.sp-bc-o{font-weight:800;color:var(--win)}
.sp-bc-o.up,.sp-leg-o.up{color:var(--win)}.sp-bc-o.dn,.sp-leg-o.dn{color:var(--loss)}
.sp-x{background:none;border:0;color:var(--dim);font-size:20px;line-height:1;width:24px;height:24px;border-radius:6px}.sp-x:hover{color:var(--loss)}.sp-x.top{position:absolute;right:8px;top:6px}
.sp-stake{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:0 10px;height:42px}.sp-stake:focus-within{border-color:var(--win)}
.sp-stake span{color:var(--muted);font-weight:700}.sp-stake input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:16px;font-weight:700}
.sp-pay{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.sp-pay b{color:var(--text)}
.sp-legs{border-top:1px solid var(--line);margin-top:4px;padding-top:6px;display:flex;flex-direction:column;gap:2px}
.sp-leg{display:flex;align-items:center;gap:8px;padding:6px 0}.sp-leg.closed{opacity:.5}
.sp-leg-i{flex:1;min-width:0;display:flex;flex-direction:column}.sp-leg-i small{color:var(--dim);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;gap:4px;align-items:center}.sp-leg-i b{font-size:13px}
.sp-leg-o{font-weight:800}
.sp-err{background:rgba(255,84,112,.12);color:var(--loss);border-radius:8px;padding:6px 10px;font-size:12.5px}
.sp-slip-f{padding:12px 14px 14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;background:var(--panel)}
.sp-tot{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted)}.sp-tot b{color:var(--text)}.sp-tot b.g{color:var(--win)}
.sp-place{height:46px;border-radius:12px;border:0;background:linear-gradient(135deg,#35E39A,#1fb87a);color:#04281b;font-weight:800;font-size:15px}.sp-place:disabled{opacity:.45;cursor:not-allowed}
.sp-clear{background:none;border:0;color:var(--dim);font-size:12.5px;padding:4px}
.sp-pop{position:absolute;right:12px;top:52px;z-index:5;background:var(--raised2);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 14px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:10px;font-size:13px;width:250px}
.sp-sw{display:flex;gap:8px;align-items:center}
.sp-pop .sp-seg{margin:0;flex-wrap:wrap}
.sp-fab{display:none}.sp-scrim{display:none}
/* my bets */
.sp-mbet{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.sp-mbet.won{border-color:rgba(53,227,154,.45)}.sp-mbet.lost{opacity:.8}
.sp-mb-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sp-mb-h small{color:var(--dim)}
.pill{font-size:11px;font-weight:800;border-radius:7px;padding:2px 8px;background:var(--raised);text-transform:uppercase;letter-spacing:.04em}.pill.won,.pill.cashed{background:rgba(53,227,154,.18);color:var(--win)}.pill.lost{background:rgba(255,84,112,.15);color:var(--loss)}.pill.open{background:rgba(255,194,75,.15);color:var(--gold)}
.sp-mbl{display:flex;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}.sp-mbl i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--raised);display:grid;place-items:center;font-size:12px;flex:none}
.sp-mbl.won i{background:var(--win);color:#04281b}.sp-mbl.lost i{background:var(--loss);color:#fff}.sp-mbl>div{flex:1;min-width:0;display:flex;flex-direction:column}.sp-mbl small{color:var(--dim);font-size:11.5px}.sp-mbl u{text-decoration:none;color:var(--win)}
.sp-mb-f{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-top:8px;border-top:1px solid var(--line);padding-top:10px}.sp-mb-f small{display:block;color:var(--dim);font-size:11.5px}.sp-mb-f b.g{color:var(--win)}
.sp-cash{margin-left:auto;border:0;background:var(--gold);color:#3a2800;font-weight:800;border-radius:10px;padding:10px 16px}.sp-cash:disabled{background:var(--raised);color:var(--dim);cursor:not-allowed}
@media (max-width:1100px){
  .page.sp{grid-template-columns:1fr}
  .sp-slip{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:70;max-height:88vh;border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .25s;border-bottom:0}
  body.sp-sheet .sp-slip{transform:none}
  #spClose{display:grid}
  .sp-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:65;opacity:0;pointer-events:none;transition:opacity .2s}body.sp-sheet .sp-scrim{opacity:1;pointer-events:auto}
  .sp-fab{display:flex;align-items:center;gap:8px;position:fixed;right:14px;bottom:78px;z-index:60;background:var(--raised2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:11px 16px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.45)}
  .sp-fab b{background:var(--gold);color:#3a2800;border-radius:999px;min-width:22px;text-align:center;padding:0 6px}.sp-fab.has{background:var(--win);color:#04281b;border-color:var(--win)}
  body.sp-sheet .sp-fab{display:none}
}
@media (max-width:700px){
  .sp-promos{grid-template-columns:1fr 1fr 1fr;gap:8px}.sp-promo{padding:12px;min-height:76px}.sp-promo span{display:none}.sp-promo b{font-size:13.5px}
  .sp-row{grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:"t o";gap:8px;padding:10px}.sp-row .sp-more{display:none}
  .sp-odds .sp-ob b{font-size:13px}.sp-odds .sp-ob{min-height:40px}
  .sp-tc,.sp-sgm{width:262px}.sp-grid{grid-template-columns:1fr}
  .sp-tr{grid-template-columns:1.6fr .9fr .8fr}.sp-tr span:nth-child(3),.sp-tr span:nth-child(4){display:none}
  .sp-bd .s{font-size:30px}.sp-mkb.c4{grid-template-columns:repeat(2,1fr)}.sp-mkb.c3{grid-template-columns:repeat(2,1fr)}
  .sp-search kbd{display:none}.sp-search{order:-1;flex-basis:100%}
}

/* added state + odds-move arrows */
.sp-addsgm{transition:background .2s,color .2s,transform .12s}.sp-addsgm:hover{filter:brightness(1.1)}.sp-addsgm:active{transform:scale(.98)}
.sp-addsgm.on{background:linear-gradient(135deg,#6a5af0,#4c7dff);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 6px 18px rgba(76,125,255,.35)}
.sp-addsgm.on b{background:rgba(255,255,255,.2);color:#fff}.sp-addsgm.pop{animation:spAdded .45s cubic-bezier(.2,1.5,.4,1)}
@keyframes spAdded{0%{transform:scale(.96)}60%{transform:scale(1.03)}100%{transform:none}}
/* odds moves: arrow + colour pulse, bet slip only */
.sp-bc-o.up::before,.sp-leg-o.up::before,.sp-bc-o.dn::before,.sp-leg-o.dn::before{content:"";display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;margin-right:6px;vertical-align:middle;position:relative;top:-1px}
.sp-bc-o.up::before,.sp-leg-o.up::before{border-bottom:7px solid #35e39a;animation:spArrUp 1s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(53,227,154,.7))}
.sp-bc-o.dn::before,.sp-leg-o.dn::before{border-top:7px solid #ff5470;animation:spArrDn 1s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,84,112,.7))}
@keyframes spArrUp{0%,100%{transform:translateY(2px);opacity:.7}50%{transform:translateY(-3px);opacity:1}}
@keyframes spArrDn{0%,100%{transform:translateY(-2px);opacity:.7}50%{transform:translateY(3px);opacity:1}}
.sp-bc-o,.sp-leg-o{border-radius:7px;padding:1px 6px;margin:-1px -6px}
.sp-bc-o.pulse.up,.sp-leg-o.pulse.up{animation:spPulseUp 1.4s ease-out}.sp-bc-o.pulse.dn,.sp-leg-o.pulse.dn{animation:spPulseDn 1.4s ease-out}
@keyframes spPulseUp{0%{background:rgba(53,227,154,.45);box-shadow:0 0 0 0 rgba(53,227,154,.6);transform:scale(1.18)}60%{background:rgba(53,227,154,.14);box-shadow:0 0 0 8px rgba(53,227,154,0)}100%{background:transparent;transform:none}}
@keyframes spPulseDn{0%{background:rgba(255,84,112,.45);box-shadow:0 0 0 0 rgba(255,84,112,.6);transform:scale(1.18)}60%{background:rgba(255,84,112,.14);box-shadow:0 0 0 8px rgba(255,84,112,0)}100%{background:transparent;transform:none}}
@media (prefers-reduced-motion:reduce){.sp-bc-o::before,.sp-leg-o::before,.sp-bc-o.pulse,.sp-leg-o.pulse{animation:none!important}}
/* selected odds button stays readable */
.sp-ob.on b,.sp-ob.on.up b,.sp-ob.on.dn b{color:#04281b!important;-webkit-text-fill-color:#04281b;animation:none!important}
.sp-ob.on small{color:#0a4a33!important}
/* desktop: bet slip docked to the right edge, overlaying the chat */
@media (min-width:1101px){
  .page.sp{grid-template-columns:minmax(0,1fr)!important;margin-right:364px!important;max-width:none}
  .sp-slip{position:fixed!important;right:12px;top:68px;bottom:12px;width:var(--rail,340px);max-height:none;z-index:135;box-shadow:0 18px 50px rgba(0,0,0,.55)}
}
@media (min-width:1101px){.app{z-index:auto!important}}
@media (min-width:1101px){
  .page.sp{width:min(1240px,calc(100% - 364px))!important;margin-left:max(0px,calc((100% - 364px - 1240px) / 2))!important;margin-right:0!important;max-width:none!important;padding-left:20px;padding-right:20px;box-sizing:border-box}
}
@media (min-width:1101px) and (max-width:1500px){
  .page.sp{width:calc(100% - 324px)!important;margin-left:0!important}
}
.sc-arr{position:absolute;z-index:5;width:34px;height:34px;border-radius:50%;display:none;place-items:center;transform:translateY(-50%);background:rgba(14,19,41,.92);border:1px solid var(--line);color:var(--text);box-shadow:0 6px 18px rgba(0,0,0,.45);transition:background .15s,transform .15s}
.sc-arr.l{left:-6px}.sc-arr.r{right:-6px}.sc-arr:hover{background:var(--accent,#6a5af0);color:#fff;transform:translateY(-50%) scale(1.08)}
@media (hover:hover) and (min-width:861px){.sc-arr:not([hidden]){display:grid}}
/* illustrated sport cards */
.sp-sc-row{justify-content:flex-start!important;gap:12px!important;padding:4px 2px 10px}
.sp-sc{position:relative;flex:none;width:150px;height:170px;border-radius:18px;overflow:hidden;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 50% 18%,var(--c1),var(--c2) 78%);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;transition:transform .18s,box-shadow .18s}
.sp-sc:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.45)}
.sp-sc.on{box-shadow:0 0 0 2px #fff,0 12px 30px rgba(0,0,0,.45)}
.sp-sc-art{position:absolute;left:0;right:0;top:8px;display:grid;place-items:center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35));transition:transform .25s}.sp-sc:hover .sp-sc-art{transform:scale(1.08) rotate(-3deg)}
.sp-sc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,6,24,.82));pointer-events:none}
.sp-sc-n,.sp-sc small{position:relative;z-index:2}.sp-sc-n{font-weight:900;font-size:14px;letter-spacing:.02em;text-shadow:0 2px 6px rgba(0,0,0,.5)}.sp-sc small{font-size:11px;opacity:.8}
.sp-sc-live{position:absolute;z-index:3;top:9px;left:9px;display:flex;align-items:center;gap:5px;font-style:normal;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:99px;background:rgba(6,10,30,.6);backdrop-filter:blur(4px)}
.sp-sc-live s{width:6px;height:6px;border-radius:50%;background:#3DDC97;box-shadow:0 0 6px #3DDC97}
@media(max-width:700px){.sp-sc{width:118px;height:140px;padding:10px}.sp-sc-art svg{width:74px;height:74px}.sp-sc-n{font-size:12.5px}}

.sp-gt{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin:4px 0 2px;scrollbar-width:none}.sp-gt::-webkit-scrollbar{display:none}
.sp-gt button{flex:none;padding:8px 14px;border-radius:99px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-weight:800;font-size:13px;white-space:nowrap}
.sp-gt button i{font-style:normal;font-size:11px;opacity:.7;margin-left:4px}.sp-gt button.on{background:linear-gradient(135deg,#8B7BFF,#5A6BFF);color:#fff;border-color:transparent}