/* Sports match page v2 - compact, centered, interactive. Loaded last. */
#md .sx-w{max-width:560px;padding:0 12px 8px}
#md .mtop .wrap{grid-template-columns:70px minmax(0,1fr) 70px;height:46px;gap:4px;max-width:560px}
#md .bk{height:30px;padding:0 9px 0 5px;font-size:12.5px;border-radius:9px;background:#ffffff08;transition:transform .12s,background .15s}
#md .bk:active{transform:scale(.94);background:#ffffff14}
#md .mtop h1{font-size:16.5px;letter-spacing:.03em}
/* sticky mini score */
#md .sx-mini{display:flex;align-items:center;justify-content:center;gap:7px;height:28px;border-top:1px solid var(--ln);background:linear-gradient(90deg,transparent,#E0B25A12,transparent);font:700 12px/1 var(--sans)}
#md .sx-mini .mn-t{color:var(--mut);letter-spacing:.08em}
#md .sx-mini b{font:800 15px/1 var(--disp);color:var(--gold2);font-variant-numeric:tabular-nums}
#md .sx-mini em{font-style:normal;font-size:10px;color:var(--mut);margin-left:-3px}
#md .sx-mini i{font-style:normal;font-size:9.5px;letter-spacing:.12em;padding:3px 6px;border-radius:6px;background:var(--red);color:#fff}
/* video */
#md .sx-vid{margin-top:8px;border-radius:14px}
#md .sx-big{width:50px;height:50px;margin:-25px 0 0 -25px}
#md .sx-vc button{width:30px;height:30px;border-radius:9px}
/* score card */
#md .sx-card{margin-top:8px;border-radius:14px}
#md .sx-lg{padding:8px 12px 0;font-size:10.5px}
#md .sx-teams{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);padding:8px 6px 10px}
#md .sx-bd{width:32px;height:32px;font-size:12px}
#md .sx-t b{font-size:15px;min-height:1.9em}
#md .sx-n{font-size:25px}
#md .sx-t small{font-size:11px}
#md .sx-vs{padding-top:8px;gap:6px}#md .sx-vs i{font-size:12px}
#md .sx-pill{font-size:9.5px;padding:3px 5px}
#md .sx-tl{padding:7px 4px;min-height:44px;gap:2px}
#md .sx-tl i{font-size:9.5px}#md .sx-tl b{font-size:15px}
#md .sx-need{margin:2px 10px 7px;padding:6px 8px;font-size:12px;border-radius:10px}
#md .sx-trk{gap:6px;margin:0 10px 7px}#md .sx-trk span{width:26px;height:26px;font-size:12.5px}
#md .sx-cm{font-size:12px;margin:0 12px}
#md .sx-1c{padding:7px 12px;font-size:12.5px;gap:10px}
#md .sw{width:40px;height:23px;border-radius:12px}
#md .sw:after{width:17px;height:17px}#md .sw.on:after{left:20px}
/* jump chips */
#md .sx-jump{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
#md .sx-jump::-webkit-scrollbar{display:none}
#md .sx-jump button{flex:none;max-width:170px;height:28px;padding:0 12px;border-radius:14px;background:var(--s1);border:1px solid var(--ln);color:var(--mut);font:700 11.5px/1 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s}
#md .sx-jump button:active{transform:scale(.94)}
#md .sx-jump button.on{background:var(--gold);border-color:var(--gold);color:var(--ink)}
/* markets */
#md .sx-mk{margin-top:10px;border-radius:14px;scroll-margin-top:92px;animation:sxin .45s both}
#md .sx-mk:nth-of-type(2){animation-delay:.06s}#md .sx-mk:nth-of-type(3){animation-delay:.12s}#md .sx-mk:nth-of-type(n+4){animation-delay:.18s}
@keyframes sxin{from{opacity:0;transform:translateY(10px)}}
#md .sx-mh{min-height:40px;padding:0 38px;font-size:16px}
#md .sx-mh em{font-size:9px;padding:3px 5px}
#md .sx-mh .ch{right:12px;margin-top:-9px}
#md .sx-mb{padding:8px 10px 10px;gap:8px}
#md .sx-mm{font-size:10.5px;padding:2px 10px}
#md .cb{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#md .co{height:34px;border-radius:10px;font:800 12px var(--sans);letter-spacing:.08em;transition:transform .12s}
#md .co:active{transform:scale(.96)}
#md .sx-rn+.sx-rn{padding-top:8px}
#md .sx-nm{font-size:15.5px;margin-bottom:5px;letter-spacing:.03em}
#md .sx-pr{gap:7px}
#md .sx-pr .pc{height:46px;border-radius:10px;gap:1px;transition:transform .1s,box-shadow .15s,filter .15s}
#md .sx-pr .pc.b{background:linear-gradient(180deg,#8ccbf5,var(--bk))}
#md .sx-pr .pc.l{background:linear-gradient(180deg,#fcc0cf,var(--ly))}
#md .sx-pr .pc i{font-size:9px;letter-spacing:.18em}
#md .sx-pr .pc b{font-size:19px}
#md .sx-pr .pc small{font-size:10px}
#md .sx-pr .pc:active{transform:scale(.95)}
#md .sx-pr .pc.sel{outline:2px solid var(--gold2);outline-offset:1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--gold2) 22%,transparent),0 4px 14px #0007}
/* fancy rows */
#md .sx-fg{grid-template-columns:1fr;gap:7px}
#md .sx-fy{display:grid;grid-template-columns:minmax(0,1fr) 138px;align-items:center;gap:8px;padding:7px 8px;border-radius:12px}
#md .sx-fn{margin:0;text-align:left;font-size:14px}
#md .sx-fn small{font-size:10.5px;margin-top:2px}
#md .sx-fy .sx-pr{grid-template-columns:1fr 1fr;gap:6px}
#md .sx-fy .sx-pr .pc{height:44px}
/* my bets */
#md .sx-bets{margin-top:10px}
#md .sx-bh{font-size:16px}
#md .bet{padding:8px 10px;font-size:12.5px;border-radius:10px;margin-top:6px}
#md .foot,#md .made{font-size:11px}
/* bet slip sheet */
#sheet{padding:8px 14px calc(14px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;box-shadow:0 -12px 40px #000a}
#sheet .sh-grab{width:38px;height:4px;border-radius:2px;background:#ffffff30;margin:0 auto 10px}
#sheet h3{font-size:19px;text-align:center;letter-spacing:.04em;color:var(--gold2)}
#sheet .sp{margin:10px 0 8px;padding:8px 10px;border-radius:12px;gap:8px}
#sheet .sp b{font-size:15px}
#sheet .stp button{width:28px;height:28px;border-radius:8px;font-size:17px;transition:transform .1s}
#sheet .stp button:active{transform:scale(.88)}
#sheet .stp output{font-size:18px;min-width:44px}
#sheet .inp{height:42px;font-size:19px;text-align:center;border-radius:11px}
#sheet .inp:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 20%,transparent)}
#sheet .chips{gap:6px;margin:8px 0}
#sheet .chips button{height:32px;border-radius:9px;font-size:13px;transition:transform .1s,background .15s}
#sheet .chips button:active{transform:scale(.94);background:var(--gold);color:var(--ink)}
#sheet .pf{margin:4px 0;font-size:12.5px;align-items:center}
#sheet .pf b{font-size:17px}
#sheet .pf.rt b{color:var(--gold2)}
#sheet .btn.g.w{height:44px;margin-top:8px;font-size:14.5px;border-radius:12px;box-shadow:0 6px 18px color-mix(in srgb,var(--gold) 30%,transparent)}
#sheet .btn.g.w:active{transform:scale(.97)}

/* v2b: exchange-style rows - name left, BACK | LAY on the same line; cashout at bottom; compact score card */
#md .sx-vid{aspect-ratio:2/1}
#md .sx-bd{display:none}
#md .sx-lg{padding:6px 10px 0}
#md .sx-teams{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);padding:2px 6px 6px}
#md .sx-t b{min-height:0;font-size:14px}
#md .sx-n{font-size:22px}
#md .sx-vs{padding-top:8px}
#md .sx-tl{min-height:36px;padding:5px 4px}
#md .sx-trk span{width:22px;height:22px;font-size:11.5px}
#md .sx-1c{padding:5px 12px}
#md .sx-cm{font-size:11.5px;margin:0 12px 2px;min-height:0}
#md .sx-ch{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 78px 78px;column-gap:6px;font:700 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-align:center;color:var(--mut)}
#md .sx-ch span:nth-child(2){color:var(--bk)}#md .sx-ch span:nth-child(3){color:var(--ly)}
#md .sx-rn{display:grid;grid-template-columns:minmax(0,1fr) 162px;align-items:center;column-gap:6px;text-align:left}
#md .sx-rn .sx-nm{margin:0;font-size:15px;text-align:left}
#md .sx-rn .sx-pr{grid-template-columns:78px 78px;gap:6px}
#md .sx-rn .pc i{display:none}
#md .sx-rn .pc{height:46px}
#md .sx-rn .pc b{font-size:19px}
#md .sx-rn+.sx-rn{padding-top:8px}
#md .cb{margin-top:2px}
#md .sx-rn .pc small{display:none}
#md .sx-rn .pc{height:42px}
#md .sx-rn .pc b{font-size:20px}
#md .sx-mm{margin-bottom:2px}

/* v3: classic blue BACK / pink LAY, tactile 3D press + squeeze */
#md .sx-pr .pc.b{background:#72BBEF;box-shadow:0 3px 0 #3f8fc8,0 6px 10px #0006,inset 0 1px 0 #ffffff70}
#md .sx-pr .pc.l{background:#FAA9BA;box-shadow:0 3px 0 #d6788f,0 6px 10px #0006,inset 0 1px 0 #ffffff70}
#md .sx-pr{margin-bottom:3px}
#md .sx-pr .pc{border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .12s var(--ease,ease),box-shadow .12s,filter .2s}
#md .sx-pr .pc.b:active{transform:translateY(3px);box-shadow:0 0 0 #3f8fc8,inset 0 2px 5px #0004}
#md .sx-pr .pc.l:active{transform:translateY(3px);box-shadow:0 0 0 #d6788f,inset 0 2px 5px #0004}
#md .sx-pr .pc b{color:#0A0D14;text-shadow:0 1px 0 #ffffff55}
#md .sx-pr .pc.sel{outline:2px solid var(--gold2);outline-offset:2px}
.sq{animation:sxsq .38s cubic-bezier(.3,1.6,.5,1)}
@keyframes sxsq{0%{transform:scale(1)}28%{transform:scale(.88,.8)}62%{transform:scale(1.07,1.1)}100%{transform:scale(1)}}
#md .sx-pr .pc.sq{animation-name:sxsq2}
@keyframes sxsq2{0%{transform:translateY(0) scale(1)}28%{transform:translateY(3px) scale(.9,.8)}62%{transform:translateY(-1px) scale(1.06,1.1)}100%{transform:translateY(0) scale(1)}}
#md .co:active,#md .sx-jump button:active,#sheet .chips button:active,#sheet .stp button:active,#sheet .btn:active{transform:scale(.92)}

/* v4: bet slip price box + place button follow Back (blue) / Lay (pink) */
#sheet .sp{background:#72BBEF;border:0;box-shadow:0 3px 0 #3f8fc8,inset 0 1px 0 #ffffff70;margin-bottom:11px}
#sheet .sp.l{background:#FAA9BA;box-shadow:0 3px 0 #d6788f,inset 0 1px 0 #ffffff70}
#sheet .sp b{color:#0A0D14}
#sheet .sp .stp output{min-width:54px;padding:5px 6px;border-radius:9px;background:#ffffffb8;color:#0A0D14;font-size:19px;box-shadow:inset 0 1px 3px #0003}
#sheet .sp .stp button{background:#0A0D1426;color:#0A0D14;width:30px;height:30px;font-size:19px}
#sheet .btn.sd-b{background:#72BBEF;color:#0A0D14;box-shadow:0 3px 0 #3f8fc8,0 8px 16px #0006,inset 0 1px 0 #ffffff70}
#sheet .btn.sd-l{background:#FAA9BA;color:#0A0D14;box-shadow:0 3px 0 #d6788f,0 8px 16px #0006,inset 0 1px 0 #ffffff70}
#sheet .btn.sd-b:active{transform:translateY(3px);box-shadow:0 0 0 #3f8fc8}
#sheet .btn.sd-l:active{transform:translateY(3px);box-shadow:0 0 0 #d6788f}
#sheet:has(.sp.l) .inp:focus{border-color:var(--ly);box-shadow:0 0 0 3px #faa9ba33}
#sheet:has(.sp:not(.l)) .inp:focus{border-color:var(--bk);box-shadow:0 0 0 3px #72bbef33}

/* Suspended: live match me bookmaker odds na milen to purane (pre-match) odds par bet band */
#md .sx-mk.su .sx-pr{position:relative}
#md .sx-mk.su .sx-pr .pc{pointer-events:none;filter:grayscale(.7) brightness(.55)}
#md .sx-mk.su .sx-pr::after{content:"Suspended";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#0b0f18b8;color:#ff6b6b;font:800 15px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;pointer-events:none}
#md .sx-mk.su .co{pointer-events:none;opacity:.4}