/* Staging deltas on top of the locked v4 stylesheet (style.css is the v4 file, unchanged). */
body{width:100%;max-width:430px;height:100dvh;margin:0 auto}
.main{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.main::-webkit-scrollbar{display:none}
.main.bs{bottom:162px}
.slipbar{bottom:108px}                        /* lifted so the raised wheel never overlaps it */
.sub,.mtabs{overflow-x:auto;scrollbar-width:none}.sub::-webkit-scrollbar,.mtabs::-webkit-scrollbar{display:none}
.ev,.tab,.mtabs div,.nav>div,.sec a,.ob,.hero{cursor:pointer}
.ob.na{opacity:.4;pointer-events:none}
.ob{transition:transform .15s,box-shadow .25s,background .6s,color .6s}
.ob.fl-up{box-shadow:inset 0 0 0 1.5px var(--g);color:var(--g)}.ob.fl-dn{box-shadow:inset 0 0 0 1.5px var(--r);color:var(--r)}
.empty{padding:26px 16px;text-align:center;color:var(--t3)}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g3 .ob{min-width:0}.g3 .ob>span:first-child,.g3 .ob .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

:root{--cw:54px}
/* betslip sheet (live) */
.slipov{position:fixed;inset:0;background:#05090dcc;backdrop-filter:blur(3px);z-index:20}
.slipsh{position:fixed;left:50%;transform:translateX(-50%);width:100%;max-width:430px;bottom:0;z-index:21;background:linear-gradient(180deg,#151f29,#10181f);border-radius:22px 22px 0 0;box-shadow:0 -14px 40px #000c,inset 0 1px 0 #ffffff1a;max-height:75dvh;display:flex;flex-direction:column}
.slist{overflow-y:auto;padding:0 14px}.sli{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--ln)}
.slx{cursor:pointer;color:var(--t3);font-size:14px;padding:2px 4px}
.stk{width:90px;height:30px;border-radius:8px;border:1px solid #ffffff22;background:#0b1217;color:#fff;text-align:right;padding:0 8px;font:inherit}
.slipbar,.mk .h,.mtabs div,.sub .tab,.seg div,.dp,svg.i{cursor:pointer}
.mk.col>:not(.h){display:none}
.sseg div{cursor:pointer}.sseg .on{background:var(--grad);color:#04241b}
.qst{display:flex;gap:6px;margin:4px 0 8px}.qst div{flex:1;text-align:center;padding:6px 0;border-radius:9px;background:var(--s1,#151f29);box-shadow:inset 0 0 0 1px #ffffff14;font-size:11.5px;font-weight:700;cursor:pointer}
.pbet{height:42px;margin-top:8px;cursor:pointer}.pbet.off{opacity:.45}
#toast{position:fixed;left:50%;bottom:150px;transform:translateX(-50%) translateY(10px);max-width:380px;background:#0f2f3a;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 8px 24px #000a,0 0 0 1px #2ee6a655;font-size:12.5px;font-weight:600;opacity:0;pointer-events:none;transition:all .25s;z-index:30}#toast.on{opacity:1;transform:translateX(-50%)}
.main .btn,.main a,.main .tag,.main .inp,.main .row,.hic,.logo{cursor:pointer}
/* ---- mobile shell: fixed chrome flush to the viewport edges (iOS Safari collapsing toolbar safe) ---- */
:root{--sab:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-top,0px);--navh:64px;--stg:14px}
html,body{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--bg)}
body{position:relative;min-height:100%;min-height:100dvh}
.badge{position:fixed;top:0;bottom:auto;left:0;right:0;margin:0 auto;max-width:430px;height:calc(var(--stg) + var(--sat));padding-top:var(--sat);line-height:var(--stg);font-size:8px;background:#0a0f14;z-index:12;box-sizing:border-box}
.hd{position:fixed;top:calc(var(--stg) + var(--sat));left:0;right:0;margin:0 auto;max-width:430px;z-index:11}
.main{position:fixed;top:calc(54px + var(--stg) + var(--sat));bottom:0;left:0;right:0;margin:0 auto;max-width:430px;padding-bottom:calc(var(--navh) + var(--sab) + 40px);box-sizing:border-box;-webkit-overflow-scrolling:touch}
.main.bs{bottom:0;padding-bottom:calc(var(--navh) + var(--sab) + 40px + 62px)}
.nav{position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:430px;height:calc(var(--navh) + var(--sab));padding:6px 8px calc(6px + var(--sab));box-sizing:border-box;z-index:10;transform:none}
.slipbar{position:fixed;left:0;right:0;margin:0 auto;max-width:410px;width:calc(100% - 20px);bottom:calc(var(--navh) + var(--sab) + 36px);z-index:10}
#toast{bottom:calc(var(--navh) + var(--sab) + 96px)}
.slipsh{padding-bottom:var(--sab)}

/* ---- sport chips with icons; match rows never push odds off-screen ---- */
.sub .tab.spc{gap:6px;padding:7px 12px 7px 10px}.sub .tab.spc .spi{width:15px;height:15px;flex:0 0 15px;opacity:.85}.sub .tab.spc.on .spi{opacity:1}
.sub .tab.spc .c{background:#2ee6a61a;border-radius:8px;padding:1px 6px;font-weight:700}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g2 .ob,.g3 .ob{min-width:0}
.ob.h{gap:6px}.ob.h small{flex:1 1 auto;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.ob.h .v{flex:0 0 auto}
.tms .nm,.ev .tms span{min-width:0}
.lh .cols:has(> span:nth-child(2):last-child){grid-template-columns:repeat(2,54px)}

.hsp{position:sticky;top:0;z-index:4;background:var(--bg,#0a0f14)}
.hsp .spc .c{margin-left:4px}
.hlf{display:flex;gap:6px;overflow-x:auto;padding:0 10px 8px;scrollbar-width:none}.hlf::-webkit-scrollbar{display:none}
.hlf span{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:14px;background:#1b2632;color:#9fb0c0;font-size:12px;font-weight:700;cursor:pointer;border:1px solid #2a3a4a}
.hlf span svg{width:13px;height:13px}.hlf span.on{background:#ffdf1b;color:#111;border-color:#ffdf1b}
/* ---- iOS Safari hardening (v8): the document itself can never scroll or zoom ----
   iOS ignores overflow:hidden on html/body for touch; a document scroll (or the focus auto-zoom on <16px inputs)
   collapses/expands the toolbars and leaves every position:fixed layer offset (header hidden, nav floating above
   the bottom toolbar). Pin the body as a fixed shell; only #main / inner lists scroll. */
html{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}
body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:430px;height:auto;min-height:0;margin:0 auto;overflow:hidden;overscroll-behavior:none}
input,select,textarea,.stk,.inp,.cz-srch input{font-size:16px!important}
/* ---- sport tiles (thumb-sized): icon, label, count; v3 mint active ---- */
.sub.spr{gap:8px;padding:8px 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.sub.spr::-webkit-scrollbar{display:none}
.sub .tab.spt{flex:0 0 76px;width:76px;min-height:76px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border-radius:16px;background:var(--s1,#151f29);box-shadow:inset 0 0 0 1px #ffffff14;color:var(--t2,#b8c4cf);scroll-snap-align:start;white-space:nowrap}
.sub .tab.spt .spi,.sub .tab.spt svg.i{width:28px;height:28px;flex:0 0 28px;opacity:.9;stroke-width:1.6}
.sub .tab.spt .n{font-size:12px;font-weight:700;line-height:1.1;max-width:68px;overflow:hidden;text-overflow:ellipsis}
.sub .tab.spt .c{font-size:10.5px;font-weight:700;color:var(--t3,#7d8a96);background:none;padding:0;display:flex;align-items:center;gap:3px}
.sub .tab.spt .ld{width:5px;height:5px;border-radius:50%;background:#ff4d5e;display:inline-block}
.sub .tab.spt.on{background:#2ee6a61f;box-shadow:inset 0 0 0 1.5px #2ee6a6;color:#2ee6a6}
.sub .tab.spt.on .spi,.sub .tab.spt.on svg.i{opacity:1}.sub .tab.spt.on .c{color:#2ee6a6cc}
/* ---- v9 shell: the DOCUMENT scrolls (standard iOS Safari pattern; replaces the fixed-body shell) ----
   No fixed heights, no 100vh/dvh, no JS height or scroll guards. Header sticky at the top, nav fixed at the bottom. */
html{height:auto;overflow:visible;overflow-x:hidden;overscroll-behavior:auto;background:var(--bg)}
body{position:static;inset:auto;width:100%;max-width:430px;height:auto;min-height:0;margin:0 auto;overflow:visible;overflow-x:clip;overscroll-behavior:auto;padding-top:calc(var(--stg) + var(--sat))}
.badge{position:fixed;top:0}
.hd{position:sticky;top:calc(var(--stg) + var(--sat));left:auto;right:auto;margin:0;max-width:none;z-index:11}
.main,.main.bs{position:static;top:auto;bottom:auto;left:auto;right:auto;margin:0;max-width:none;overflow:visible;height:auto;padding-bottom:calc(var(--navh) + var(--sab) + 40px)}
.main.bs{padding-bottom:calc(var(--navh) + var(--sab) + 40px + 62px)}
.hsp,.sxrh{top:calc(54px + var(--stg) + var(--sat))}
/* markets v10: bigger buttons, group headers, accordions, 2-col OU/handicap */
.mkg{margin:16px 14px 8px;font:800 11px/1 'Nunito Sans',sans-serif;letter-spacing:.9px;text-transform:uppercase;color:#2ee6a6;display:flex;align-items:center;gap:8px}.mkg:after{content:"";flex:1;height:1px;background:#ffffff14}
.main .mk{padding:4px 12px 12px;margin:0 12px 10px}.main .mk .h{min-height:48px;margin:0;font-size:14px;gap:8px}.mk .h svg{transition:transform .2s}.mk.col .h svg{transform:rotate(-90deg)}.mk.col{padding-bottom:4px}
.mkn{font:700 11px/1 'Nunito Sans',sans-serif;color:var(--t2)}
.main .mk .ob{height:auto;min-height:48px;padding:6px 8px;border-radius:12px}.main .mk .ob small{font-size:12px;font-weight:600;color:var(--t2);line-height:1.2;text-align:center}.main .mk .ob .v{font-size:15px;font-weight:800}
.main .mk .g2,.main .mk .g3{gap:8px}.ahr{margin-bottom:8px}.ahr .ob{flex-direction:row;justify-content:space-between;padding:0 14px}.ahr .ob small{color:#e8eef3;font-weight:700}
.ahh,.ouh{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 6px;font:700 11.5px/1.2 'Nunito Sans',sans-serif;color:var(--t2);text-align:center}.ahh span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ouh{grid-template-columns:44px 1fr 1fr}.our{display:grid;grid-template-columns:44px 1fr 1fr;gap:8px;margin-bottom:8px;align-items:center}.our b{font-size:14px;text-align:center}
.mk.lng .ob:nth-child(n+13){display:none}.mkmore{margin-top:10px;min-height:44px;display:grid;place-items:center;border-radius:12px;background:#ffffff0a;font:700 13px 'Nunito Sans',sans-serif;color:#2ee6a6;cursor:pointer}
.main .mk .g3 .ob.h{flex-direction:column;justify-content:center;gap:3px;padding:6px 4px}.main .mk .g3 .ob.h small{max-width:100%}

/* En Vivo clock / period / suspended tags */
.lclk{margin-left:6px;font-weight:800;color:#2ee6a6;font-variant-numeric:tabular-nums}.lper{margin-left:6px;opacity:.75}.lsus{margin-left:6px;padding:0 5px;border-radius:4px;background:#5a1f1f;color:#ffb4b4;font-weight:700}

/* polish-slice1-sports — rails, Liga MX emphasis, smoother match rows */
.box.list .li,.box .ev{transition:background .15s}
.box .ev:active,.box.list .li:active{background:#1a2430}
.lh{padding:10px 12px 6px;font-weight:800;letter-spacing:-.01em;color:#e8eef5}
.lh .flag{box-shadow:0 0 0 1px #2ee6a044,0 0 10px #2ee6a022}
.ob{border-radius:10px}
.ob:not(.na):active{transform:scale(.98)}
.hlf span.on{box-shadow:0 0 12px #ffdf1b44}
/* nv-spt populares rail styles live in nv.css (Novibet compact mono) */
.nv-pp{padding:0 0 8px}
.nv-todo{margin:4px 16px 18px;padding:12px;border-radius:12px;background:#151f29;text-align:center;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 1px #2ee6a033}
.mx-rail{box-shadow:inset 0 0 0 1px #2ee6a033;border-radius:12px;margin:0 10px 10px;overflow:hidden}
.mx-rail .lh{background:linear-gradient(90deg,#12302c,#151b24)}

/* polish-slice2-sports — match page / Creador Combo / stubs */
.pfback{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1c2430;cursor:pointer;flex:none}
.nv-stub .btn.authbtn{height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800}
body:has(.nv-mhc) .nv-ca{margin:8px 12px 0;background:linear-gradient(135deg,#e8faf3,#f4f7fa);box-shadow:inset 0 0 0 1px #2ee6a055}
body:has(.nv-mhc) .nv-ca-txt b{color:#0d1117}
body:has(.nv-mhc) .nv-ca-txt span{color:#5b6775}
body:has(.nv-mhc) .nv-ca-ico{background:#dff8ee;color:#0b7a55}
body:has(.nv-mhc) .nv-ca.on{box-shadow:inset 0 0 0 1.5px #2ee6a0,0 0 16px #2ee6a033}
