/* ===== sports3.css v1 — Sports ka design platform ke home page jaisa (soft glass cards, gold accents, same spacing). Loaded LAST. =====
   Sections: 1) sports home  2) results  3) My bets / History  4) event page  5) bet ticket */
:root{--glass:linear-gradient(160deg,#ffffff0a,#ffffff04),var(--s1);--edge:#ffffff14}

/* ---------- 1) sports home: headings, tabs, match cards ---------- */
#sports .sec{margin-top:22px}
#sports .sh{justify-content:center;text-align:center;margin-bottom:12px}
#sports .sh>div{text-align:center}
#sports .sh h3{margin:0;font:600 17px/1.2 var(--disp);color:var(--gold2);letter-spacing:.02em}
#sports .sh small{margin-top:4px;font:500 12px var(--sans);color:var(--mut)}
#sports #sev .gtb{font-size:12.5px;padding:0 8px;gap:6px}
#sports .mc{padding:14px;margin-bottom:12px;border-radius:20px;background:var(--glass);border:1px solid var(--edge)}
#sports .mc .lg{gap:10px;margin-bottom:12px;font-size:12.5px;line-height:1.3}
#sports .mc .tm{padding:4px 2px;font:600 17px/1.25 var(--disp)}
#sports .mc .wn{margin:14px 0 8px;text-align:center;font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
#sports .odds{gap:10px}
#sports .od{height:46px;justify-content:center;gap:10px;padding:0 10px;border-radius:12px;background:#ffffff0d;border:1px solid var(--edge)}
#sports .od small{font:600 11px/1 var(--sans)}
#sports .od .ov2{font:700 16px/1 var(--disp);color:var(--tx)}
#sports .od:not([data-m]){color:var(--mut);font-size:13px}
#sports .foot{margin-top:22px}

/* ---------- 2) results ---------- */
.rc{margin-bottom:10px;padding:12px;border-radius:20px;background:var(--glass);border:1px solid var(--edge);box-shadow:var(--soft-sh,0 8px 24px #0006)}
.rc-h{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--mut);font-size:12px}
.rc-h i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--s2);color:var(--gold)}
.rc-h span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-h time{flex:none;font-size:11.5px;font-variant-numeric:tabular-nums}
.rc-t{display:flex;align-items:center;gap:8px;margin-top:6px;padding:9px 12px;border-radius:12px;background:#ffffff08;font:500 15px/1.2 var(--sans)}
.rc-t span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-t b{flex:none;font:600 14px/1 var(--sans);color:var(--mut);font-variant-numeric:tabular-nums}
.rc-t.w{background:color-mix(in srgb,var(--up) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--up) 40%,transparent)}
.rc-t.w span{font-weight:700;color:var(--tx)}.rc-t.w b{color:var(--gold2)}
.rc-t em{flex:none;padding:3px 7px;border-radius:6px;background:var(--up);color:#06281b;font:800 9.5px/1 var(--sans);font-style:normal;letter-spacing:.08em}
.rc-x{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding-top:9px;border-top:1px dashed #ffffff1c;color:var(--gold2);font:600 13px/1.3 var(--sans);text-align:center}
.rc-x.n{color:var(--mut)}

/* ---------- 3) My bets + History ---------- */
#sports #sbt{margin-top:0}
.bs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 12px}
.bs>div{padding:11px 6px;text-align:center;border-radius:16px;background:var(--glass);border:1px solid var(--edge)}
.bs i{display:block;margin-bottom:6px;color:var(--mut);font:600 10.5px/1.2 var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.bs b{display:block;font:700 15px/1.1 var(--sans);font-variant-numeric:tabular-nums}
.up{color:var(--up)}.dn{color:#ff7a80}.gd{color:var(--gold2)}
.sbe{margin:22px 0;text-align:center;color:var(--mut);font-size:13.5px;line-height:1.6}
.bc{margin-bottom:10px;padding:12px 14px;border-radius:18px;background:var(--glass);border:1px solid var(--edge);border-left:4px solid var(--bk);text-align:left;cursor:pointer}
.bc.l{border-left-color:var(--ly)}.bc.fy{border-left-color:var(--gold)}.bc.hs{cursor:default}
.bc-h{display:flex;align-items:center;gap:8px}
.bc-sd,.bt-sd{flex:none;padding:3px 8px;border-radius:6px;background:var(--bk);color:#0A0D14;font:800 10px/1.2 var(--sans);letter-spacing:.1em}
.bc.l .bc-sd,.bt.l .bt-sd{background:var(--ly)}.bc.fy .bc-sd,.bt.fy .bt-sd{background:var(--gold)}
.bc-mk{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut);font-size:12px}
.bc-ss{flex:none;padding:3px 9px;border-radius:999px;font:700 10.5px/1.2 var(--sans);letter-spacing:.04em;background:#ffffff12;color:var(--mut)}
.bc-ss.open{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold2)}
.bc-ss.won{background:color-mix(in srgb,var(--up) 18%,transparent);color:var(--up)}
.bc-ss.lost{background:#e5484d26;color:#ff8b92}
.bc-sel{display:flex;align-items:baseline;gap:8px;margin-top:9px}
.bc-sel b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 16px/1.2 var(--sans)}
.bc-sel em{flex:none;font:700 16px/1 var(--disp);font-style:normal;color:var(--gold2)}
.bc-mt{margin:3px 0 11px;color:var(--mut);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bc-n>div{padding:8px 4px;text-align:center;border-radius:12px;background:#ffffff08}
.bc-n i{display:block;margin-bottom:5px;color:var(--mut);font:600 10px/1.2 var(--sans);font-style:normal;letter-spacing:.07em;text-transform:uppercase}
.bc-n b{font:700 14px/1.1 var(--sans);font-variant-numeric:tabular-nums}.bc-n b.sm{font-size:11.5px;font-weight:600}
.bc-nt{margin-top:9px;color:var(--mut);font-size:12px;text-align:center}

/* ---------- 4) event page ---------- */
#md{--bw:86px;--gp:12px}
#md .sx-w{max-width:560px;padding:0 14px 16px}
#md .sx-mini,#md .sx-bug{display:none!important}
#md .sx-vid,#md .sx-card,#md .sx-one,#md .sx-jump,#md .sx-mk,#md .sx-bets{margin-top:12px}
/* score: sirf yahan (card). Video par / header me dobara nahi */
#md .sx-card{border-radius:20px;background:var(--glass);border:1px solid var(--edge);box-shadow:var(--soft-sh,0 8px 24px #0006)}
#md .sx-teams{padding:6px 8px 10px}
#md .sx-t b{font-size:15px}
#md .sx-n{font-size:24px}
#md .sx-cm{margin:0 14px 2px;font-size:12.5px;text-align:center}
#md .sx-one{border:1px solid var(--edge);border-radius:16px;background:var(--glass);padding:9px 14px;font-size:13px}
#md .sx-jump{gap:8px;padding:2px 2px 4px}
#md .sx-jump button{height:32px;padding:0 14px;border-radius:16px;font-size:12px;background:#ffffff08;border:1px solid var(--edge)}
/* market boxes */
#md .sx-mk{border-radius:20px;background:var(--glass);border:1px solid var(--edge);box-shadow:var(--soft-sh,0 8px 24px #0006);animation:none}
#md .sx-mk.hot,#md .sx-mk.fan{border-color:color-mix(in srgb,var(--gold2) 30%,transparent)}
#md .sx-mh{min-height:46px;font:600 16px/1 var(--disp);letter-spacing:.02em}
#md .sx-mb{padding:12px 14px 14px;gap:12px}
#md .sx-mm{padding:4px 14px;font-size:11.5px}
/* name | BACK | LAY — same columns for header and rows so everything lines up; wide gap between the two boxes */
#md .sx-ch{display:grid;grid-template-columns:minmax(0,1fr) var(--bw) var(--bw);column-gap:var(--gp);margin-bottom:-4px}
#md .sx-ch span{text-align:center;font-size:11px;letter-spacing:.18em}
#md .sx-rn{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--bw)*2 + var(--gp));column-gap:var(--gp);align-items:center}
#md .sx-rn+.sx-rn{padding-top:12px;border-top:1px dashed #ffffff14}
#md .sx-rn .sx-nm{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 14.5px/1.25 var(--sans);letter-spacing:0;word-break:break-word;text-align:left}
#md .sx-mk .sx-rn .sx-pr{grid-template-columns:var(--bw) var(--bw);gap:var(--gp);margin:0}
#md .sx-mk .sx-rn .pc{height:46px;border-radius:12px}
#md .sx-mk .sx-rn .pc b{font:800 19px/1 var(--disp)}
/* fancy rows */
#md .sx-fg{gap:10px}
#md .sx-fy{grid-template-columns:minmax(0,1fr) calc(var(--bw)*2 + var(--gp));column-gap:var(--gp);padding:10px;border-radius:14px;background:#ffffff08;border:1px solid var(--edge)}
#md .sx-fy .sx-pr{grid-template-columns:var(--bw) var(--bw);gap:var(--gp)}
#md .sx-fn{font:600 14px/1.25 var(--sans);color:var(--gold2)}
/* cash out bar */
#md .cb{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:2px}
#md .co{height:40px;border-radius:12px;background:#ffffff0d;border:1px solid var(--edge);color:var(--tx);font:800 11.5px/1 var(--sans);letter-spacing:.06em}
#md .co.p,#md .cb .co.p{background:#2fd18a22;border-color:var(--up);color:var(--up)}
#md .co.m,#md .cb .co.m{background:#e5484d22;border-color:var(--red);color:#ff8b92}
#md .co:disabled,#md .bt-c button:disabled{opacity:.42;pointer-events:none}
/* my bets on event page */
#md .sx-bh{margin:0 0 2px;text-align:center;font:600 16px/1.2 var(--disp);color:var(--gold2)}
#md .bt{margin-top:10px;padding:12px;border-radius:18px;background:var(--glass);border:1px solid var(--edge);border-left:4px solid var(--bk);text-align:left}
#md .bt.l{border-left-color:var(--ly)}#md .bt.fy{border-left-color:var(--gold)}
.bt-h{display:flex;align-items:center;gap:8px}
.bt-h b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px/1.2 var(--sans)}
.bt-h em{flex:none;font:700 15px/1 var(--disp);font-style:normal;color:var(--gold2)}
.bt-m{margin:5px 0 10px;color:var(--mut);font-size:12px}
.bt-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bt-n>div{padding:8px 4px;text-align:center;border-radius:12px;background:#ffffff08}
.bt-n i{display:block;margin-bottom:5px;color:var(--mut);font:600 10px/1.2 var(--sans);font-style:normal;letter-spacing:.07em;text-transform:uppercase}
.bt-n b{font:700 14px/1.1 var(--sans);font-variant-numeric:tabular-nums}
.bt-c{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:var(--mut);font-size:12.5px}
.bt-c b{font-weight:700;font-variant-numeric:tabular-nums}
.bt-c button{height:34px;padding:0 14px;border-radius:10px;background:var(--gold);color:var(--ink);font:800 11px/1 var(--sans);letter-spacing:.06em}

/* ---------- 5) bet ticket (bottom sheet): live price, no +/- ---------- */
#sheet .tk{--c:#72BBEF;--cd:#3f8fc8;margin:4px 0 12px;border-radius:16px;overflow:hidden;text-align:center;box-shadow:0 3px 0 var(--cd),0 8px 18px #0006}
#sheet .tk.l{--c:#FAA9BA;--cd:#d6788f}
#sheet .tk-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--cd);color:#0A0D14;font:800 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
#sheet .tk-h b{font-weight:800}
#sheet .tk-h span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;font-weight:700;opacity:.85}
#sheet .tk-h u{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-size:10px}
#sheet .tk-h u:before{content:"";width:6px;height:6px;border-radius:50%;background:#0A0D14;animation:pu 1.3s infinite}
#sheet .tk-b{padding:12px 14px 14px;background:var(--c);color:#0A0D14}
#sheet .tk-s{font:700 17px/1.2 var(--sans)}
#sheet .tk-l{margin-top:3px;font:600 12.5px var(--sans)}#sheet .tk-l i{font:800 14px var(--disp);font-style:normal}
#sheet .tk-b output{display:inline-block;margin-top:9px;min-width:96px;padding:7px 16px;border-radius:12px;background:#ffffffd0;color:#0A0D14;font:800 26px/1 var(--disp);font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 3px #0003}
#sheet .tk-b output.up{animation:tkup .8s}#sheet .tk-b output.dn{animation:tkdn .8s}
@keyframes tkup{0%{background:#2fd18a;transform:scale(1.08)}100%{background:#ffffffd0;transform:none}}
@keyframes tkdn{0%{background:#ff6b73;transform:scale(1.08)}100%{background:#ffffffd0;transform:none}}
#sheet .tk-f{display:flex;flex-direction:column;align-items:center;gap:6px}
#sheet .tk-f label{color:var(--mut);font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
#sheet .inp{height:46px;font-size:20px;text-align:center}
#sheet .chips{gap:8px;margin:10px 0}
#sheet .tk-r{margin:2px 0 4px;padding:2px 12px;border-radius:14px;background:#ffffff08;border:1px solid var(--edge)}
#sheet .tk-r>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;font-size:13px;color:var(--mut)}
#sheet .tk-r>div+div{border-top:1px dashed #ffffff14}
#sheet .tk-r b{font:700 16px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--tx)}
#sheet .tk-r b.up{color:var(--up)}#sheet .tk-r b.gd{color:var(--gold2)}
#sheet .tk-n{margin:8px 0 2px;text-align:center;color:var(--mut);font-size:11.5px;line-height:1.4}
#sheet .tk-n.er{color:#ff8b92;font-weight:600}
#sheet .btn.g.w[disabled]{opacity:.4;pointer-events:none;box-shadow:none}

@media(max-width:360px){#md{--bw:76px;--gp:10px}#sports #sev .gtb{font-size:11.5px;padding:0 6px}.bs b{font-size:13.5px}}

/* ---------- fixes: results list reveal, left aligned rows, sport filter centered ---------- */
#sports .sec.rv{opacity:1!important;transform:none!important}
.rc,.rc-t,.rc-t span{text-align:left}
.rc-x{text-align:center}
#sports #ssp{display:flex;justify-content:center;gap:10px}
#sports #ssp .gtb{flex:0 1 160px}