:root{--f9:#0d1030;--f8:#171b45;--f7:#262c66;--f6:#3a4289;--f5:#434548;--lime:#c8f542;--lime-d:#a9d82a;--cream:#f3f6ee;--t2:#a9bdb0;--t3:#7d9285;--red:#ff6262;--red-d:#d6313a;--gold:#f2c94c;--line:rgba(255,255,255,.07)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{background:var(--f9)}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#fff;background:var(--f9);display:flex;justify-content:center;min-height:100dvh;-webkit-font-smoothing:antialiased}
body.lock{overflow:hidden}
[dir=rtl] body,[dir=rtl] button,[dir=rtl] input{font-family:"Noto Naskh Arabic","Noto Nastaliq Urdu","Geeza Pro","Segoe UI",Tahoma,system-ui,sans-serif}
[dir=rtl] *{letter-spacing:0!important}
button{font-family:inherit;border:0;background:none;color:inherit;cursor:pointer;text-align:start}
input{font-family:inherit}
.num{font-variant-numeric:tabular-nums}
svg.i{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
[dir=rtl] .flip{transform:scaleX(-1)}
[hidden]{display:none!important}
svg.cn{width:18px;height:18px;flex:none}
.app{width:100%;max-width:480px;min-height:100dvh;position:relative;overflow-x:hidden;background:var(--f9);padding-bottom:calc(env(safe-area-inset-bottom) + 36px)}
.app::before{content:"";position:absolute;inset:0 0 auto;height:620px;pointer-events:none;background-image:linear-gradient(rgba(200,245,66,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,245,66,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}
@media (min-width:481px){body{background:#040609}.app{border-inline:1px solid var(--line)}}
.rise>*{animation:rise .55s cubic-bezier(.2,.8,.2,1) backwards}
.rise>*:nth-child(2){animation-delay:.05s}.rise>*:nth-child(3){animation-delay:.1s}.rise>*:nth-child(4){animation-delay:.15s}.rise>*:nth-child(5){animation-delay:.2s}.rise>*:nth-child(n+6){animation-delay:.25s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* header */
.lh{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:rgba(14,17,48,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.logo{display:flex;align-items:center;gap:10px}
.logo>i{width:36px;height:36px;border-radius:11px;background:var(--lime);display:grid;place-items:center;color:var(--f9);font-style:normal;font-weight:900;font-size:19px}
.logo b{display:block;font-size:18px;font-weight:800;letter-spacing:-.3px;direction:ltr}
.logo small{display:block;font-size:11.5px;color:var(--t3);font-weight:600}
.lhr{display:flex;align-items:center;gap:8px}
.lng{height:34px;padding:0 12px;border-radius:17px;background:rgba(255,255,255,.07);font-size:12.5px;font-weight:700}
.balc{display:flex;align-items:center;gap:7px;height:38px;padding:0 4px 0 11px;border-radius:19px;background:var(--f7);border:1px solid rgba(200,245,66,.22);direction:ltr}
.balc b{font-size:14.5px;font-weight:800}
.balc .pl{width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--f9);display:grid;place-items:center}
.balc .pl svg{width:16px;height:16px;stroke-width:2.6}
.balc.sm{height:34px;padding:0 12px 0 9px}
.balc.sm b{font-size:13.5px}

/* announcement */
.ann{display:flex;align-items:center;gap:10px;margin:6px 16px 0;height:42px;padding:0 12px;border-radius:14px;background:var(--f8);border:1px solid var(--line);overflow:hidden}
.ann>svg{color:var(--lime);width:20px;height:20px}
.mq{flex:1;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq span{display:inline-block;padding-inline-start:100%;font-size:13px;color:#d6e4da;animation:mq 26s linear infinite}
@keyframes mq{to{transform:translateX(-100%)}}
[dir=rtl] .mq span{animation-name:mqr}
@keyframes mqr{to{transform:translateX(100%)}}

/* slider */
.sld{margin-top:14px}
.trk{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 16px;scroll-padding:0 16px}
.trk::-webkit-scrollbar{display:none}
.bn{position:relative;flex:0 0 100%;scroll-snap-align:start;height:168px;border-radius:24px;overflow:hidden;padding:18px;display:flex;flex-direction:column;justify-content:space-between}
.bn .tx{position:relative;z-index:1;max-width:60%}
.bn .k{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;opacity:.75}
.bn h3{font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.4px;margin-top:4px}
.bn p{font-size:12.5px;line-height:1.45;margin-top:5px;opacity:.85}
.bn .cta{position:relative;z-index:1;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:18px;font-size:13.5px;font-weight:800}
.bn .cta svg{width:16px;height:16px}
.bn .art{position:absolute;bottom:0;right:0;width:46%;height:100%;direction:ltr}
[dir=rtl] .bn .art{right:auto;left:0}
.bn.v1{background:var(--lime);color:var(--f9)}.bn.v1 .cta{background:var(--f9);color:var(--lime)}
.bn.v2{background:var(--f6);color:#fff}.bn.v2 .cta{background:var(--lime);color:var(--f9)}
.bn.v3{background:var(--cream);color:var(--f9)}.bn.v3 .cta{background:var(--f8);color:var(--lime)}
.bn.v4{background:#2a2c2f;color:#fff;border:1px solid rgba(242,201,76,.25)}.bn.v4 .cta{background:var(--gold);color:var(--f9)}
.dots{display:flex;justify-content:center;gap:6px;margin-top:10px;direction:ltr}
.dots button{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.2);transition:.3s;padding:0}
.dots button.on{width:20px;background:var(--lime)}

/* trading banner */
.trd{position:relative;display:block;width:calc(100% - 32px);margin:20px 16px 0;border-radius:26px;background:var(--f8);border:1px solid rgba(200,245,66,.2);overflow:hidden;text-align:start}
.trh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 0}
.tg{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:12px;background:rgba(200,245,66,.12);color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.6px}
.tg i{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:lv 1.2s ease-in-out infinite}
@keyframes lv{50%{opacity:.25}}
.trh h2{font-size:25px;font-weight:800;letter-spacing:-.5px;margin-top:8px}
.trh p{font-size:12.5px;color:var(--t2);margin-top:2px;max-width:200px}
.trp{text-align:end;direction:ltr;flex:none}
.trp small{display:block;font-size:11.5px;color:var(--t3);font-weight:700}
.trp b{display:block;font-size:20px;font-weight:800;margin-top:2px}
.trp em{font-style:normal;font-size:12.5px;font-weight:800}
.upc{color:var(--lime)}.dnc{color:var(--red)}
.trc{display:block;width:100%;height:150px}
.trf{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;padding:0 16px 16px}
.trf span{height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:800}
.trf .u{background:rgba(200,245,66,.14);color:var(--lime)}.trf .d{background:rgba(255,98,98,.13);color:var(--red)}.trf .n{background:var(--lime);color:var(--f9)}
.trf svg{width:16px;height:16px;stroke-width:2.4}

/* sections */
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:28px 16px 12px}
.sh h2{display:flex;align-items:center;gap:9px;font-size:18.5px;font-weight:800;letter-spacing:-.3px}
.sh h2 .ti{width:32px;height:32px;border-radius:10px;background:rgba(200,245,66,.12);color:var(--lime);display:grid;place-items:center}
.sh h2 .ti svg{width:18px;height:18px}
.sh small{font-size:12.5px;color:var(--t3);font-weight:600}
.hot{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 16px;scroll-padding:0 16px}
.hot::-webkit-scrollbar{display:none}
.hc{position:relative;flex:0 0 74%;scroll-snap-align:start;height:216px;border-radius:24px;overflow:hidden;background:var(--f7);border:1px solid var(--line);display:flex;flex-direction:column;text-align:start}
.hc .ar{flex:1;position:relative}
.hc .gn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 14px;background:rgba(14,17,48,.55)}
.hc .gn b{display:block;font-size:17px;font-weight:800}
.hc .gn small{display:block;font-size:12px;color:var(--t2);margin-top:1px}
.hc .gn span{flex:none;height:34px;padding:0 16px;border-radius:17px;background:var(--lime);color:var(--f9);font-size:13px;font-weight:800;display:grid;place-items:center}
.hc .bd{position:absolute;top:12px;inset-inline-end:12px;z-index:2;height:24px;padding:0 9px;border-radius:12px;background:var(--red-d);font-size:11px;font-weight:800;display:flex;align-items:center;gap:4px}
.og{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px}
.gt{border-radius:22px;overflow:hidden;background:var(--f8);border:1px solid var(--line);text-align:start;transition:transform .15s;display:flex;flex-direction:column}
.gt:active,.hc:active,.trd:active{transform:scale(.97)}
.gt .ar{height:124px;position:relative}
.gt .gn{padding:10px 12px 13px}
.gt b{display:block;font-size:15px;font-weight:800}
.gt small{display:block;font-size:11.5px;color:var(--t3);margin-top:2px;line-height:1.35}
.ar{overflow:hidden;background:radial-gradient(circle at 50% 120%,var(--f6),var(--f7) 70%);direction:ltr}
.ar::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(200,245,66,.09) 1px,transparent 1.4px);background-size:14px 14px}
.ar>svg,.ar>div{position:absolute;inset:0;width:100%;height:100%}

/* leaderboard */
.lb{margin:28px 16px 0;padding:18px 14px 14px;border-radius:26px;background:var(--f8);border:1px solid var(--line)}
.lbh{display:flex;justify-content:space-between;align-items:center}
.lbh h2{display:flex;align-items:center;gap:9px;font-size:18.5px;font-weight:800}
.lbh h2 .ti{width:32px;height:32px;border-radius:10px;background:rgba(242,201,76,.14);color:var(--gold);display:grid;place-items:center}
.lbh h2 .ti svg{width:18px;height:18px}
.lbh>span{height:28px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.07);font-size:12px;font-weight:700;display:grid;place-items:center}
.lbs{font-size:12.5px;color:var(--t3);margin-top:4px}
.pod{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:8px;margin-top:20px;direction:ltr}
.pd{text-align:center;min-width:0}
.av{position:relative;margin:0 auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:20px;color:var(--f9);border:3px solid var(--f8);box-shadow:0 0 0 2px var(--c)}
.pd.p1 .av{width:66px;height:66px;font-size:25px}
.av .cr{position:absolute;top:-19px;left:50%;transform:translateX(-50%);width:26px;height:20px;color:var(--gold)}
.av .rk{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:var(--c);color:var(--f9);font-size:12px;font-weight:900;display:grid;place-items:center;border:2px solid var(--f8)}
.pd .nm{font-size:12.5px;font-weight:700;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd .pf{font-size:13px;font-weight:800;color:var(--lime);margin-top:2px}
.pd .st{margin-top:10px;border-radius:14px 14px 4px 4px;background:var(--f7);display:grid;place-items:center;font-size:24px;font-weight:900;color:rgba(255,255,255,.18)}
.pd.p1 .st{height:92px;background:linear-gradient(180deg,rgba(242,201,76,.22),var(--f7))}
.pd.p2 .st{height:70px}.pd.p3 .st{height:54px}
.lbl{margin-top:12px}
.lr{display:flex;align-items:center;gap:12px;padding:10px 6px;border-top:1px solid var(--line)}
.lr .n{width:22px;text-align:center;font-size:13.5px;font-weight:800;color:var(--t3)}
.lr .av{width:36px;height:36px;font-size:14px;border-width:2px;box-shadow:none;margin:0}
.lr .nm{flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr .pf{font-size:14px;font-weight:800;color:var(--lime);direction:ltr}
.lr.me{margin-top:8px;border:1.5px solid rgba(200,245,66,.4);border-radius:16px;background:rgba(200,245,66,.06);padding:10px 10px}
.lr.me .pf.neg{color:var(--red)}
.foot{text-align:center;margin:26px 16px 0;font-size:12px;color:var(--t3);line-height:1.6}

/* toast + sheets */
.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:90;background:var(--f7);color:#fff;border-inline-start:4px solid var(--lime);padding:13px 18px;border-radius:12px;font-size:14px;font-weight:600;max-width:90vw;transition:.3s cubic-bezier(.2,.8,.2,1);border-top:1px solid var(--line)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.bad{border-inline-start-color:var(--red)}
.scrim{position:fixed;inset:0;z-index:70;background:rgba(4,6,9,.62);opacity:0;pointer-events:none;transition:opacity .25s}
.scrim.on{opacity:1;pointer-events:auto}
.bs{position:fixed;left:50%;bottom:0;z-index:71;width:100%;max-width:480px;max-height:88dvh;overflow-y:auto;background:var(--f8);border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0;padding:10px 20px calc(env(safe-area-inset-bottom) + 22px);transform:translate(-50%,105%);transition:transform .38s cubic-bezier(.2,.85,.2,1);visibility:hidden}
.bs.on{transform:translate(-50%,0);visibility:visible}
.bs::before{content:"";display:block;width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.18);margin:0 auto 16px}
.bs h3{font-size:19px;font-weight:800}
.bs .sub{font-size:13.5px;color:var(--t2);margin-top:4px;line-height:1.5}
.bs ul{margin-top:14px}
.bs li{list-style:none;position:relative;padding-inline-start:20px;margin-bottom:11px;font-size:14px;line-height:1.6;color:#d6e4da}
.bs li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--lime);transform:rotate(45deg)}
.cbig{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 6px;font-size:34px;font-weight:900;direction:ltr}
.cbig svg{width:34px;height:34px}
.btn{display:block;width:100%;height:54px;border-radius:16px;font-size:16px;font-weight:800;text-align:center;margin-top:12px}
.btn.pr{background:var(--lime);color:var(--f9)}.btn.gh{background:rgba(255,255,255,.07)}

/* game shell */
.gm{position:fixed;inset:0;z-index:50;display:flex;justify-content:center;background:rgba(4,6,9,.7);opacity:0;transition:opacity .25s}
.gm.on{opacity:1}
.gw{position:relative;width:100%;max-width:480px;height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--f9);transform:translateY(30px);transition:transform .4s cubic-bezier(.2,.8,.2,1);padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}
.gm.on .gw{transform:none}
.gmh{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:44px 1fr auto 44px;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top) + 6px) 6px 6px;background:rgba(14,17,48,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.gx{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:background .2s}
.gx:active{background:rgba(255,255,255,.08)}
.gti{min-width:0}
.gti b{display:block;font-size:16.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gti small{display:block;font-size:11.5px;color:var(--t3);font-weight:600}
.rr{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 12px 0;direction:ltr;min-height:36px}
.rr::-webkit-scrollbar{display:none}
.rr span{flex:none;height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:800;display:grid;place-items:center;background:rgba(255,255,255,.06);color:var(--t2);animation:pop .3s}
.rr span.w{background:rgba(200,245,66,.14);color:var(--lime)}
.rr span.l{background:rgba(255,98,98,.1);color:#ff8f8f}
@keyframes pop{from{transform:scale(.6);opacity:0}}
@keyframes bmin{from{transform:translateX(-50%) translateY(14px) scale(.8);opacity:0}}
.gst{position:relative;margin:10px 12px 0;border-radius:24px;background:var(--f8);border:1px solid var(--line);overflow:hidden}
.gpn{margin:12px 12px 0;padding:14px;border-radius:24px;background:var(--f8);border:1px solid var(--line)}
.gmy{margin:12px 12px 0;padding:14px 14px 6px;border-radius:24px;background:var(--f8);border:1px solid var(--line)}
.gmy h3{font-size:15px;font-weight:800;margin-bottom:6px}
.mb{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 2px;border-top:1px solid var(--line);font-size:13px}
.mb small{color:var(--t3);direction:ltr;display:block;text-align:start}
.mb .m{font-weight:800;color:var(--t2);direction:ltr}
.mb .p{font-weight:800;direction:ltr;min-width:84px;text-align:end}
.mb .p.w{color:var(--lime)}.mb .p.l{color:#ff8f8f}
.mbe{padding:16px 0 12px;text-align:center;color:var(--t3);font-size:13.5px;border-top:1px solid var(--line)}
.fl{margin-top:12px}
.fl:first-child{margin-top:0}
.fl>label,.fl>.lb2{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--t2);font-weight:700;margin-bottom:7px}
.fl.dis{opacity:.5;pointer-events:none}
.btr{display:flex;align-items:center;gap:6px;height:52px;padding:0 6px 0 12px;border-radius:15px;background:var(--f9);border:1.5px solid rgba(255,255,255,.08);direction:ltr;transition:border-color .2s}
.btr:focus-within{border-color:var(--lime)}
.btr input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:#fff;font-size:17px;font-weight:800}
.btr button{height:38px;min-width:44px;padding:0 10px;border-radius:11px;background:rgba(255,255,255,.07);font-size:13px;font-weight:800;color:#e8efe2;text-align:center}
.btr button:active{background:rgba(255,255,255,.14)}
.btr .sx{font-size:15px;font-weight:800;color:var(--t3);padding-inline-end:4px}
.seg{display:flex;gap:5px;padding:4px;border-radius:15px;background:var(--f9);border:1px solid var(--line)}
.seg button{flex:1;height:40px;border-radius:11px;font-size:13.5px;font-weight:800;color:var(--t2);text-align:center;transition:.2s}
.seg button.on{background:var(--lime);color:var(--f9)}
.seg.dis{opacity:.5;pointer-events:none}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inf{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding:11px 13px;border-radius:14px;background:var(--f9);font-size:13px;color:var(--t2);font-weight:600}
.inf b{color:#fff;font-weight:800;direction:ltr}
.pbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:58px;margin-top:14px;border-radius:17px;background:var(--lime);color:var(--f9);font-size:17px;font-weight:800;text-align:center;transition:transform .12s,opacity .2s,background .2s}
.pbtn:active{transform:scale(.98)}
.pbtn:disabled{opacity:.45;pointer-events:none}
.pbtn.cash{background:var(--gold)}
.pbtn small{font-size:13px;font-weight:700;opacity:.8;direction:ltr}
.pbtn.alt{background:rgba(255,255,255,.08);color:#fff;height:48px;font-size:15px}
.big-msg{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:5;padding:12px 20px;border-radius:18px;background:rgba(14,17,48,.88);border:1.5px solid var(--lime);text-align:center;animation:bmin .35s cubic-bezier(.2,.9,.3,1.4);pointer-events:none;white-space:nowrap}
.big-msg b{display:block;font-size:26px;font-weight:900;color:var(--lime);direction:ltr}
.big-msg small{display:block;font-size:12.5px;color:var(--t2);font-weight:700}
.big-msg.l{border-color:var(--red)}.big-msg.l b{color:var(--red)}
/* ===== tile art animations ===== */
.a-mn .q{transform-box:fill-box;transform-origin:center;animation:mnp 3.6s ease-in-out infinite}
@keyframes mnp{0%,12%{transform:scale(0);opacity:0}20%,82%{transform:scale(1);opacity:1}92%,100%{transform:scale(0);opacity:0}}
.a-dc .d1{transform-box:fill-box;transform-origin:center;animation:dct 2.4s cubic-bezier(.3,.7,.3,1) infinite}
.a-dc .d2{transform-box:fill-box;transform-origin:center;animation:dct2 2.4s cubic-bezier(.3,.7,.3,1) infinite}
@keyframes dct{0%{transform:translate(-40px,-30px) rotate(-200deg)}45%,100%{transform:none}}
@keyframes dct2{0%,10%{transform:translate(40px,-34px) rotate(220deg)}55%,100%{transform:none}}
.a-cp .c1{animation:cpa 3s ease-in-out infinite}.a-cp .c3{animation:cpb 3s ease-in-out infinite}
.a-cp .c2{transform-box:fill-box;animation:cpu 3s ease-in-out infinite}
.a-cp .bl{animation:cpball 3s ease-in-out infinite}
@keyframes cpa{0%,30%{transform:none}50%,62%{transform:translate(124px,0)}82%,100%{transform:none}}
@keyframes cpb{0%,30%{transform:none}50%,62%{transform:translate(-124px,0)}82%,100%{transform:none}}
@keyframes cpu{0%,4%{transform:none}10%,18%{transform:translateY(-22px)}24%,100%{transform:none}}
@keyframes cpball{0%,3%{opacity:0}8%,20%{opacity:1}25%,100%{opacity:0}}
.a-lb .rg{transform-box:fill-box;transform-origin:center;animation:lbr 2.4s ease-out infinite}
.a-lb .rg.r2{animation-delay:.8s}.a-lb .rg.r3{animation-delay:1.6s}
@keyframes lbr{from{transform:scale(.3);opacity:.8}to{transform:scale(1.5);opacity:0}}
.a-lb .ar1{animation:lba 1.2s ease-in-out infinite}
@keyframes lba{50%{transform:translateY(-6px)}}
.a-cf{display:grid;place-items:center;perspective:500px}
.a-cf i{width:70px;height:70px;border-radius:50%;background:var(--gold);box-shadow:inset 0 0 0 5px #e0b43c,inset 0 0 0 8px var(--gold),inset 0 0 0 9.5px #c99a2e;animation:cff 1.8s linear infinite;display:grid;place-items:center;color:#a77c1c;font-style:normal;font-weight:900;font-size:26px}
@keyframes cff{0%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-22px) rotateY(540deg)}100%{transform:translateY(0) rotateY(1080deg)}}
.a-hl .cd{transform-box:fill-box;transform-origin:center;animation:hlf 2.8s ease-in-out infinite}
@keyframes hlf{0%,30%{transform:scaleX(1)}38%{transform:scaleX(0)}46%,100%{transform:scaleX(1)}}
.a-hl .up{animation:hlu 1.4s ease-in-out infinite}.a-hl .dn{animation:hlu 1.4s ease-in-out .7s infinite}
@keyframes hlu{0%,100%{opacity:.35}50%{opacity:1}}
.a-tw .rw{animation:twl 3.2s steps(1) infinite}
@keyframes twl{0%{fill:#3a4289}}
.a-pk .bk{transform-box:fill-box;transform-origin:center bottom}
.a-pk .hit{animation:pkh 2s ease-out infinite}
@keyframes pkh{0%,88%{transform:none}94%{transform:translateY(3px)}100%{transform:none}}

/* ===== trading ===== */
.tpr{display:flex;gap:6px;overflow-x:auto;padding:12px 12px 0;scrollbar-width:none;direction:ltr}
.tpr::-webkit-scrollbar{display:none}
.tpr button{flex:none;height:34px;padding:0 14px;border-radius:17px;background:rgba(255,255,255,.06);font-size:12.5px;font-weight:800;color:var(--t2)}
.tpr button.on{background:var(--lime);color:var(--f9)}
.tph{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:12px 14px 0;direction:ltr}
.tph small{display:block;font-size:12px;color:var(--t3);font-weight:700}
.tph b{display:block;font-size:27px;font-weight:900;letter-spacing:-.5px}
.tph em{font-style:normal;font-size:13px;font-weight:800;display:block;text-align:right}
.tcv{display:block;width:100%;height:270px}
.tbt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.tbt button{height:62px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:17px;font-weight:900;text-align:center;transition:transform .12s}
.tbt button:active{transform:scale(.97)}
.tbt button span{display:flex;align-items:center;gap:6px}
.tbt svg{width:18px;height:18px;stroke-width:2.6}
.tbt .u{background:var(--lime);color:var(--f9)}.tbt .d{background:var(--red);color:#fff}
.tbt small{font-size:11.5px;font-weight:700;opacity:.8}
.oth{display:flex;justify-content:space-between;margin-top:16px;font-size:13.5px;font-weight:800}
.oth span{color:var(--t3);font-weight:700}
.ot{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 12px 13px;border-radius:15px;background:var(--f9);margin-top:8px;overflow:hidden}
.ot .dr{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}
.ot .dr svg{width:18px;height:18px;stroke-width:2.6}
.ot.u .dr{background:rgba(200,245,66,.15);color:var(--lime)}.ot.d .dr{background:rgba(255,98,98,.14);color:var(--red)}
.ot b{display:block;font-size:13.5px;font-weight:800}
.ot small{display:block;font-size:11.5px;color:var(--t3);direction:ltr;text-align:start;margin-top:1px}
.ot .rt{text-align:end;direction:ltr}
.ot .rt small{text-align:end}
.ot .bar{position:absolute;left:0;bottom:0;height:3px;background:var(--lime)}
.ot.lo .bar{background:var(--red)}
.ote{padding:14px;text-align:center;color:var(--t3);font-size:13px;border-radius:15px;background:var(--f9);margin-top:8px}

/* ===== crash ===== */
.crw{position:relative;height:300px;direction:ltr}
.crw canvas{display:block;width:100%;height:100%}
.crm{position:absolute;top:22px;left:0;right:0;text-align:center;font-size:50px;font-weight:900;letter-spacing:-1.5px;pointer-events:none}
.crm.boom{color:var(--red)}
.crm.ok{color:var(--lime)}
.crs{position:absolute;top:84px;left:0;right:0;text-align:center;font-size:13.5px;font-weight:700;color:var(--t2);pointer-events:none}
.tgl{display:flex;align-items:center;gap:8px}
.tgl .sw{position:relative;width:46px;height:28px;border-radius:14px;background:rgba(255,255,255,.12);transition:.2s;flex:none}
.tgl .sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.tgl.on .sw{background:var(--lime)}.tgl.on .sw::after{left:21px;background:var(--f9)}

/* ===== plinko ===== */
.plw{direction:ltr}
.plw canvas{display:block;width:100%}

/* ===== mines ===== */
.mn{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px;direction:ltr}
.mt{aspect-ratio:1/1;border-radius:14px;background:var(--f6);box-shadow:inset 0 -4px 0 rgba(0,0,0,.28);display:grid;place-items:center;transition:transform .12s,background .2s,opacity .3s;text-align:center}
.mn.on .mt:not(.g):not(.b){background:#434548;cursor:pointer}
.mn.on .mt:not(.g):not(.b):active{transform:scale(.9)}
.mt svg{width:64%;height:64%;animation:pop .35s cubic-bezier(.2,.9,.3,1.5)}
.mt.g{background:rgba(200,245,66,.16);box-shadow:inset 0 0 0 2px var(--lime)}
.mt.b{background:rgba(255,98,98,.22);box-shadow:inset 0 0 0 2px var(--red)}
.mt.b.hit{animation:shk .45s}
.mt.dim{opacity:.4;box-shadow:none}
@keyframes shk{0%,100%{transform:none}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}
.stp{display:flex;align-items:center;gap:6px;height:52px;padding:0 6px;border-radius:15px;background:var(--f9);border:1.5px solid rgba(255,255,255,.08);direction:ltr}
.stp button{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.07);display:grid;place-items:center;font-size:20px;font-weight:800;text-align:center}
.stp b{flex:1;text-align:center;font-size:18px;font-weight:800}
.stp.dis{opacity:.5;pointer-events:none}

/* ===== dice ===== */
.dcw{padding:24px 18px 16px;direction:ltr}
.dcr{text-align:center;font-size:58px;font-weight:900;letter-spacing:-1.5px;line-height:1.05}
.dcr.w{color:var(--lime)}.dcr.l{color:var(--red)}
.dcs{position:relative;margin-top:40px;height:44px}
.dctr{position:absolute;left:0;right:0;top:15px;height:14px;border-radius:7px;overflow:hidden;background:var(--red)}
.dctr i{position:absolute;top:0;bottom:0;background:var(--lime);transition:left .15s,right .15s}
.dcs input{-webkit-appearance:none;appearance:none;position:absolute;left:-15px;width:calc(100% + 30px);top:7px;height:30px;background:transparent;margin:0;outline:0}
.dcs input::-webkit-slider-runnable-track{height:30px;background:transparent}
.dcs input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:9px;background:var(--cream);border:3px solid var(--f9);cursor:grab}
.dcs input::-moz-range-thumb{width:24px;height:24px;border-radius:9px;background:var(--cream);border:3px solid var(--f9);cursor:grab}
.dcs input::-moz-range-track{background:transparent}
.dcs.dis input{pointer-events:none}
.dcm{position:absolute;top:-34px;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:9px;background:#fff;color:var(--f9);font-size:14px;font-weight:900;transition:left .55s cubic-bezier(.2,.8,.2,1),opacity .2s;opacity:0}
.dcm::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#fff}
.dcm.on{opacity:1}
.dcm.w{background:var(--lime)}.dcm.w::after{border-top-color:var(--lime)}
.dcm.l{background:var(--red);color:#fff}.dcm.l::after{border-top-color:var(--red)}
.dcl{display:flex;justify-content:space-between;margin-top:4px;font-size:11.5px;color:var(--t3);font-weight:700}
.dci{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.dci>*{min-width:0}.dbx .btr input{width:100%}
.dbx label{display:block;font-size:11.5px;color:var(--t2);font-weight:700;margin-bottom:6px}
.dbx .btr{height:46px;padding:0 10px}
.dbx .btr input{font-size:15px}
.dbx button.rv{width:100%;height:46px;border-radius:15px;background:var(--f9);border:1.5px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:800;direction:ltr}
.dbx button.rv svg{width:16px;height:16px;color:var(--lime)}

/* ===== cups ===== */
.cpw{position:relative;height:260px;direction:ltr;overflow:hidden}
.cpw .tbl{position:absolute;left:14px;right:14px;bottom:46px;height:10px;border-radius:5px;background:var(--f6)}
.cw{position:absolute;bottom:56px;width:27%;height:160px;margin-left:-13.5%}
.cw .ball{position:absolute;bottom:0;left:50%;width:32px;height:32px;margin-left:-16px;border-radius:50%;background:var(--cream);box-shadow:inset -5px -6px 0 rgba(0,0,0,.14)}
.cw .cup{position:absolute;bottom:-4px;left:0;right:0;height:126px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.cw.up .cup{transform:translateY(-70px) rotate(-7deg)}
.cw svg{display:block;width:100%;height:100%}
.cpw.pick .cw{cursor:pointer}
.cpw.pick .cw .cup{animation:cbob 1.3s ease-in-out infinite}
.cpw.pick .cw:nth-child(3) .cup{animation-delay:.2s}.cpw.pick .cw:nth-child(4) .cup{animation-delay:.4s}
@keyframes cbob{50%{transform:translateY(-7px)}}
.cpm{position:absolute;top:16px;left:12px;right:12px;text-align:center;font-size:14.5px;font-weight:800;color:var(--t2)}
.cpm.hl{color:var(--lime)}

/* ===== limbo ===== */
.lbw{position:relative;height:250px;display:grid;place-items:center;direction:ltr;overflow:hidden}
.lbw::before,.lbw::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(200,245,66,.1);transform:translate(-50%,-50%)}
.lbw::before{width:190px;height:190px}.lbw::after{width:300px;height:300px}
.lbn{position:relative;font-size:66px;font-weight:900;letter-spacing:-2px}
.lbn.w{color:var(--lime)}.lbn.l{color:var(--red)}
.lbt{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:13px;color:var(--t2);font-weight:700}

/* ===== coin flip ===== */
.cfw{height:270px;display:grid;place-items:center;perspective:900px;direction:ltr}
.cfc{position:relative;width:150px;height:150px;transform-style:preserve-3d}
.cff{position:absolute;inset:0;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:grid;place-items:center}
.cff svg{width:62px;height:62px}
.cff.h{background:var(--gold);color:#a77c1c;box-shadow:inset 0 0 0 9px #e0b43c,inset 0 0 0 14px var(--gold),inset 0 0 0 16px #c99a2e}
.cff.t{background:var(--lime);color:var(--f7);transform:rotateY(180deg);box-shadow:inset 0 0 0 9px #b6e637,inset 0 0 0 14px var(--lime),inset 0 0 0 16px #93c21f}
.cfs{display:flex;justify-content:center;gap:5px;padding:0 12px 14px;direction:ltr;flex-wrap:wrap;min-height:28px}
.cfs i{width:14px;height:14px;border-radius:50%;display:block}
.cfs i.h{background:var(--gold)}.cfs i.t{background:var(--lime)}
.pk2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pk2 button{height:58px;border-radius:16px;background:var(--f9);border:2px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:9px;font-size:15.5px;font-weight:800;text-align:center;transition:.2s}
.pk2 button i{width:22px;height:22px;border-radius:50%;display:block}
.pk2 button.on{border-color:var(--lime);background:rgba(200,245,66,.08)}
.pk2.dis{opacity:.5;pointer-events:none}

/* ===== hi-lo ===== */
.hlw{position:relative;height:280px;display:flex;align-items:center;justify-content:center;gap:18px;direction:ltr;padding-bottom:40px}
.card{position:relative;width:118px;height:168px;border-radius:16px;background:#fbfdf6;color:#14183f;box-shadow:0 6px 0 rgba(0,0,0,.28);flex:none}
.card .r{position:absolute;top:10px;left:12px;font-size:24px;font-weight:900;line-height:1}
.card .s{position:absolute;top:36px;left:13px;font-size:17px;line-height:1}
.card .c{position:absolute;inset:0;display:grid;place-items:center;font-size:60px;line-height:1}
.card .rb{position:absolute;bottom:10px;right:12px;font-size:24px;font-weight:900;transform:rotate(180deg);line-height:1}
.card.red{color:#d6313a}
.card.in{animation:cin .45s cubic-bezier(.2,.8,.2,1)}
@keyframes cin{from{transform:translateX(70px) rotateY(80deg);opacity:0}}
.card.back{background:var(--f6);border:5px solid var(--cream);background-image:repeating-linear-gradient(45deg,rgba(200,245,66,.14) 0 6px,transparent 6px 14px)}
.card.back::after{content:"S";position:absolute;inset:0;display:grid;place-items:center;font-size:38px;font-weight:900;color:var(--lime)}
.card.sm{width:34px;height:48px;border-radius:7px;box-shadow:none}
.card.sm .r{top:5px;left:6px;font-size:13px}.card.sm .s{top:22px;left:6px;font-size:11px}
.card.sm.ok{outline:2px solid var(--lime)}.card.sm.no{outline:2px solid var(--red)}
.hlh{position:absolute;left:12px;right:12px;bottom:10px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;direction:ltr}
.hlh::-webkit-scrollbar{display:none}
.hlm{position:absolute;top:14px;left:0;right:0;text-align:center;font-size:13.5px;font-weight:800;color:var(--t2)}
.hlm b{color:var(--lime)}
.hlb{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.hlb button{height:66px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:14.5px;font-weight:800;text-align:center}
.hlb .u{background:var(--lime);color:var(--f9)}.hlb .d{background:var(--red);color:#fff}
.hlb small{font-size:12px;font-weight:700;opacity:.85;direction:ltr}
.hlb button:disabled{opacity:.4;pointer-events:none}
.hlx{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.hlx .pbtn{margin-top:10px}

/* ===== tower ===== */
.tw{padding:14px;display:flex;flex-direction:column-reverse;gap:7px;direction:ltr}
.tr{display:grid;gap:7px;align-items:center}
.tt{height:42px;border-radius:12px;background:var(--f6);box-shadow:inset 0 -3px 0 rgba(0,0,0,.28);display:grid;place-items:center;transition:background .2s,opacity .3s;padding:0}
.tr.act .tt{background:#22694a;cursor:pointer}
.tr.act .tt:active{transform:scale(.95)}
.tt.g{background:rgba(200,245,66,.18);box-shadow:inset 0 0 0 2px var(--lime)}
.tt.b{background:rgba(255,98,98,.24);box-shadow:inset 0 0 0 2px var(--red)}
.tt.dim{opacity:.4}
.tt svg{width:26px;height:26px;animation:pop .3s cubic-bezier(.2,.9,.3,1.5)}
.tm{font-size:12.5px;font-weight:800;color:var(--t3);text-align:center;direction:ltr}
.tr.act .tm,.tr.done .tm{color:var(--lime)}
/* ===== colorful game shell (games have their own look, separate from the site) ===== */
.lh{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(14,17,48,.97)}
.gm{--bg:#0f1114;--pn:rgba(8,10,34,.62);--ln:rgba(255,255,255,.1);--a1:#ffd54a;--a2:#ffa800;--ae:#9a6200;--at:#2b1a00;--ac:#ffd54a;--win:#35f08f;--los:#ff5d73}
.gm{background:var(--bgc,#0b0d2a)}
.gm .gw{background:var(--bg);background-attachment:scroll;overscroll-behavior:none;-webkit-overflow-scrolling:touch}
html.gopen,html.gopen body{overflow:hidden;overscroll-behavior:none}
.app.away{display:none}
.gmh{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(7,7,16,.94);border-bottom:1px solid var(--ln)}
.gm .balc.sm{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,214,90,.45)}
.gm .gti small{color:rgba(255,255,255,.55)}
.gm .gst{background:transparent;border:1px solid var(--ln);box-shadow:0 14px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
.gm .gpn,.gm .gmy{background:var(--pn);border:1px solid var(--ln);box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.gm .fl>label,.gm .fl>.lb2,.gm .dbx label{color:rgba(255,255,255,.62)}
.gm .btr,.gm .stp,.gm .dbx button.rv{background:rgba(0,0,0,.34);border:1.5px solid var(--ln);box-shadow:inset 0 2px 7px rgba(0,0,0,.45)}
.gm .btr:focus-within{border-color:var(--ac)}
.gm .btr button,.gm .stp button{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));box-shadow:0 2px 0 rgba(0,0,0,.4);color:#fff}
.gm .btr button:active,.gm .stp button:active{transform:translateY(2px);box-shadow:none}
.gm .seg{background:rgba(0,0,0,.34);border:1px solid var(--ln)}
.gm .seg button{color:rgba(255,255,255,.6)}
.gm .seg button.on{background:linear-gradient(180deg,var(--a1),var(--a2));color:var(--at);box-shadow:0 3px 0 var(--ae)}
.gm .inf{background:rgba(0,0,0,.3);color:rgba(255,255,255,.62)}
.gm .pbtn{background:linear-gradient(180deg,var(--a1),var(--a2));color:var(--at);box-shadow:0 5px 0 var(--ae),0 12px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.45);margin-bottom:5px;text-shadow:0 1px 0 rgba(255,255,255,.25)}
.gm .pbtn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ae),0 4px 10px rgba(0,0,0,.3)}
.gm .pbtn.cash{--a1:#fff07a;--a2:#ffb300;--ae:#9a6200;--at:#3a2600}
.gm .pbtn.alt{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));color:#fff;box-shadow:0 4px 0 rgba(0,0,0,.45);text-shadow:none}
.gm .rr span{background:rgba(0,0,0,.35);color:rgba(255,255,255,.6)}
.gm .rr span.w{background:linear-gradient(180deg,#46f59d,#18c46d);color:#212326}
.gm .rr span.l{background:rgba(255,93,115,.16);color:#ff8a9a}
.gm .mb{border-top-color:var(--ln)}.gm .mbe{border-top-color:var(--ln);color:rgba(255,255,255,.5)}
.gm .mb small{color:rgba(255,255,255,.5)}.gm .mb .m{color:rgba(255,255,255,.7)}
.gm .mb .p.w{color:var(--win)}.gm .mb .p.l{color:var(--los)}
.gm .big-msg{background:linear-gradient(180deg,#52f7c8,#13b964);border:0;box-shadow:0 5px 0 #0a7a3f,0 14px 26px rgba(0,0,0,.45);padding:10px 22px}
.gm .big-msg b{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.gm .big-msg small{color:rgba(255,255,255,.9)}
.gm .big-msg.l{background:linear-gradient(180deg,#ff7a8a,#e63950);box-shadow:0 5px 0 #8f1427,0 14px 26px rgba(0,0,0,.45)}
.gm .big-msg.l b{color:#fff}
.gm .tgl.on .sw{background:linear-gradient(180deg,var(--a1),var(--a2))}
.gm .pk2 button{background:rgba(0,0,0,.3);border-color:var(--ln)}
.gm .pk2 button.on{border-color:var(--ac);background:rgba(255,255,255,.08)}
.gm .ote{background:rgba(0,0,0,.3);color:rgba(255,255,255,.5)}
.gm .oth span{color:rgba(255,255,255,.5)}

/* palettes */
.gm[data-g=trading]{--bgc:#0d0f12}
.gm[data-g=trading]{--bg:radial-gradient(120% 60% at 50% 0%,#1d3f8f 0%,#171b45 55%,#0d0f12 100%);--a1:#4d9bff;--a2:#1f66e5;--ae:#0e3a8f;--at:#fff;--ac:#4d9bff;--pn:rgba(10,12,38,.66)}
.gm[data-g=crash]{--bgc:#0e0526}
.gm[data-g=crash]{--bg:radial-gradient(120% 60% at 50% 0%,#4a1a8f 0%,#1d0a45 55%,#0e0526 100%);--a1:#ffc35c;--a2:#ff7a00;--ae:#a14200;--at:#2e1200;--ac:#ffb347;--pn:rgba(14,5,38,.66)}
.gm[data-g=plinko]{--bgc:#1a0530}
.gm[data-g=plinko]{--bg:radial-gradient(120% 60% at 50% 0%,#8a1f9e 0%,#3a0c5c 55%,#1a0530 100%);--a1:#ff6cc8;--a2:#e8158f;--ae:#860a52;--at:#fff;--ac:#ff6cc8;--pn:rgba(26,5,48,.64)}
.gm[data-g=mines]{--bgc:#11143a}
.gm[data-g=mines]{--bg:radial-gradient(120% 60% at 50% 0%,#1f5fd0 0%,#0d2c6e 55%,#11143a 100%);--a1:#4ff7bd;--a2:#12c584;--ae:#08754e;--at:#21275d;--ac:#4ff7bd;--pn:rgba(14,17,48,.66)}
.gm[data-g=dice]{--bgc:#2a050a}
.gm[data-g=dice]{--bg:radial-gradient(120% 60% at 50% 0%,#b3242a 0%,#5c0d14 55%,#2a050a 100%);--a1:#ffe066;--a2:#ffb000;--ae:#9a6200;--at:#3a2300;--ac:#ffd54a;--pn:rgba(40,4,10,.62)}
.gm[data-g=cups]{--bgc:#241005}
.gm[data-g=cups]{--bg:radial-gradient(120% 60% at 50% 0%,#8a4a1c 0%,#4a230b 55%,#241005 100%);--a1:#ff6b5f;--a2:#e0201a;--ae:#7d0c09;--at:#fff;--ac:#ffcc4d;--pn:rgba(36,16,5,.66)}
.gm[data-g=limbo]{--bgc:#0b0828}
.gm[data-g=limbo]{--bg:radial-gradient(120% 60% at 50% 0%,#5b3bd6 0%,#22145e 55%,#0b0828 100%);--a1:#b79bff;--a2:#7c4dff;--ae:#3f1fa3;--at:#fff;--ac:#b79bff;--pn:rgba(12,8,40,.66)}
.gm[data-g=coin]{--bgc:#181c48}
.gm[data-g=coin]{--bg:radial-gradient(120% 60% at 50% 0%,#14819e 0%,#373f84 55%,#181c48 100%);--a1:#ffe27a;--a2:#ffb703;--ae:#9a6a00;--at:#3a2600;--ac:#ffd166;--pn:rgba(18,20,23,.64)}
.gm[data-g=hilo]{--bgc:#14183f}
.gm[data-g=hilo]{--bg:radial-gradient(120% 60% at 50% 0%,#1f6bc4 0%,#0d3470 55%,#14183f 100%);--a1:#ffd54a;--a2:#ffa800;--ae:#9a6200;--at:#2b1a00;--ac:#ffd54a;--pn:rgba(15,17,20,.64)}
.gm[data-g=tower]{--bgc:#280a03}
.gm[data-g=tower]{--bg:radial-gradient(120% 60% at 50% 0%,#c2410c 0%,#5c1a06 55%,#280a03 100%);--a1:#ffb347;--a2:#ff6a00;--ae:#9a3a00;--at:#2e1200;--ac:#ffb347;--pn:rgba(40,10,3,.64)}

/* ===== TRADING ===== */
.gm[data-g=trading] .gst{background:linear-gradient(180deg,#1b2050,#111316)}
.gm[data-g=trading] .tpr button{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}
.gm[data-g=trading] .tpr button.on{background:linear-gradient(180deg,#4d9bff,#1f66e5);color:#fff;box-shadow:0 3px 0 #0e3a8f}
.gm[data-g=trading] .tph small{color:rgba(255,255,255,.55)}
.gm .upc{color:#2ff5a0}.gm .dnc{color:#ff5d73}
.gm[data-g=trading] .tbt .u{background:linear-gradient(180deg,#38f5a5,#0fbf72);color:#1b2050;box-shadow:0 5px 0 #08774a,0 12px 22px rgba(0,0,0,.35)}
.gm[data-g=trading] .tbt .d{background:linear-gradient(180deg,#ff7a8c,#e8304b);color:#fff;box-shadow:0 5px 0 #8c1226,0 12px 22px rgba(0,0,0,.35)}
.gm[data-g=trading] .tbt button{margin-bottom:5px}
.gm[data-g=trading] .tbt button:active{transform:translateY(4px);box-shadow:none}
.gm[data-g=trading] .ot{background:rgba(0,0,0,.3)}
.gm[data-g=trading] .ot.u .dr{background:rgba(47,245,160,.16);color:#2ff5a0}.gm[data-g=trading] .ot.d .dr{background:rgba(255,93,115,.16);color:#ff5d73}
.gm[data-g=trading] .ot .bar{background:#2ff5a0}.gm[data-g=trading] .ot.lo .bar{background:#ff5d73}

/* ===== CRASH ===== */
.gm[data-g=crash] .gst{background:#12052e}
.gm[data-g=crash] .crw{height:310px}
.gm[data-g=crash] .crm{font-size:54px;color:#fff;text-shadow:0 0 18px rgba(255,170,60,.65),0 3px 0 rgba(0,0,0,.35)}
.gm[data-g=crash] .crm.boom{color:#ff5d73;text-shadow:0 0 22px rgba(255,60,90,.7),0 3px 0 rgba(0,0,0,.35)}
.gm[data-g=crash] .crs{color:rgba(255,255,255,.75)}

/* ===== PLINKO ===== */
.gm[data-g=plinko] .gst{background:radial-gradient(90% 70% at 50% 30%,#4b127a,#240842 70%,#18052e)}

/* ===== MINES ===== */
.gm[data-g=mines] .gst{background:linear-gradient(180deg,#0f3a8a,#0a2560);padding:2px}
.gm[data-g=mines] .mn{gap:9px;padding:14px 14px 18px}
.gm[data-g=mines] .mt{position:relative;border-radius:14px;background:linear-gradient(180deg,#4f86f0 0%,#2f5fcf 100%);box-shadow:0 5px 0 #1a3a8c,0 8px 12px rgba(0,0,0,.35),inset 0 2px 0 rgba(255,255,255,.35);margin-bottom:5px}
.gm[data-g=mines] .mn.on .mt:not(.g):not(.b){background:linear-gradient(180deg,#5c93ff 0%,#3468d8 100%)}
.gm[data-g=mines] .mn.on .mt:not(.g):not(.b):active{transform:translateY(4px);box-shadow:0 1px 0 #1a3a8c}
.gm[data-g=mines] .mt.g{background:radial-gradient(circle at 50% 40%,#16407f,#202225);box-shadow:inset 0 3px 8px rgba(0,0,0,.55);transform:translateY(5px)}
.gm[data-g=mines] .mt.b{background:radial-gradient(circle at 50% 40%,#7a1a2a,#3d0812);box-shadow:inset 0 3px 8px rgba(0,0,0,.55);transform:translateY(5px)}
.gm[data-g=mines] .mt.dim{opacity:.5}
.gm[data-g=mines] .mt svg{width:72%;height:72%;overflow:visible}
.spk{position:absolute;top:12%;right:14%;width:22%;height:22%;pointer-events:none;animation:spk 1.6s ease-in-out infinite}
@keyframes spk{0%,100%{transform:scale(.3) rotate(0);opacity:0}50%{transform:scale(1) rotate(90deg);opacity:1}}
.boomfx{position:absolute;inset:-30%;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#fff6b0 0%,#ffb020 25%,#ff4d2e 45%,rgba(255,60,40,0) 70%);animation:bfx .6s ease-out forwards}
@keyframes bfx{from{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0}}

/* ===== DICE ===== */
.gm[data-g=dice] .gst{background:radial-gradient(90% 80% at 50% 20%,#8f1d27,#4a0a12 70%,#2a050a)}
.dc3{height:118px;display:grid;place-items:center;perspective:700px;margin-top:-6px}
.cube{position:relative;width:78px;height:78px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(32deg)}
.cube .f{position:absolute;inset:0;border-radius:15px;background:radial-gradient(circle at 30% 25%,#ff8a8a 0%,#ef2b2b 55%,#b10f16 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),inset -6px -8px 14px rgba(0,0,0,.28);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:11px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cube .f i{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e6e6e6 55%,#9c9c9c);box-shadow:0 1px 1px rgba(0,0,0,.35);place-self:center}
.cube .f1{transform:translateZ(39px)}.cube .f6{transform:rotateY(180deg) translateZ(39px)}
.cube .f2{transform:rotateY(90deg) translateZ(39px)}.cube .f5{transform:rotateY(-90deg) translateZ(39px)}
.cube .f3{transform:rotateX(90deg) translateZ(39px)}.cube .f4{transform:rotateX(-90deg) translateZ(39px)}
.dsh{position:absolute;width:86px;height:16px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.5),transparent 70%);transform:translateY(58px)}
.gm[data-g=dice] .dcw{padding-top:12px}
.gm[data-g=dice] .dcr{font-size:52px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.3)}
.gm[data-g=dice] .dcr.w{color:#52f7c8;text-shadow:0 0 18px rgba(63,245,154,.5),0 3px 0 rgba(0,0,0,.3)}
.gm[data-g=dice] .dcr.l{color:#ff6b7d;text-shadow:0 0 18px rgba(255,80,100,.45),0 3px 0 rgba(0,0,0,.3)}
.gm[data-g=dice] .dcs{margin-top:34px}
.gm[data-g=dice] .dctr{height:16px;top:14px;border-radius:8px;background:linear-gradient(180deg,#ff7a8a,#e1304a);box-shadow:0 3px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.gm[data-g=dice] .dctr i{background:linear-gradient(180deg,#5cf7a9,#17c46e)}
.gm[data-g=dice] .dcs input::-webkit-slider-thumb{width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#fff,#d9dde6);border:0;box-shadow:0 4px 0 #8a909e,0 6px 10px rgba(0,0,0,.4)}
.gm[data-g=dice] .dcl{color:rgba(255,255,255,.55)}
.gm[data-g=dice] .dcm.w{background:#52f7c8}.gm[data-g=dice] .dcm.w::after{border-top-color:#52f7c8}
.gm[data-g=dice] .dcm.l{background:#ff5d73}.gm[data-g=dice] .dcm.l::after{border-top-color:#ff5d73}
.gm[data-g=dice] .dbx button.rv svg{color:#ffd54a}

/* ===== CUPS ===== */
.gm[data-g=cups] .gst{background:linear-gradient(180deg,#3a1d0a,#2a1406)}
.gm[data-g=cups] .cpw{height:290px;background:radial-gradient(70% 38% at 50% 78%,#18823f 0%,#0f6630 60%,rgba(15,102,48,0) 61%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),linear-gradient(180deg,#6b3a16,#4a240b)}
.gm[data-g=cups] .cpw .tbl{display:none}
.gm[data-g=cups] .cw{bottom:64px}
.gm[data-g=cups] .cw::before{content:"";position:absolute;left:4%;right:4%;bottom:-12px;height:20px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.55),transparent 70%)}
.gm[data-g=cups] .cw .ball{width:34px;height:34px;margin-left:-17px;bottom:2px;background:radial-gradient(circle at 35% 30%,#fffbe0,#ffd400 45%,#d18f00 100%);box-shadow:0 4px 6px rgba(0,0,0,.4)}
.gm[data-g=cups] .cw .cup{height:134px;filter:none}
.gm[data-g=cups] .cpm{color:#ffe7b0;text-shadow:0 2px 0 rgba(0,0,0,.4)}
.gm[data-g=cups] .cpm.hl{color:#ffd54a}

/* ===== LIMBO ===== */
.gm[data-g=limbo] .gst{background:#0c0a2e}
.gm[data-g=limbo] .lbw{height:270px;background:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 85% 60%,#cfc6ff,transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 12% 70%,#fff,transparent),radial-gradient(1.2px 1.2px at 55% 45%,#fff,transparent),radial-gradient(120% 90% at 50% 120%,#5b3bd6 0%,#22145e 45%,#0c0a2e 75%)}
.gm[data-g=limbo] .lbw::before{width:200px;height:200px;border:2px solid rgba(183,155,255,.18)}
.gm[data-g=limbo] .lbw::after{width:310px;height:310px;border:2px solid rgba(183,155,255,.1)}
.pln{position:absolute;right:-30px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb3e6,#d14fd6 45%,#5b1a8a 100%);box-shadow:inset -14px -16px 30px rgba(0,0,0,.45)}
.pln::after{content:"";position:absolute;left:-30px;right:-30px;top:52%;height:18px;border-radius:50%;border:3px solid rgba(255,214,255,.5);transform:rotate(-14deg)}
.gm[data-g=limbo] .lbn{font-size:68px;background:linear-gradient(180deg,#fff 30%,#c9b8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}
.gm[data-g=limbo] .lbn.w{background:linear-gradient(180deg,#b8ffd8,#52f7c8);-webkit-background-clip:text;background-clip:text}
.gm[data-g=limbo] .lbn.l{background:linear-gradient(180deg,#ffc2cb,#ff5d73);-webkit-background-clip:text;background-clip:text}
.gm[data-g=limbo] .lbt{color:rgba(255,255,255,.7)}

/* ===== COIN ===== */
.gm[data-g=coin] .gst{background:radial-gradient(70% 60% at 50% 35%,#1fa5c4 0%,#0d5a73 55%,#2a316e 100%)}
.gm[data-g=coin] .cfw{height:290px;position:relative;perspective:900px}
.cfc{width:156px;height:156px}
.cfc .ed{position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,#8a5a00,#e3a90c,#8a5a00)}
.cff{border-radius:50%}
.cff svg{width:100%;height:100%}
.cff.h{background:none;box-shadow:none;transform:translateZ(7px)}
.cff.t{background:none;box-shadow:none;transform:rotateY(180deg) translateZ(7px)}
.cshd{position:absolute;left:50%;bottom:40px;width:150px;height:22px;margin-left:-75px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.5),transparent 70%)}
.gm[data-g=coin] .cfs i{width:16px;height:16px;box-shadow:0 2px 0 rgba(0,0,0,.35)}
.gm[data-g=coin] .cfs i.h{background:radial-gradient(circle at 35% 30%,#fff2b3,#ffc61a 60%,#b07d00)}
.gm[data-g=coin] .cfs i.t{background:radial-gradient(circle at 35% 30%,#fff,#cfd8e3 60%,#7d8a9a)}

/* ===== HI-LO ===== */
.gm[data-g=hilo] .gst{background:radial-gradient(80% 70% at 50% 40%,#2a7fd6 0%,#14549e 55%,#0b3168 100%)}
.gm[data-g=hilo] .hlw{height:300px;perspective:900px}
.gm[data-g=hilo] .card{width:122px;height:174px;border-radius:14px;background:linear-gradient(160deg,#ffffff,#eef0f5);box-shadow:0 8px 0 rgba(0,0,0,.18),0 16px 26px rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.08);color:#14183f}
.gm[data-g=hilo] .card.red{color:#e11d2e}
.gm[data-g=hilo] .card .c{font-size:66px}
.gm[data-g=hilo] .card .fc{position:absolute;left:22px;right:22px;top:40px;bottom:40px;border-radius:8px;border:2px solid currentColor;opacity:.9;display:grid;place-items:center;font-size:44px;font-weight:900;background:linear-gradient(160deg,rgba(255,215,0,.18),rgba(255,255,255,0))}
.gm[data-g=hilo] .card.back{background:#c21d2c;border:6px solid #fff;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.18) 0 4px,transparent 4px 10px),repeating-linear-gradient(-45deg,rgba(255,255,255,.18) 0 4px,transparent 4px 10px);box-shadow:3px 3px 0 #fff,6px 6px 0 rgba(0,0,0,.12),0 16px 26px rgba(0,0,0,.35)}
.gm[data-g=hilo] .card.back::after{content:"S";color:#fff;font-size:34px;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.gm[data-g=hilo] .card.in{animation:cin3 .55s cubic-bezier(.2,.8,.2,1)}
@keyframes cin3{0%{transform:translateX(-140px) rotateY(180deg);opacity:.4}100%{transform:none}}
.gm[data-g=hilo] .hlm{color:rgba(255,255,255,.85)}.gm[data-g=hilo] .hlm b{color:#ffd54a}
.gm[data-g=hilo] .card.sm{width:34px;height:48px;box-shadow:0 3px 0 rgba(0,0,0,.25)}
.gm[data-g=hilo] .card.sm.ok{outline:2px solid #52f7c8}.gm[data-g=hilo] .card.sm.no{outline:2px solid #ff5d73}
.gm[data-g=hilo] .hlb .u{background:linear-gradient(180deg,#46f59d,#14b863);color:#20255a;box-shadow:0 5px 0 #0a7440,0 12px 22px rgba(0,0,0,.3)}
.gm[data-g=hilo] .hlb .d{background:linear-gradient(180deg,#ff7a8c,#e3304b);color:#fff;box-shadow:0 5px 0 #8c1226,0 12px 22px rgba(0,0,0,.3)}
.gm[data-g=hilo] .hlb button{margin-bottom:5px}
.gm[data-g=hilo] .hlb button:active{transform:translateY(4px);box-shadow:none}

/* ===== TOWER ===== */
.gm[data-g=tower] .gst{background:linear-gradient(180deg,#3d1206,#200803)}
.gm[data-g=tower] .tw{gap:9px;padding:16px 14px 18px;background:radial-gradient(80% 50% at 50% 105%,rgba(255,106,0,.45),transparent 70%)}
.gm[data-g=tower] .tt{height:44px;border-radius:12px;background:linear-gradient(180deg,#8a5a3a,#5e3a22);box-shadow:0 5px 0 #3a2212,0 8px 12px rgba(0,0,0,.35),inset 0 2px 0 rgba(255,255,255,.18);margin-bottom:5px}
.gm[data-g=tower] .tr.act .tt{background:linear-gradient(180deg,#ffb347,#ff7a00);box-shadow:0 5px 0 #9a3a00,0 8px 16px rgba(255,120,0,.35),inset 0 2px 0 rgba(255,255,255,.45)}
.gm[data-g=tower] .tr.act .tt:active{transform:translateY(4px);box-shadow:0 1px 0 #9a3a00}
.gm[data-g=tower] .tt.g{background:radial-gradient(circle at 50% 40%,#4a2410,#2a1206);box-shadow:inset 0 3px 8px rgba(0,0,0,.6);transform:translateY(5px)}
.gm[data-g=tower] .tt.b{background:radial-gradient(circle at 50% 40%,#7a1a12,#3d0806);box-shadow:inset 0 3px 8px rgba(0,0,0,.6);transform:translateY(5px)}
.gm[data-g=tower] .tt svg{width:30px;height:30px;overflow:visible}
.gm[data-g=tower] .tm{color:rgba(255,220,180,.5)}
.gm[data-g=tower] .tr.act .tm,.gm[data-g=tower] .tr.done .tm{color:#ffc35c}
.spk2{transform-box:fill-box;transform-origin:center;animation:spk 1.8s ease-in-out infinite}
/* ===== colorful lobby: games keep their own look ===== */
.ar::before{background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px)}
.ar.off *,.bn .art.off *{animation-play-state:paused!important}
.ar.t-crash{background:radial-gradient(120% 100% at 80% 0%,#6a2bd1 0%,#2a0d63 55%,#150533 100%)}
.ar.t-plinko{background:radial-gradient(120% 100% at 50% 0%,#c02ad1 0%,#5a0f8a 55%,#2a0645 100%)}
.ar.t-mines{background:radial-gradient(120% 100% at 50% 0%,#2f7cf0 0%,#123f9a 60%,#21275d 100%)}
.ar.t-dice{background:radial-gradient(120% 100% at 50% 0%,#e8384a 0%,#8c1420 60%,#4a0710 100%)}
.ar.t-cups{background:radial-gradient(85% 32% at 50% 86%,#1fa04d 0%,#137a38 70%,rgba(19,122,56,0) 72%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 2px,transparent 2px 9px),linear-gradient(180deg,#8a4a1c,#4a230b)}
.ar.t-limbo{background:radial-gradient(120% 100% at 50% 110%,#7b5cff 0%,#2b1a7a 50%,#0e0a35 100%)}
.ar.t-coin{background:radial-gradient(90% 90% at 50% 40%,#22b4d6 0%,#0d6680 60%,#2a2c2f 100%)}
.ar.t-hilo{background:radial-gradient(100% 90% at 50% 40%,#2f8ae6 0%,#155aa8 60%,#0b3168 100%)}
.ar.t-tower{background:radial-gradient(100% 80% at 50% 110%,#ff8a00 0%,#a3300a 45%,#3a0f04 100%)}
.ar.t-trading{background:radial-gradient(120% 100% at 50% 0%,#2a5bd6 0%,#0f2a6e 60%,#12153b 100%)}
.a-cf i{width:74px;height:74px;border-radius:50%;background:none;box-shadow:0 10px 0 -4px rgba(0,0,0,.25)}
.a-cf i svg{width:100%;height:100%;display:block}
.gt{background:linear-gradient(180deg,#1c2152,#101336)}
.gt .gn b{color:#fff}
.hc{background:#11143a}
.hc .gn{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.55))}
.hc .gn span{background:linear-gradient(180deg,#ffe066,#ffb000);color:#3a2300;box-shadow:0 3px 0 #9a6200}
.hc .bd{background:linear-gradient(180deg,#ff6b6b,#e0263c);box-shadow:0 2px 0 #8c1226}
/* banners */
.bn{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.bn.v1{background:radial-gradient(120% 120% at 85% 20%,#ff5fbf 0%,#b51fa8 45%,#5a0f8a 100%);color:#fff}
.bn.v2{background:radial-gradient(120% 120% at 85% 20%,#3d8bff 0%,#1a4fc4 45%,#20255a 100%);color:#fff}
.bn.v3{background:radial-gradient(120% 120% at 85% 10%,#ff9f1c 0%,#c2306e 45%,#3a0d7a 100%);color:#fff}
.bn.v4{background:radial-gradient(120% 120% at 85% 20%,#ffe27a 0%,#ffb000 50%,#d16a00 100%);color:#3a2000;border:0}
.bn .cta,.bn.v1 .cta,.bn.v2 .cta,.bn.v3 .cta{background:linear-gradient(180deg,#ffffff,#e8ecf5);color:#1a1033;box-shadow:0 4px 0 rgba(0,0,0,.28)}
.bn.v4 .cta{background:linear-gradient(180deg,#3a2000,#1f1100);color:#ffd54a;box-shadow:0 4px 0 rgba(0,0,0,.3)}
.bn .k{opacity:.85}
.bn h3{text-shadow:0 2px 0 rgba(0,0,0,.18)}
.bn.v4 h3{text-shadow:none}
/* trading banner */
.trd{background:radial-gradient(120% 90% at 80% 0%,#2a5bd6 0%,#0f2a6e 55%,#12153b 100%);border:1px solid rgba(111,177,255,.35)}
.trd .tg{background:rgba(255,255,255,.14);color:#fff}
.trd .tg i{background:#ff4d6d}
.trd .trh p{color:rgba(255,255,255,.7)}
.trd .trp small{color:rgba(255,255,255,.6)}
.trd .upc{color:#2ff5a0}.trd .dnc{color:#ff5d73}
.trf .u{background:linear-gradient(180deg,#38f5a5,#0fbf72);color:#1b2050;box-shadow:0 4px 0 #08774a}
.trf .d{background:linear-gradient(180deg,#ff7a8c,#e8304b);color:#fff;box-shadow:0 4px 0 #8c1226}
.trf .n{background:linear-gradient(180deg,#ffe066,#ffb000);color:#3a2300;box-shadow:0 4px 0 #9a6200}
.trf{padding-bottom:20px}
/* podium: gold / silver / bronze */
.pd.p1 .av{box-shadow:0 0 0 3px #ffd54a,0 6px 0 rgba(0,0,0,.3)}
.pd.p2 .av{box-shadow:0 0 0 3px #d9e2ec,0 6px 0 rgba(0,0,0,.3)}
.pd.p3 .av{box-shadow:0 0 0 3px #e08a4a,0 6px 0 rgba(0,0,0,.3)}
.pd.p1 .av .rk{background:linear-gradient(180deg,#ffe27a,#ffb000)}.pd.p2 .av .rk{background:linear-gradient(180deg,#fff,#b8c4d2)}.pd.p3 .av .rk{background:linear-gradient(180deg,#ffc08a,#c9662a)}
.pd .st{color:rgba(255,255,255,.9);text-shadow:0 2px 0 rgba(0,0,0,.25);box-shadow:inset 0 2px 0 rgba(255,255,255,.35)}
.pd.p1 .st{background:linear-gradient(180deg,#ffd54a,#e69500)}
.pd.p2 .st{background:linear-gradient(180deg,#e9eef4,#9aa8b8);color:#fff}
.pd.p3 .st{background:linear-gradient(180deg,#f0a066,#b5571e)}
.pd .pf{color:#52f7c8}.lr .pf{color:#52f7c8}
.lbh h2 .ti{background:linear-gradient(180deg,#ffe27a,#ffb000);color:#3a2300}
/* ================= PRO THEME (games) ================= */
:root{--f9:#181c48;--f8:#384086;--f7:#48509b;--f6:#3b5566;--lime:#20d6a4;--lime-d:#19b85f;--t2:#b1bad3;--t3:#7f8ea3;--line:rgba(255,255,255,.07)}
html,body,.app{background:#272e69!important}
.app::before,.app::after{display:none!important}
.lh{background:#181c48!important;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:none;backdrop-filter:none}
.logo>i{background:#20d6a4;color:#13163d;border-radius:9px;box-shadow:none}
.lng{background:#384086;border-radius:8px}
.balc{background:#384086;border:0;border-radius:8px 0 0 8px;height:38px;padding:0 12px}
[dir=rtl] .balc{border-radius:0 8px 8px 0}
.balc .pl{display:none}
.lhr{gap:0}.lhr .lng{margin-inline-end:8px}
.gdep{display:inline-flex;align-items:center;height:38px;padding:0 14px;background:#20d6a4;color:#13163d;font-size:13.5px;font-weight:700;text-decoration:none;border-radius:0 8px 8px 0}
[dir=rtl] .gdep{border-radius:8px 0 0 8px}
.gdep:hover{background:#25e27a}
.ann{background:#384086;border:0;border-radius:10px}
.ann>svg{color:#20d6a4}
/* promo slider: solid colour, static art */
.bn{border-radius:14px;box-shadow:none!important}
.bn.v1{background:#c42d76!important}.bn.v2{background:#1f5fc0!important}.bn.v3{background:#5a35c9!important}.bn.v4{background:#e0a100!important;color:#2a1c00}
.bn .cta,.bn.v1 .cta,.bn.v2 .cta,.bn.v3 .cta{background:#fff!important;color:#12153b!important;border-radius:8px;box-shadow:none!important}
.bn.v4 .cta{background:#2a1c00!important;color:#ffd34d!important;border-radius:8px;box-shadow:none!important}
.bn .art svg{width:100%;height:100%}
.bn .art *{animation:none!important}
.dots button{background:rgba(255,255,255,.18)}.dots button.on{background:#20d6a4}
/* trading feature card */
.trd{background:#384086!important;border:0!important;border-radius:14px!important;box-shadow:none!important}
.trd .tg{background:rgba(255,77,94,.15);color:#ff6b78}.trd .tg i{background:#ff4d5e}
.trf .u{background:#20d6a4;color:#13163d;border-radius:8px;box-shadow:none}
.trf .d{background:#ff4d5e;color:#fff;border-radius:8px;box-shadow:none}
.trf .n{background:#48509b;color:#fff;border-radius:8px;box-shadow:none}
/* section headings */
.sh h2 .ti,.lbh h2 .ti{background:#48509b!important;color:#fff!important;border-radius:8px!important}
.sh small{color:#7f8ea3}
/* SQUARE GAME TILES */
.sq{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--c);text-align:start;transition:transform .15s}
.sq:hover{transform:translateY(-2px)}
.sq:active{transform:scale(.97)}
.sq svg{position:absolute;inset:0 0 18% 0;width:100%;height:82%}
.sq::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(0deg,rgba(0,0,0,.42),rgba(0,0,0,0));pointer-events:none}
.sqn{position:absolute;left:9px;right:9px;bottom:8px;z-index:1}
.sqn b{display:block;font-size:15px;font-weight:800;color:#fff;letter-spacing:.2px;line-height:1.1;text-transform:uppercase}
.sqn small{display:block;font-size:8.5px;font-weight:700;letter-spacing:1.2px;color:rgba(255,255,255,.75);margin-top:2px}
.hot{display:flex;gap:10px;overflow-x:auto;padding:0 16px;scroll-snap-type:x mandatory;scrollbar-width:none}
.hot .sq{flex:0 0 38%;scroll-snap-align:start}
.hot .sq .sqn b{font-size:16px}
.og{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding:0 16px}
.og .sqn b{font-size:13px}
/* leaderboard */
.lb{background:#384086!important;border:0!important;border-radius:14px!important}
.lbh>span{background:#48509b;color:#b1bad3;border-radius:8px}
.lr{border-top-color:rgba(255,255,255,.06)}
.lr.me{border-color:rgba(32,214,164,.4);background:rgba(32,214,164,.06);border-radius:10px}
.pd .av{box-shadow:0 0 0 2px var(--c)!important}
.pd.p1 .av{box-shadow:0 0 0 2px #ffbe2e!important}.pd.p2 .av{box-shadow:0 0 0 2px #c9d2dc!important}.pd.p3 .av{box-shadow:0 0 0 2px #d98a50!important}
.pd .st{box-shadow:none!important;text-shadow:none!important;color:rgba(255,255,255,.7);border-radius:8px 8px 0 0}
.pd.p1 .st{background:#a57a12!important}.pd.p2 .st{background:#5e6b7a!important}.pd.p3 .st{background:#8a5532!important}
.pd .pf,.lr .pf{color:#20d6a4}
/* sheets / toast / buttons */
.bs{background:#384086!important;border:0!important;border-radius:16px 16px 0 0!important}
.btn{border-radius:10px!important}
.btn.pr{background:#20d6a4!important;color:#13163d!important;box-shadow:none!important}
.btn.gh{background:#48509b!important;color:#fff!important}
.toast{background:#48509b!important;border-radius:10px!important;border-inline-start-color:#20d6a4!important}
.bs li::before{background:#20d6a4}
/* ===== GAME SHELL ===== */
.gm{--bgc:#272e69!important;--bg:#272e69!important;--pn:#384086!important;--ln:rgba(255,255,255,.06)!important;--a1:#20d6a4!important;--a2:#20d6a4!important;--ae:transparent!important;--at:#13163d!important;--ac:#20d6a4!important;--win:#20d6a4;--los:#ff4d5e}
.gm .gw{background:#272e69!important}
.gmh{display:flex!important;align-items:center;gap:6px;background:#181c48!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.gmh .gti{flex:1}
.gwal{display:flex;align-items:center}
.gbal{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;background:#384086;border-radius:8px 0 0 8px;font-size:13.5px;font-weight:800;direction:ltr}
[dir=rtl] .gbal{border-radius:0 8px 8px 0}
.gwal .gdep{height:36px;padding:0 12px;font-size:13px}
.gtools{display:flex;align-items:center;gap:8px;padding:10px 12px 0}
.gtools .rr{flex:1;min-width:0;padding:0}
.gfair{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:8px;background:#384086;color:#b1bad3;font-size:12px;font-weight:700}
.gfair svg{width:15px;height:15px;color:#20d6a4}
.gm .gst{border-radius:12px!important;border:0!important;box-shadow:none!important}
.gm .gpn,.gm .gmy{background:#384086!important;border:0!important;border-radius:12px!important;box-shadow:none!important}
.gm .btr,.gm .stp,.gm .dbx button.rv,.gm .inf,.gm .seg{background:#181c48!important;border:1px solid #48509b!important;border-radius:8px!important;box-shadow:none!important}
.gm .btr:focus-within{border-color:#3d8bff!important}
.gm .btr button,.gm .stp button{background:#48509b!important;border-radius:6px!important;box-shadow:none!important;color:#fff!important}
.gm .seg button{border-radius:6px!important}
.gm .seg button.on{background:#48509b!important;color:#fff!important;box-shadow:none!important}
.gm .pbtn{background:#20d6a4!important;color:#13163d!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important;margin-bottom:0!important;height:52px!important;font-size:16px!important}
.gm .pbtn:hover{background:#25e27a!important}
.gm .pbtn:active{transform:translateY(1px)!important}
.gm .pbtn.cash{background:#ffbe2e!important;color:#2a1d00!important}
.gm .pbtn.stop{background:#ff4d5e!important;color:#fff!important}
.gm .pbtn.alt{background:#48509b!important;color:#fff!important;height:46px!important}
.gm .big-msg{background:#20d6a4!important;border-radius:10px!important;box-shadow:none!important}
.gm .big-msg b,.gm .big-msg small{color:#13163d!important;text-shadow:none!important}
.gm .big-msg.l{background:#ff4d5e!important}.gm .big-msg.l b,.gm .big-msg.l small{color:#fff!important}
.gm .rr span{border-radius:6px!important;background:#384086!important;color:#b1bad3!important}
.gm .rr span.w{background:rgba(32,214,164,.16)!important;color:#20d6a4!important}
.gm .tbt button,.gm .hlb button{box-shadow:none!important;margin-bottom:0!important;border-radius:10px!important}
.gm .tbt .u,.gm .hlb .u{background:#20d6a4!important;color:#13163d!important}
.gm .tbt .d,.gm .hlb .d{background:#ff4d5e!important;color:#fff!important}
.gm[data-g=trading] .gst{background:#181c48!important}
.gm[data-g=trading] .tpr button{border-radius:8px!important;background:#384086!important}
.gm[data-g=trading] .tpr button.on{background:#48509b!important;color:#fff!important;box-shadow:none!important}
.gm[data-g=trading] .ot{background:#181c48!important;border-radius:10px!important}
.gm[data-g=mines] .mt{box-shadow:none!important;margin-bottom:0!important;border-radius:10px!important;background:#48509b!important}
.gm[data-g=mines] .gst{background:#181c48!important}
.gm[data-g=mines] .mn.on .mt:not(.g):not(.b){background:#3b5566!important}
.gm[data-g=mines] .mn.on .mt:not(.g):not(.b):hover{background:#4a6a80!important}
.gm[data-g=mines] .mt.g,.gm[data-g=mines] .mt.b{transform:none!important;background:#11143a!important}
.gm[data-g=mines] .mt.b{box-shadow:inset 0 0 0 2px #ff4d5e!important}
.gm[data-g=tower] .tt{box-shadow:none!important;margin-bottom:0!important;border-radius:8px!important}
.gm[data-g=tower] .tr.act .tt{box-shadow:none!important}
.gm[data-g=tower] .tt.g,.gm[data-g=tower] .tt.b{transform:none!important}
.gm[data-g=dice] .dctr{box-shadow:none!important}
.gm[data-g=dice] .dcs input::-webkit-slider-thumb{box-shadow:none!important;border:2px solid #181c48}
.gm[data-g=hilo] .card{box-shadow:0 6px 14px rgba(0,0,0,.3)!important}
/* manual / auto */
.mtab{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:12px;border-radius:10px;background:#181c48}
.mtab button{height:38px;border-radius:7px;font-size:14px;font-weight:700;color:#b1bad3;text-align:center}
.mtab button.on{background:#48509b;color:#fff}
.mtab.dis{opacity:.5;pointer-events:none}
.abox{margin-top:2px}
.arow{display:grid;grid-template-columns:1.15fr 1fr;gap:8px}
.seg.sm button{height:36px;font-size:12.5px}
.btr.pc.off{opacity:.45}
.astat{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 12px;border-radius:8px;background:#181c48;font-size:12.5px;color:#b1bad3}
.astat b{color:#fff;direction:ltr}.astat b.w{color:#20d6a4}.astat b.l{color:#ff4d5e}
/* fairness */
.fhash{padding:11px 12px;border-radius:8px;background:#181c48;border:1px solid #48509b;font-size:11.5px;color:#b1bad3;word-break:break-all;direction:ltr;text-align:left;font-family:ui-monospace,Menlo,Consolas,monospace}
.fnote{font-size:12px;color:#7f8ea3;line-height:1.55;margin-top:10px}
.fh{font-size:13px;font-weight:800;margin:16px 0 8px}
.fprev{padding:10px 12px;border-radius:8px;background:#181c48;margin-bottom:8px;font-size:11.5px;color:#b1bad3;direction:ltr;text-align:left}
.fprev code{display:block;margin:3px 0 5px;color:#fff;word-break:break-all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}
.fsel{width:100%;height:44px;padding:0 12px;border-radius:8px;background:#181c48;border:1px solid #48509b;color:#fff;font:inherit;font-size:14px;font-weight:600}
.fres{margin-top:12px;padding:12px;border-radius:8px;background:#181c48;text-align:center;min-height:20px}
.fres small{display:block;font-size:11.5px;color:#7f8ea3}
.fres b{display:block;font-size:20px;font-weight:800;color:#20d6a4;margin-top:2px;word-break:break-word;direction:ltr}
#bsFair .btr input{font-size:13px;font-weight:600;color:#fff;background:none;border:0;outline:0;flex:1;min-width:0;height:100%;direction:ltr}
#bsFair .btr{display:flex;align-items:center;gap:6px;height:44px;padding:0 4px 0 12px;border-radius:8px;background:#181c48;border:1px solid #48509b}
#bsFair .btr button{height:34px;padding:0 12px;border-radius:6px;background:#48509b;color:#fff;font-size:12.5px;font-weight:700}
#bsFair .mtab{margin-top:12px}
#bsFair .inf{display:flex;justify-content:space-between;margin-top:12px;padding:11px 12px;border-radius:8px;background:#181c48;font-size:13px;color:#b1bad3}
#bsFair .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lh{padding-left:12px!important;padding-right:12px!important;gap:8px!important}
.logo{gap:8px;min-width:0}
.logo>i{width:32px;height:32px;font-size:17px}
.logo b{font-size:16px}.logo small{display:none}
.lng{height:34px;padding:0 9px;font-size:12px}
.lhr .lng{margin-inline-end:6px}
.balc{height:34px;padding:0 9px}.balc b{font-size:13px}
.lhr .gdep{height:34px;padding:0 11px;font-size:12.5px}
.gti small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gti b{font-size:15px}
.arow>*,.two>*,#bsFair .two>*,.abox .fl{min-width:0}
.abox .btr input,#bsFair .btr input{width:100%;min-width:0}
.arow{grid-template-columns:1fr 1fr!important}
.seg.sm button{font-size:12px!important;padding:0 4px;white-space:nowrap}
.abox .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#bsFair .btr{min-width:0}
.abox .two .fl,#bsFair .two .fl{margin-top:12px!important}.abox .two .fl>label,#bsFair .two .fl>label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.av .avi{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:block}.av .avi img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}.av{overflow:visible}.av .cr{z-index:2}.av .rk{z-index:2}.lr .av{position:relative}

/* ===== floating bottom menu ===== */
.bnav{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 10px);transform:translateX(-50%);z-index:45;width:min(calc(100% - 24px),456px);height:64px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:0 6px 8px;background:#181c48;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 12px 28px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.04) inset}
.bnav[hidden]{display:none!important}
.bnav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;color:#8695a8;font-size:11px;font-weight:600;letter-spacing:.1px;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .15s}
.bnav a svg.i{width:23px;height:23px;stroke-width:1.9;transition:transform .15s}
.bnav a:active svg.i{transform:scale(.9)}
.bnav a.on{color:#fff}
.bnav a.on svg.i{color:#20d6a4}
.bnav a.on::before{content:"";position:absolute;top:0;left:50%;width:22px;height:3px;margin-left:-11px;border-radius:0 0 3px 3px;background:#20d6a4}
.bnav .dot{position:absolute;top:10px;left:calc(50% + 7px);width:8px;height:8px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 2px #181c48}
.bnav .spin{color:#ffbe2e}
.bnav .spin .ring{position:absolute;left:50%;bottom:22px;width:54px;height:54px;margin-left:-27px;border-radius:50%;background:#181c48;padding:4px;box-shadow:0 -1px 0 rgba(255,255,255,.08)}
.bnav .spin .ring span{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg,#ffd66b,#f2a91f);padding:3px;transition:transform .2s}
.bnav .spin .ring svg{display:block;width:100%;height:100%}
.bnav .spin:active .ring span{transform:scale(.94)}
.bnav .spin.on::before{display:none}
.bnav .spin.on .ring span svg{animation:bnspin 6s linear infinite}
@keyframes bnspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bnav .spin.on .ring span svg{animation:none}}
body.has-nav .app{padding-bottom:calc(env(safe-area-inset-bottom) + 96px)!important}
body.has-nav .toast{bottom:calc(env(safe-area-inset-bottom) + 86px)!important}

.bnav a[data-tab=home]{color:#fff}.bnav a[data-tab=home] svg.i{color:#20d6a4}.bnav a[data-tab=home]::before{content:"";position:absolute;top:0;left:50%;width:22px;height:3px;margin-left:-11px;border-radius:0 0 3px 3px;background:#20d6a4}

/* bottom nav: polished */
.bnav{height:66px!important;background:#13163d!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:22px!important;padding:0 4px 8px!important}
.bnav a{gap:3px!important;font-size:11px!important;color:#7d8fa1!important}
.bnav a>svg.i{width:38px!important;height:30px!important;padding:4px 8px;border-radius:12px;transition:background .2s,color .2s}
.bnav a.on{color:#fff!important}
.bnav a.on>svg.i{background:#20d6a4!important;color:#13163d!important}
.bnav a.on::before{display:none!important}
.bnav .dot{top:6px!important;left:calc(50% + 9px)!important}
.bnav .spin{color:#ffbe2e!important;font-weight:800!important}
.bnav .spin .ring{bottom:24px!important;width:60px!important;height:60px!important;margin-left:-30px!important;background:#13163d!important;padding:4px!important;box-shadow:0 -1px 0 rgba(255,255,255,.07)!important}
.bnav .spin .ring span{background:#ffbe2e!important;padding:3px!important;position:relative}
.bnav .spin .ring span::after{content:"";position:absolute;left:50%;top:-3px;width:10px;height:11px;margin-left:-5px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.bnav .spin.on .ring span{background:#20d6a4!important}
.vdone{margin-top:0!important;height:26px!important}

.bnav a[data-tab=home]>svg.i{background:#20d6a4!important;color:#13163d!important}
.bnav a[data-tab=home]::before{display:none!important}
/* markhor banners */
.sld .trk{padding-top:24px!important;margin-top:-8px}
.bn{overflow:visible!important}
.bn{position:relative!important}.bn .art{overflow:visible!important}.bn .art:has(.mkart){position:static!important;width:0!important;height:0!important}
.bn .mkart{position:absolute;right:4px;bottom:0;height:116%;width:auto;max-width:48%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35));pointer-events:none}
[dir=rtl] .bn .mkart{right:auto;left:4px;object-position:bottom left;transform:scaleX(-1)}
.bn.v1{background:#c42d76!important}.bn.v3{background:#ef6c1a!important}.bn.v4{background:#f5b014!important;color:#1a1300!important}
.bn.v4 h3,.bn.v4 p,.bn.v4 .k{color:#1a1300!important}.bn.v4 .cta{background:#12153b!important;color:#fff!important}
.lh{background:#323a7c!important}
html,body,.app{background:#1e2356!important}

.bn .txt,.bn>div:first-child{position:relative;z-index:2;max-width:58%}
.bn .mkart{z-index:1}

/* portrait game banners (3:4): soft blurred backdrop, main art, name */
.sq.bnr{aspect-ratio:3/4;border-radius:14px;background:var(--c)}
.sq.bnr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.sq.bnr::after{display:none}
.sq.bnr .sqn{left:6px;right:6px;bottom:9px;text-align:center}
.sq.bnr .sqn b{font-size:15px;font-weight:900;letter-spacing:.3px;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.sq.bnr .sqn small{font-size:7.5px;letter-spacing:.9px;color:rgba(255,255,255,.72);margin-top:3px}
.hot .sq.bnr .sqn b{font-size:19px}.hot .sq.bnr .sqn small{font-size:9px}
.og .sq.bnr .sqn b{font-size:13px}
.sq.bnr.mini .sqn b{font-size:11px}

.sq.bnr.ai .sqn{display:none}
.sq.bnr.ai{background:#12153b}

/* BC-style banner text */
.sq.bnr .sqn{bottom:11px}
.sq.bnr .sqn b{font-size:17px;font-weight:900;letter-spacing:.2px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.sq.bnr .sqn small{font-size:8px;font-weight:800;letter-spacing:1.1px;color:rgba(255,255,255,.62);margin-top:4px}
.hot .sq.bnr .sqn b{font-size:21px}.hot .sq.bnr .sqn small{font-size:9.5px}
.og .sq.bnr .sqn b{font-size:14px}.og .sq.bnr .sqn small{font-size:6.5px;letter-spacing:.8px}
.sq.bnr.mini .sqn b{font-size:12px}
.sq.bnr::after{display:block;content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(0deg,rgba(7,9,30,.88) 0%,rgba(7,9,30,.55) 45%,rgba(7,9,30,0) 100%);pointer-events:none}
.sq.bnr .sqn{z-index:2}

/* clean-gradient banners: no dark fade, big bold title like BC originals */
.sq.bnr.nw::after{display:none}
.sq.bnr.nw .sqn{bottom:13px}
.sq.bnr.nw .sqn b{font-size:19px;font-weight:900;letter-spacing:-.2px;color:#f5f7fb;text-shadow:none}
.sq.bnr.nw .sqn small{font-size:8px;font-weight:800;letter-spacing:.6px;color:rgba(255,255,255,.62);margin-top:5px}
.hot .sq.bnr.nw .sqn b{font-size:24px}.hot .sq.bnr.nw .sqn small{font-size:10px}
.og .sq.bnr.nw .sqn b{font-size:15px}.og .sq.bnr.nw .sqn small{font-size:6.8px}

/* v2 banner text: big, tight, BC-style (sizes scale with the card width) */
.sq.bnr{container-type:inline-size}
.sq.bnr .sqn{left:4%;right:4%;bottom:7.5cqw;text-align:center}
.sq.bnr .sqn b,.sq.bnr.nw .sqn b,.hot .sq.bnr.nw .sqn b,.og .sq.bnr.nw .sqn b,.sq.bnr.mini .sqn b{font-size:calc(var(--k,18)*1cqw);font-weight:900;line-height:1;letter-spacing:-.015em;color:#f6f8fc;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.14),0 6px 14px rgba(0,0,0,.28)}
.sq.bnr .sqn small,.sq.bnr.nw .sqn small,.hot .sq.bnr.nw .sqn small,.og .sq.bnr.nw .sqn small{font-size:7.2cqw;font-weight:800;letter-spacing:.01em;margin-top:2.6cqw;color:color-mix(in srgb,var(--c) 38%,#fff);opacity:.92;white-space:nowrap;text-transform:uppercase}
.sq.bnr.mini .sqn small{display:block;font-size:6.5cqw}

/* v3 hero: no yellow/red badges, simple clean tag text (no black box) */
.bn.bx .bxhot{display:none!important}
.bn.bx .bxtags .k{height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--ac)!important;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.bn.bx .bxtags .k svg.i{width:14px;height:14px}

/* v4 promo boxes: one deep colour, soft gradient, cut-out 3D logo */
.prm .pt.w{background:url(3096d1166dee.webp) no-repeat 50% 9%/62% auto,radial-gradient(75% 62% at 50% 30%,rgba(32,214,164,.62) 0%,rgba(32,214,164,.2) 55%,rgba(0,0,0,0) 100%),linear-gradient(180deg,#2c3371 0%,#20255a 100%)}
.prm .pt.v{background:url(53c855296573.webp) no-repeat 50% 9%/62% auto,radial-gradient(75% 62% at 50% 30%,rgba(59,130,240,.62) 0%,rgba(59,130,240,.2) 55%,rgba(0,0,0,0) 100%),linear-gradient(180deg,#2c3371 0%,#20255a 100%)}
.prm .pt.s{background:url(6b91759d9056.webp) no-repeat 50% 9%/62% auto,radial-gradient(75% 62% at 50% 30%,rgba(255,160,32,.62) 0%,rgba(255,160,32,.2) 55%,rgba(0,0,0,0) 100%),linear-gradient(180deg,#2c3371 0%,#20255a 100%)}
.prm{gap:9px}
.prm .pt{height:auto;aspect-ratio:1/1.12;padding:0 8px 10px;border-radius:14px;justify-content:flex-end;align-items:center;text-align:center;gap:1px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 8px 18px rgba(0,0,0,.28)}
.prm .pt .pic{display:none}
.prm .pt b{font-size:14.5px;font-weight:900;letter-spacing:-.01em;color:#fff;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.prm .pt small{font-size:10px;font-weight:700;color:#fff;opacity:.92;line-height:1.2;text-shadow:0 1px 5px rgba(0,0,0,.4)}
.prm .pt.s small,.prm .pt.s b{color:#fff!important;opacity:1}
.prm .pt{background-position:50% 7%,50% 0,0 0!important;background-size:54% auto,auto,auto!important}

/* perf: no blur filters on fixed elements (they repaint on every scroll frame on phones) */
html body .bnav::after{filter:none!important;background:radial-gradient(closest-side,rgba(0,0,0,.55),rgba(0,0,0,0))!important}
.swL,.swL.nav,.pzt .ib,.pzk,.bn.bx .bxtags .k{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.o5k,.o5m button{contain:layout paint}

.prm .pt{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 6px 14px rgba(0,0,0,.25)!important}

/* live strip on game pages */
.gls{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px}
.gls::-webkit-scrollbar{display:none}
.gls .gl1{flex:none;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:13px;background:#1e2356;border:1px solid rgba(255,255,255,.07);font-size:11.5px;font-weight:600;color:#9db0bf;white-space:nowrap}
.gls .gl1 b{color:#e8eef3;font-weight:800}
.gls .gl1 i{width:7px;height:7px;border-radius:50%;background:#20d6a4;box-shadow:0 0 0 0 rgba(32,214,164,.6);animation:glp 1.6s infinite}
@keyframes glp{70%{box-shadow:0 0 0 6px rgba(32,214,164,0)}100%{box-shadow:0 0 0 0 rgba(32,214,164,0)}}

/* how-this-game-works popup */
.swGi2{z-index:2147483100}
.swGi2 .swAgB{max-height:90vh;overflow:auto;text-align:start}
.swGi2 h3{text-align:center}
.swGt{width:100%;border-collapse:collapse;margin:0 0 10px;font-size:13px}
.swGt th{text-align:start;font-size:11px;color:#8da0b0;font-weight:700;padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.12)}
.swGt td{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.06);color:#e6edf3}
.swGt td b{color:#ffbe2e}.swGt small{color:#8da0b0}
.swGn{font-size:12px!important;line-height:1.55!important;color:#9db0bf!important;margin:0 0 14px!important}
/* win-chance note on game pages + maintenance lock */
.swGl{font-size:13.5px!important;line-height:1.55!important;color:#e6edf3!important;margin:0 0 10px!important}
.swGl b{color:#ffbe2e}
.gwn{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 11px;border-radius:11px;background:rgba(255,190,46,.09);border:1px solid rgba(255,190,46,.28);font-size:12px;line-height:1.4;color:#f1d58b}
.gwn svg{flex:none;width:15px;height:15px;color:#ffbe2e}.gwn b{color:#ffbe2e}
[data-game].mnt{position:relative;pointer-events:auto}
html body [data-game].mnt::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;transform:none!important;animation:none!important;opacity:1!important;border-radius:inherit;background:rgba(8,10,34,.72) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffbe2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='9' rx='2' fill='%23ffbe2e22'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg>") center/34% no-repeat!important;z-index:5!important;backdrop-filter:none}
html body .lr2.mnt::after,html body a[data-game].mnt::after{background-size:auto 70%!important}
.swMt{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center;background:rgba(10,12,38,.94);color:#e6edf3}
.swMt svg{width:64px;height:64px;color:#ffbe2e}
.swMt h4{margin:0;font-size:18px}.swMt p{margin:0;font-size:13px;color:#9db0bf;line-height:1.5}
.swMt .tm{font-weight:800;color:#ffbe2e}
/* fix: the Activity page's .dci icon rule (orig.css) was also hitting the dice control row */
.gm .dci{width:auto;height:auto;border-radius:0;margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;place-items:stretch;background:none;color:inherit;font-size:inherit;font-weight:inherit}
.gbw{margin:0 0 8px;padding:8px 11px;border-radius:11px;background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.4);font-size:12px;line-height:1.45;color:#ffb3b5}
.gbw b{color:#fff}
/* ===== HOME v2 ===== */
.cats{position:sticky;z-index:19;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 16px;background:#1e2356;border-bottom:1px solid rgba(255,255,255,.05)}
.cats::-webkit-scrollbar{display:none}
.cats button{flex:0 0 auto;height:36px;border-radius:10px;font:700 13.5px/1 inherit;color:#b1bad3;background:#384086;padding:0 15px;display:flex;align-items:center;gap:6px;transition:background .15s,color .15s}
.cats .cs{width:40px;padding:0;justify-content:center;color:#fff}
.cats .cs svg{width:19px;height:19px}
.cats .ct.on{background:#20d6a4;color:#13163d}
.cats button:active{transform:scale(.96)}
.ann{margin-top:12px!important}
/* jackpot */
.jp{padding:6px 16px 0}
.jpc{position:relative;display:flex;align-items:center;gap:10px;min-height:104px;padding:14px 12px 14px 100px;border-radius:14px;background:#a3122a;color:#fff;text-decoration:none;overflow:visible;margin-top:22px}
.jpm{position:absolute;left:0;bottom:0;height:124px;max-width:100px;object-fit:contain;object-position:bottom;width:auto;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.jpt{flex:1;min-width:0}
.jpk{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:1.2px;color:#ffd34d}
.jpk svg{width:16px;height:12px;color:#ffd34d}
.jpv{display:flex;align-items:center;gap:2px;margin:7px 0 6px;direction:ltr;justify-content:flex-start}
.jpv em{font-style:normal;font-size:13px;font-weight:800;color:#ffd34d;margin-right:5px}
.jpv .dg{display:inline-grid;place-items:center;width:19px;height:28px;border-radius:5px;background:#5c0614;color:#ffd34d;font-size:18px;font-weight:900}
.jpv .sp{color:#ffd34d;font-weight:900;font-size:16px;width:5px;text-align:center}
.jpv .dg.bump{animation:jpb .5s ease}
@keyframes jpb{0%{transform:translateY(-6px);opacity:.2;background:#ffd34d;color:#5c0614}100%{transform:none;opacity:1}}
.jpt small{display:block;font-size:12px;color:#ffd9de;font-weight:500}
.jpb{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#ffd34d;color:#3a1500;display:grid;place-items:center}.jpb svg{width:18px;height:18px}
[dir=rtl] .jpc{padding:14px 100px 14px 12px}
[dir=rtl] .jpm{left:auto;right:2px;transform:scaleX(-1)}
[dir=rtl] .jpv{justify-content:flex-end}
/* promo tiles */
.prm{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.pt{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;height:92px;padding:11px;border-radius:12px;color:#fff;text-decoration:none;overflow:hidden}
.pt b{font-size:14px;font-weight:800;line-height:1.15}
.pt small{font-size:11px;font-weight:600;opacity:.92;line-height:1.25}
.pt .pic{position:absolute;top:10px;right:10px;width:32px;height:32px;display:grid;place-items:center}
.pt .pic svg{width:30px;height:30px}
[dir=rtl] .pt .pic{right:auto;left:10px}
.pt.w{background:#13a35c}.pt.w .pic svg{animation:pspin 6s linear infinite}
@keyframes pspin{to{transform:rotate(360deg)}}
.pt.v{background:#2f6fdb}.pt.v .pic svg{color:#ffd34d;width:32px;height:25px}
.pt.s{background:#e08a00;color:#2a1600}.pt.s small{opacity:1;color:#3b2100}.pt.s .pic svg{fill:none;stroke:#2a1600;stroke-width:1.8;stroke-linecap:round}
.pt:active,.jpc:active{transform:scale(.98)}
/* recent */
.rec .sq.mini{flex:0 0 24%}
.rec .sq.mini .sqn b{font-size:12px}.rec .sq.mini .sqn small{display:none}
/* live bets */
.live{margin:26px 16px 0;background:#333b7e;border-radius:14px;padding:14px 12px 8px}
.lvh{display:flex;align-items:center;justify-content:space-between;padding:0 4px}
.lvh h2{display:flex;align-items:center;gap:9px;font-size:18.5px;font-weight:800;color:#fff}
.lvh small{color:#8fa0b3;font-size:12px;font-weight:600}
.ldot{width:9px;height:9px;border-radius:50%;background:#20d6a4;box-shadow:0 0 0 0 rgba(32,214,164,.6);animation:ldp 1.6s infinite}
@keyframes ldp{70%{box-shadow:0 0 0 8px rgba(32,214,164,0)}100%{box-shadow:0 0 0 0 rgba(32,214,164,0)}}
.lvt{display:flex;gap:6px;margin:12px 0 10px;background:#1e2356;border-radius:10px;padding:4px}
.lvt button{flex:1;height:32px;border-radius:7px;font-size:12px;font-weight:700;color:#b1bad3;white-space:nowrap}
.lvt button.on{background:#48509b;color:#fff}
.lvhd,.lr2{display:grid;grid-template-columns:1.15fr 1.2fr .72fr 1.05fr;align-items:center;gap:6px}
.lvhd{padding:4px 6px 8px;font-size:11.5px;font-weight:700;color:#8fa0b3}
.lvhd span:nth-child(3),.lvhd span:nth-child(4){text-align:end}
.lvl{display:flex;flex-direction:column;gap:4px;min-height:200px}
.lr2{width:100%;height:42px;padding:0 6px;border-radius:9px;background:#384086;color:#fff;text-align:start;font-size:12.5px}
.lr2:nth-child(even){background:#282a2d}
.lr2.in{animation:lrin .45s ease}
@keyframes lrin{0%{opacity:0;transform:translateY(-10px);background:#48509b}100%{opacity:1;transform:none}}
.lr2 .c1,.lr2 .c2{display:flex;align-items:center;gap:6px;min-width:0}
.lr2 b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lr2 .c2 b{color:#d5dceb;font-weight:600}
.gi{flex:0 0 24px;width:24px;height:24px;border-radius:6px;background:var(--c);display:grid;place-items:center;overflow:hidden}
.gi svg{width:26px;height:26px}
.lr2 .avi{flex:0 0 22px;width:22px;height:22px;border-radius:50%;overflow:hidden;background:#48509b;display:block}
.lr2 .avi img{width:100%;height:100%;object-fit:cover;display:block}
.lr2 .c3{text-align:end;color:#d5dceb;font-weight:700}
.lr2 .c4{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-weight:800;color:#b1bad3}
.lr2 .c4 .cn{width:13px;height:13px;flex:0 0 13px}
.lr2 .c4.pos{color:#20d6a4}.lr2 .c4.neg{color:#ff6b78}
.lvE{grid-column:1/-1;padding:28px 10px;text-align:center;color:#8fa0b3;font-size:13px;font-weight:600}
/* footer */
.ftr{margin:28px 0 0;padding:24px 16px calc(120px + env(safe-area-inset-bottom));background:#171b45;border-top:1px solid rgba(255,255,255,.05)}
.ftl{display:flex;align-items:center;gap:10px}
.ftl i{width:38px;height:38px;border-radius:10px;background:#20d6a4;color:#13163d;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:20px}
.ftl b{display:block;font-size:17px;font-weight:800;color:#fff}.ftl small{font-size:12px;color:#8fa0b3;font-weight:500}
.ftr h4{margin:22px 0 10px;font-size:13px;color:#b1bad3;font-weight:700}
.fpay{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fpay span{display:flex;align-items:center;gap:7px;height:44px;padding:0 9px;border-radius:10px;background:#333b7e}
.fpay img{width:26px;height:26px;border-radius:6px;object-fit:cover}
.fpay b{font-size:12px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fbd{display:flex;gap:8px;margin-top:14px}
.b18{flex:0 0 46px;height:46px;border-radius:50%;border:2px solid #ff4d5e;color:#ff4d5e;display:grid;place-items:center;font-weight:900;font-size:14px}
.bpf{flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:10px;background:#333b7e}
.bpf svg{width:24px;height:24px;color:#20d6a4;flex:0 0 24px}
.bpf b{display:block;font-size:13px;color:#fff}.bpf small{font-size:11.5px;color:#8fa0b3}
.flk{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}
.flk a{color:#d5dceb;font-size:13px;font-weight:600;text-decoration:none}
.fdis{margin-top:16px;font-size:12px;color:#8fa0b3;line-height:1.6}
.fcp{margin-top:6px;font-size:11.5px;color:#6b7c8f}
/* search sheet */
.srb{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:12px;background:#1e2356;margin:8px 0 14px;border:2px solid #48509b}
.srb:focus-within{border-color:#20d6a4}
.srb svg{width:20px;height:20px;color:#8fa0b3}
.srb input{flex:1;background:none;border:0;outline:0;color:#fff;font:600 15px inherit;min-width:0}
.srR{padding:0!important;min-height:160px;margin-bottom:8px}
.app{overflow-x:clip!important;overflow-y:visible!important}

.lr2 .c2 b,.lr2 .c3,.lr2 .c4{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .lr2 .c3,[dir=rtl] .lvhd span:nth-child(3){text-align:left}
[dir=rtl] .lr2 .c2 b{text-align:right}
/* ===== v34 trading card ===== */
.trd.t2{padding:14px 14px 14px;border-radius:16px!important;background:#384086!important}
.t2h{display:flex;align-items:center;gap:11px}
.t2i{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#20d6a4;display:grid;place-items:center}
.t2i svg{width:24px;height:24px}
.t2n{flex:1;min-width:0}
.t2n b{display:block;font-size:18px;font-weight:900;color:#fff;letter-spacing:-.3px}
.t2n small{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:700;color:#8fa0b3}
.t2d{width:7px;height:7px;border-radius:50%;background:#20d6a4;box-shadow:0 0 0 0 rgba(32,214,164,.6);animation:t2p 1.6s infinite}
@keyframes t2p{70%{box-shadow:0 0 0 7px rgba(32,214,164,0)}100%{box-shadow:0 0 0 0 rgba(32,214,164,0)}}
.t2l{height:17px;padding:0 6px;border-radius:5px;background:rgba(255,77,94,.15);color:#ff6b78;font-size:10px;font-weight:900;letter-spacing:.5px;display:inline-flex;align-items:center}
.t2 .trp{text-align:end}
.t2 .trp b{font-size:20px;font-weight:900;color:#fff;margin:0}
.t2 .trp em{display:inline-block;margin-top:3px;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:800}
.t2 .trp em.upc{background:rgba(32,214,164,.14);color:#20d6a4}.t2 .trp em.dnc{background:rgba(255,77,94,.14);color:#ff6b78}
.t2c{margin:12px -14px 0;height:120px;position:relative}
.t2c .trc{height:120px}
.t2s{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.t2s>div{padding:8px 10px;border-radius:10px;background:#272e69;min-width:0}
.t2s small{display:block;font-size:11px;font-weight:700;color:#8fa0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t2s b{display:block;margin-top:2px;font-size:14px;font-weight:800;color:#fff}
.t2 .trf{padding:10px 0 0!important;grid-template-columns:1fr 1fr 1.25fr}
.t2 .trf span{height:44px;border-radius:10px!important}
/* ===== v34 footer ===== */
.ftr .ft2{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.ftr .ft2 .swWm{font-size:26px}
.ftr .ft2 p{margin-top:6px;font-size:12.5px;color:#8fa0b3;font-weight:600}
.fcols{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;padding:18px 0 4px}
.fcol h4{margin:0 0 8px!important;font-size:12px!important;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#6f8293!important}
.fcol a{display:block;padding:6px 0;font-size:13.5px;font-weight:600;color:#d5dceb;text-decoration:none}
.fcol a:active{color:#20d6a4}
.ftr .fph{margin-top:16px!important}
/* ===== v35 photo banners ===== */
.sld .trk{padding-top:42px!important;margin-top:-30px!important}
.bn.bx{background:#181c48!important;color:#fff!important;padding:16px 16px 14px!important;isolation:isolate}
.bxbg,.bxsh{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.bxbg{z-index:-2;background:center/cover no-repeat}
.bxsh{z-index:-1;background:linear-gradient(90deg,rgba(10,12,38,.82) 0%,rgba(10,12,38,.55) 42%,rgba(10,12,38,0) 68%)}
[dir=rtl] .bxbg{transform:scaleX(-1)}
[dir=rtl] .bxsh{background:linear-gradient(270deg,rgba(10,12,38,.82) 0%,rgba(10,12,38,.55) 42%,rgba(10,12,38,0) 68%)}
.bn.bx .tx{max-width:60%!important;z-index:2}
.bn.bx .k{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;font-size:10.5px!important;font-weight:900;letter-spacing:.9px;opacity:1!important}
.bn.v5 .k{background:rgba(32,214,164,.18);color:#4ff09a}
.bn.v6 .k{background:rgba(255,120,90,.2);color:#ffab8f}
.bn.bx h3{margin-top:7px!important;font-size:23px!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.6px!important;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)!important}
.bn.bx h3 em{font-style:normal;display:inline-block;background:linear-gradient(180deg,#fff2b0 0%,#ffcf3a 45%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.bn.v6 h3 em{background:linear-gradient(180deg,#ffe0d0 0%,#ff9a6b 45%,#ff5a4e 100%);-webkit-background-clip:text;background-clip:text}
.bn.bx p{margin-top:5px!important;font-size:11.5px!important;line-height:1.4!important;color:rgba(255,255,255,.82)!important;opacity:1!important;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.bn.bx .cta{z-index:2;height:34px!important;padding:0 14px!important;border-radius:9px!important;font-size:13px!important;font-weight:900!important;text-decoration:none}
.bn.v5 .cta{background:#20d6a4!important;color:#13163d!important}
.bn.v6 .cta{background:#fff!important;color:#2a0d0a!important}
.bxm{position:absolute;z-index:1;right:-4px;bottom:0;height:126%;width:auto;max-width:52%;object-fit:contain;object-position:bottom right;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 12px 14px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(0,0,0,.6));transform-origin:bottom center;animation:bxIn .7s cubic-bezier(.2,.9,.3,1.2) both}
.bn.v6 .bxm{height:114%;max-width:50%;right:-8px}
[dir=rtl] .bn .bxm{right:auto;left:-4px;object-position:bottom left;transform:scaleX(-1)}
[dir=rtl] .bn.v6 .bxm{right:auto;left:-8px}
@keyframes bxIn{from{opacity:0;translate:0 14px}}
.bn.bx .tx{max-width:58%!important}
[dir=rtl] .bn.bx h3{font-size:21px!important;line-height:1.3!important}[dir=rtl] .bn.bx p{line-height:1.6!important}
/* v35b: photo versions of Plinko / Trading / Crash / Leaderboard */
.bn.p1 .k{background:rgba(255,90,140,.22);color:#ffb0c8}
.bn.p2 .k{background:rgba(76,154,255,.22);color:#a9cdff}
.bn.p3 .k{background:rgba(255,160,70,.22);color:#ffc999}
.bn.p4 .k{background:rgba(255,190,46,.22);color:#ffd36b}
.bn.p2 h3 em{background:linear-gradient(180deg,#d6ffe6 0%,#4ff09a 50%,#20d6a4 100%);-webkit-background-clip:text;background-clip:text}
.bn.p3 h3 em{background:linear-gradient(180deg,#fff0c8 0%,#ffb347 50%,#ff7a1a 100%);-webkit-background-clip:text;background-clip:text}
.bn.p1 .cta,.bn.p3 .cta{background:#fff!important;color:#12153b!important}
.bn.p2 .cta{background:#20d6a4!important;color:#13163d!important}
.bn.p4 .cta{background:#ffbe2e!important;color:#2a1c00!important}
.bn.p1 .bxsh,.bn.p3 .bxsh,.bn.p2 .bxsh,.bn.p4 .bxsh{background:linear-gradient(90deg,rgba(8,10,34,.88) 0%,rgba(8,10,34,.64) 46%,rgba(8,10,34,.08) 75%)}
[dir=rtl] .bn.p1 .bxsh,[dir=rtl] .bn.p3 .bxsh,[dir=rtl] .bn.p2 .bxsh,[dir=rtl] .bn.p4 .bxsh{background:linear-gradient(270deg,rgba(8,10,34,.88) 0%,rgba(8,10,34,.64) 46%,rgba(8,10,34,.08) 75%)}
.bn.p4 .bxm{height:118%;max-width:50%}
/* v35c: markhor shown from the waist up, big, head floating out of the banner */
.bn.bx{--mr:0px}
.bn.v5{--mr:-34px}.bn.v6{--mr:-48px}.bn.p1{--mr:-30px}.bn.p2{--mr:-2px}.bn.p3{--mr:-16px}.bn.p4{--mr:-28px}
.bn.bx .bxm,.bn.v6 .bxm,.bn.p4 .bxm{height:192px!important;width:auto!important;max-width:none!important;right:var(--mr)!important;left:auto!important;bottom:0;object-fit:fill;
  clip-path:inset(-40% calc(var(--mr) * -1) 0 -40% round 0 0 14px 0);
  filter:drop-shadow(0 -6px 14px rgba(0,0,0,.35)) drop-shadow(0 0 1px rgba(0,0,0,.5))}
[dir=rtl] .bn.bx .bxm,[dir=rtl] .bn.v6 .bxm,[dir=rtl] .bn.p4 .bxm{right:auto!important;left:var(--mr)!important;transform:scaleX(-1)}
.bn.bx .tx{max-width:55%!important}
.bn.bx p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bn.bx h3 em{display:block!important;width:max-content}
/* ===== v39 prize race card ===== */
.jp{overflow:visible!important}
.phc{position:relative;display:block;height:172px;margin-top:34px;border-radius:16px;text-decoration:none;color:#fff;isolation:isolate;overflow:visible}
.phbg,.phsh{position:absolute;inset:0;border-radius:inherit}
.phbg{z-index:-3;background:center/cover no-repeat;border:1px solid rgba(255,190,46,.35)}
.phsh{z-index:-2;background:linear-gradient(90deg,rgba(10,12,38,.92) 0%,rgba(10,12,38,.7) 46%,rgba(10,12,38,.1) 78%)}
[dir=rtl] .phsh{background:linear-gradient(270deg,rgba(10,12,38,.92) 0%,rgba(10,12,38,.7) 46%,rgba(10,12,38,.1) 78%)}
.phrays{position:absolute;z-index:-1;right:-6%;bottom:-4%;width:66%;aspect-ratio:1;border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:.7;
  background:repeating-conic-gradient(from 0deg,rgba(255,214,90,0) 0 8deg,rgba(255,214,90,.4) 10deg 12deg,rgba(255,214,90,0) 14deg 24deg);
  -webkit-mask:radial-gradient(circle,#000 0,rgba(0,0,0,.8) 20%,transparent 62%);mask:radial-gradient(circle,#000 0,rgba(0,0,0,.8) 20%,transparent 62%);animation:phRot 28s linear infinite}
@keyframes phRot{to{transform:rotate(360deg)}}
[dir=rtl] .phrays{right:auto;left:-6%}
.phbk{position:absolute;z-index:1;right:-6px;bottom:6px;width:58%;height:auto;pointer-events:none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.55));animation:phFl 4.5s ease-in-out infinite;transform-origin:50% 100%}
[dir=rtl] .phbk{right:auto;left:-6px;transform:scaleX(-1)}
@keyframes phFl{0%,100%{translate:0 0}50%{translate:0 -6px}}
.phtx{position:relative;z-index:2;max-width:56%;padding:13px 0 0 14px}
[dir=rtl] .phtx{padding:13px 14px 0 0}
.phk{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:6px;background:rgba(255,190,46,.18);color:#ffd36b;font-size:10.5px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.phk svg{width:13px;height:10px}
.phc h3{margin-top:6px;font-size:19px;font-weight:900;line-height:1.1;letter-spacing:-.4px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.phc h3 em{font-style:normal;display:block;background:linear-gradient(180deg,#fff2b0,#ffcf3a 50%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.phe{display:block;margin-top:7px;font-size:10.5px;font-weight:800;color:#c3cedb;text-transform:uppercase;letter-spacing:.5px}
.phcd{display:flex;gap:4px;margin-top:4px;direction:ltr}
.phcd span{display:flex;align-items:baseline;gap:1px;padding:4px 6px;border-radius:7px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08)}
.phcd b{font-size:15px;font-weight:900;color:#fff}.phcd i{font-style:normal;font-size:10px;font-weight:800;color:#ffbe2e}
.phpz{display:flex;gap:10px;margin-top:8px;font-size:11px;font-weight:700;color:#c3cedb;white-space:nowrap}
.phpz span{display:inline-flex;align-items:center;gap:4px}.phpz b{color:#fff;font-weight:900}
.phpz i{width:8px;height:8px;border-radius:50%}.phpz i.s{background:#c9d3de}.phpz i.b{background:#e09a5f}
.phgo{position:absolute;z-index:3;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:#ffbe2e;color:#2b1a00;display:grid;place-items:center;box-shadow:0 4px 10px rgba(0,0,0,.4)}
[dir=rtl] .phgo{right:auto;left:10px}
.phgo svg.i{width:16px;height:16px;stroke-width:2.6}
.phc:active{transform:scale(.985)}
@media (prefers-reduced-motion:reduce){.phrays,.phbk{animation:none}}
.phc{margin-top:22px}
.phbk{width:52%;right:-14px;bottom:2px}
[dir=rtl] .phbk{left:-14px}
.phtx{max-width:58%}
.phcd{gap:3px}.phcd span{padding:4px 5px}.phcd b{font-size:14px}
.phrays{right:-10%;width:62%}
[dir=rtl] .phcd{justify-content:flex-end}
/* ===== v40 prize widget (solid, like the jackpot counter) ===== */
.phc2{position:relative;display:flex;align-items:center;min-height:116px;margin-top:14px;padding:12px 50px 12px 0;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;
  background-color:#0d7a3e;background-image:radial-gradient(120% 140% at 0% 50%,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 55%),repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 14px,rgba(255,255,255,0) 14px 28px)}
.phc2::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.ph2bk{position:relative;flex:0 0 34%;align-self:stretch}
.ph2bk img{position:absolute;right:-6px;bottom:-14px;height:132px;width:auto;max-width:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));pointer-events:none}
.ph2tx{position:relative;flex:1;min-width:0;padding-inline-start:8px}
.ph2k{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:900;letter-spacing:.6px;color:#ffd34d;text-transform:uppercase}
.ph2k svg{width:17px;height:13px}
.ph2cd{display:flex;align-items:flex-start;gap:3px;margin-top:7px;direction:ltr}
.ph2cd span{display:flex;flex-direction:column;align-items:center}
.ph2cd b{display:block;min-width:34px;height:34px;padding:0 4px;border-radius:7px;background:#2e3575;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25);font-size:20px;font-weight:900;line-height:34px;text-align:center;color:#ffd34d}
.ph2cd i{margin-top:2px;font-style:normal;font-size:9.5px;font-weight:800;color:rgba(255,255,255,.75);text-transform:uppercase}
.ph2cd em{font-style:normal;font-size:18px;font-weight:900;line-height:34px;color:rgba(255,255,255,.6)}
.ph2s{display:block;margin-top:6px;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph2s b{font-weight:800;color:#fff}
.ph2go{position:absolute;right:12px;top:50%;margin-top:-17px;width:34px;height:34px;border-radius:50%;background:#ffd34d;color:#2b1a00;display:grid;place-items:center}
.ph2go svg.i{width:18px;height:18px;stroke-width:2.6}
.phc2:active{transform:scale(.985)}
[dir=rtl] .phc2{padding:12px 0 12px 50px;background-image:radial-gradient(120% 140% at 100% 50%,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 55%),repeating-linear-gradient(65deg,rgba(255,255,255,.045) 0 14px,rgba(255,255,255,0) 14px 28px)}
[dir=rtl] .ph2bk img{right:auto;left:-6px;transform:scaleX(-1)}
[dir=rtl] .ph2go{right:auto;left:12px}
[dir=rtl] .ph2cd{justify-content:flex-end}
/* ===== v41 prize widget, BC.Game style ===== */
.phc3{position:relative;display:flex;align-items:center;min-height:150px;margin-top:14px;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;background:#2a316e;isolation:isolate}
.ph3gl{position:absolute;z-index:-1;left:-30%;top:-40%;width:95%;height:180%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(32,214,164,.55) 0%,rgba(32,214,164,.22) 45%,rgba(32,214,164,0) 100%)}
.ph3gl::after{content:"";position:absolute;left:30%;top:35%;width:60%;height:50%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,60,.35),rgba(255,200,60,0))}
.ph3bk{position:relative;flex:0 0 40%;align-self:stretch}
.ph3bk img{position:absolute;right:-4px;bottom:-18px;height:178px;width:auto;max-width:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));pointer-events:none}
.ph3tx{flex:1;min-width:0;padding:14px 14px 14px 6px;text-align:end}
.ph3k{display:block;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#20d6a4}
.ph3t{display:block;margin-top:2px;font-size:20px;font-weight:900;letter-spacing:-.3px;color:#fff}
.ph3cd{display:flex;justify-content:flex-end;align-items:flex-start;gap:2px;margin-top:8px;direction:ltr}
.ph3cd span{display:flex;flex-direction:column;align-items:center;min-width:40px}
.ph3cd b{font-size:30px;font-weight:900;line-height:1;letter-spacing:-.5px;color:#fff;font-variant-numeric:tabular-nums}
.ph3cd i{margin-top:4px;font-style:normal;font-size:10px;font-weight:700;color:#8fa0b3;text-transform:uppercase;letter-spacing:.5px}
.ph3cd em{font-style:normal;font-size:24px;font-weight:900;line-height:1.15;color:#ffbe2e}
.ph3s{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;font-size:11.5px;font-weight:600;color:#8fa0b3;white-space:nowrap}
.ph3s b{font-weight:800;color:#d5dceb}.ph3s i{width:3px;height:3px;border-radius:50%;background:#6f8293;margin:0 4px}
.phc3:active{transform:scale(.99)}
[dir=rtl] .ph3gl{left:auto;right:-30%}[dir=rtl] .ph3gl::after{left:auto;right:30%}
[dir=rtl] .ph3bk img{right:auto;left:-4px;transform:scaleX(-1)}
[dir=rtl] .ph3tx{padding:14px 6px 14px 14px}
[dir=rtl] .ph3cd,[dir=rtl] .ph3s{justify-content:flex-end}
/* ===== v42 premium banners ===== */
.sld .trk{padding-top:40px!important;margin-top:-28px!important}
.bn.bx{height:184px!important;border-radius:18px!important;padding:16px 16px 16px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 10px 24px rgba(0,0,0,.35)!important}
.bn.bx .bxbg,.bn.bx .bxsh{border-radius:18px}
/* colour light behind the character */
.bxgl{position:absolute;z-index:0;right:-8%;bottom:-30%;width:62%;aspect-ratio:1;border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:.85;
  background:radial-gradient(closest-side,var(--gl,rgba(32,214,164,.55)),rgba(0,0,0,0));animation:bxGl 4s ease-in-out infinite}
@keyframes bxGl{50%{opacity:.55;transform:scale(.93)}}
[dir=rtl] .bxgl{right:auto;left:-8%}
.bn.v5{--gl:rgba(32,214,164,.6);--ac:#4ff09a}.bn.v6{--gl:rgba(255,110,70,.6);--ac:#ff9a6b}.bn.p1{--gl:rgba(255,70,140,.6);--ac:#ff8fbf}
.bn.p2{--gl:rgba(60,140,255,.6);--ac:#7db8ff}.bn.p3{--gl:rgba(255,150,60,.6);--ac:#ffb366}.bn.p4{--gl:rgba(255,200,60,.6);--ac:#ffd36b}
/* light sweep across the banner */
.bxsw{position:absolute;inset:0;z-index:3;border-radius:18px;pointer-events:none;overflow:hidden}
.bxsw::before{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:30%;transform:skewX(-20deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.14),rgba(255,255,255,0));animation:bxSw 6.5s ease-in-out infinite}
@keyframes bxSw{0%,62%{left:-40%}100%{left:130%}}
/* floating sparkles */
.bxsp{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:18px}
.bxsp i{position:absolute;bottom:-6px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px var(--gl);opacity:0;animation:bxSp 5s linear infinite}
.bxsp i:nth-child(1){left:52%;animation-delay:0s}.bxsp i:nth-child(2){left:64%;animation-delay:1.1s}.bxsp i:nth-child(3){left:76%;animation-delay:2.3s}.bxsp i:nth-child(4){left:88%;animation-delay:3.2s}.bxsp i:nth-child(5){left:44%;animation-delay:4.1s}
[dir=rtl] .bxsp{transform:scaleX(-1)}
@keyframes bxSp{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:.9}100%{opacity:0;transform:translateY(-170px) scale(1.1)}}
/* tags */
.bxtags{display:flex;align-items:center;gap:6px}
.bn.bx .k{display:inline-flex!important;align-items:center;gap:5px;height:24px!important;padding:0 9px 0 7px!important;border-radius:8px!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.8px!important;
  background:rgba(11,13,16,.55)!important;color:var(--ac)!important;border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bn.bx .k svg.i{width:13px;height:13px;stroke-width:2.4}
.bxhot{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:.3px;color:#1a1300;background:linear-gradient(180deg,#fff1a8,#ffcb2e 55%,#f0a000);box-shadow:0 2px 8px rgba(255,190,46,.35)}
.bn.p3 .bxhot{background:#ff4d5e;color:#fff;box-shadow:0 0 0 0 rgba(255,77,94,.6);animation:bxLive 1.6s infinite}
@keyframes bxLive{70%{box-shadow:0 0 0 7px rgba(255,77,94,0)}100%{box-shadow:0 0 0 0 rgba(255,77,94,0)}}
/* title + text */
.bn.bx .tx{max-width:56%!important;z-index:4}
.bn.bx h3{margin-top:9px!important;font-size:24px!important;line-height:1.04!important;letter-spacing:-.7px!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important}
.bn.bx h3 em{background:linear-gradient(180deg,#fff 0%,var(--ac) 60%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.bn.v5 h3 em,.bn.p4 h3 em{background:linear-gradient(180deg,#fff7c9 0%,#ffd34d 50%,#f59e0b 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.bn.bx p{margin-top:6px!important;font-size:11.5px!important;color:rgba(255,255,255,.78)!important;-webkit-line-clamp:2}
/* CTA with shine */
.bn.bx .cta{position:relative;z-index:4;overflow:hidden;height:36px!important;padding:0 16px!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(0,0,0,.35)!important}
.bn.bx .cta::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));animation:bxCta 3.2s ease-in-out infinite}
@keyframes bxCta{0%,55%{left:-60%}100%{left:140%}}
/* character: crisp, breathing a little, no dark outline */
.bn.bx .bxm,.bn.v6 .bxm,.bn.p4 .bxm{height:206px!important;z-index:2!important;filter:drop-shadow(0 -4px 18px var(--gl)) drop-shadow(0 6px 10px rgba(0,0,0,.4))!important;animation:bxBr 4.2s ease-in-out infinite!important;transform-origin:50% 100%}
@keyframes bxBr{0%,100%{scale:1}50%{scale:1.018}}
@media (prefers-reduced-motion:reduce){.bxgl,.bxsw::before,.bxsp i,.bn.bx .cta::after,.bn.bx .bxm,.bn.p3 .bxhot{animation:none!important}}
.bn.bx .k,.bxhot{white-space:nowrap;flex:none}
.bxtags{flex-wrap:nowrap}
.bn.bx{justify-content:flex-start!important;gap:0}
.bn.bx h3{font-size:23px!important;margin-top:8px!important}
.bn.bx p{-webkit-line-clamp:1!important;white-space:normal;margin-top:5px!important}
.bn.bx .cta{margin-top:auto}
.bn.v5{--mr:-52px}.bn.p1{--mr:-44px}
/* ===== v43 invite wheel banner ===== */
.bn.w7{--gl:rgba(255,170,40,.6);--ac:#ffd36b}
.bn.w7 h3 em{background:linear-gradient(180deg,#fff7c9 0%,#ffd34d 50%,#f59e0b 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.bn.w7 .cta{background:linear-gradient(180deg,#ffe066,#ffb000)!important;color:#2b1a00!important}
.bxwh{position:absolute;z-index:2;right:-26px;bottom:-34px;width:214px;height:214px;pointer-events:none}
.bxwh img{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(255,170,40,.35));transform-origin:46% 52%;animation:bxWob 3.6s ease-in-out infinite}
@keyframes bxWob{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
.bxwh i{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;opacity:0;animation:pzGlint 3s ease-in-out infinite;
  background:radial-gradient(circle,#fff 0 12%,rgba(255,255,255,0) 14%),linear-gradient(0deg,transparent 46%,#fff 50%,transparent 54%),linear-gradient(90deg,transparent 46%,#fff 50%,transparent 54%);filter:drop-shadow(0 0 4px #fff)}
.bxwh i:nth-child(2){left:18%;top:30%;animation-delay:.4s}.bxwh i:nth-child(3){left:72%;top:18%;animation-delay:1.5s}.bxwh i:nth-child(4){left:40%;top:86%;animation-delay:2.4s}
@keyframes pzGlint{0%,70%,100%{opacity:0;transform:scale(.3) rotate(0)}80%{opacity:1;transform:scale(1) rotate(45deg)}90%{opacity:0;transform:scale(.4) rotate(90deg)}}
[dir=rtl] .bxwh{right:auto;left:-26px}
[dir=rtl] .bxwh img{transform-origin:54% 52%}
@media (prefers-reduced-motion:reduce){.bxwh img,.bxwh i{animation:none}}
/* slider: horizontal only — no up/down movement inside it */
.sld .trk{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
/* v44 footer: payments + badges first, then brand, then compact link groups */
.ft3{padding:22px 16px 8px}
.fpay3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fpay3 span{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:10px;background:#29306c;border:1px solid #373f84}
.fpay3 img{width:22px;height:22px;border-radius:6px;object-fit:cover}.fpay3 b{font-size:12.5px;font-weight:700;color:#d6e0e8}
.fbd3{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fbd3>span{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:14px;background:#20255a;border:1px solid #373f84;font-size:11.5px;color:#a9b9c7}
.fbd3>span b{font-weight:700}.fbd3 .i{width:13px;height:13px;color:#20d6a4}
.fbd3 .b18{width:auto;height:28px;border:1.5px solid #ff4d5e;color:#ff6b78;font-weight:800;font-size:11.5px;background:none;border-radius:14px;display:inline-flex;align-items:center;padding:0 9px}
.fbr3{margin-top:20px;padding-top:18px;border-top:1px solid #2a2c2f}
.fbr3 .swWm{font-size:22px}.fbr3 p{margin:4px 0 0;font-size:12.5px;color:#8a9cad}
.facs{margin-top:14px;border-top:1px solid #2a2c2f}
.fac{border-bottom:1px solid #2a2c2f}
.fac summary{list-style:none;display:flex;align-items:center;justify-content:space-between;height:46px;font-size:13.5px;font-weight:700;color:#d6e0e8;cursor:pointer}
.fac summary::-webkit-details-marker{display:none}
.fac summary .i{width:16px;height:16px;color:#6f8396;transition:transform .2s}.fac[open] summary .i{transform:rotate(180deg)}
.facb{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:0 0 12px}
.facb a{font-size:12.5px;color:#8a9cad;text-decoration:none;padding:6px 0}
.fdis3{margin:16px 0 0;font-size:11px;line-height:1.55;color:#6a7d8e}.fcp3{margin:4px 0 0;font-size:11px;color:#55687a}
.fbd3{flex-wrap:nowrap}.fbd3 .b18{direction:ltr}.fbd3>span{white-space:nowrap}
/* v51 category chips: colour icon + soft border; active = green glow */
.cats{gap:8px!important;padding:10px 14px!important;background:#181c48!important}
.cats button{height:38px!important;border-radius:12px!important;background:#262c66!important;border:1px solid #373f84!important;color:#c3ccd3!important;padding:0 14px 0 11px!important;gap:7px!important;font-weight:700!important}
.cats .cs{width:42px!important;padding:0!important}
.cats .cti{width:17px;height:17px;flex:none;fill:none;stroke:var(--cc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cats .ct[data-cat="#ogS"] .cti{fill:var(--cc);stroke:none}
.cats .ct.on{background:linear-gradient(180deg,#33e3b0,#17bd62)!important;border-color:transparent!important;color:#13163d!important;box-shadow:0 4px 14px rgba(32,214,164,.3),inset 0 1px 0 rgba(255,255,255,.35)}
.cats .ct.on .cti{stroke:#13163d}.cats .ct.on[data-cat="#ogS"] .cti{fill:#13163d}
/* ===== ORIGINALS v2 — one site theme for every game ===== */
.gm{--bgc:#1e2356!important}
.gm .gw{background:#1e2356!important}
.gm .gmh{background:#181c48!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.gm .gst{border:0!important;border-radius:12px!important;box-shadow:none!important;background:#1b2050!important;overflow:hidden}
.gm .gpn,.gm .gmy{background:#384086!important;border:0!important;border-radius:12px!important;box-shadow:none!important}
.gm .gpn{margin:10px 12px 0!important}
.gm .pbtn{background:#20d6a4!important;color:#13163d!important;box-shadow:none!important;border-radius:10px!important;text-shadow:none!important;margin-bottom:0!important}
.gm .pbtn:active{transform:scale(.98)!important}
.gm .pbtn.cash{background:#ffbe2e!important;color:#2a1600!important}
.gm .pbtn.alt{background:#48509b!important;color:#fff!important}
/* per-game stage: same dark base, game-color glow */
.gm[data-g=crash] .gst{background:radial-gradient(90% 70% at 70% 10%,rgba(255,138,0,.20),transparent 60%),#1b2050!important}
.gm[data-g=plinko] .gst{background:radial-gradient(90% 70% at 50% 0%,rgba(214,51,127,.22),transparent 65%),#1b2050!important}
.gm[data-g=limbo] .gst{background:radial-gradient(90% 70% at 50% 40%,rgba(32,214,164,.16),transparent 65%),#1b2050!important}
.gm[data-g=limbo] .lbw::before{border-color:rgba(32,214,164,.22)!important}.gm[data-g=limbo] .lbw::after{border-color:rgba(32,214,164,.12)!important}
.gm[data-g=limbo] .pln{background:radial-gradient(circle at 35% 30%,#b8ffd8,#20d6a4 45%,#3d3f42 100%)!important}
.gm[data-g=limbo] .pln::after{border-color:rgba(200,255,225,.45)!important}
.gm[data-g=limbo] .lbn{background:linear-gradient(180deg,#fff 30%,#d2f7e3)!important;-webkit-background-clip:text!important;background-clip:text!important}
.gm[data-g=limbo] .lbn.w{background:linear-gradient(180deg,#b8ffd8,#20d6a4)!important;-webkit-background-clip:text!important;background-clip:text!important}
.gm[data-g=limbo] .lbn.l{background:linear-gradient(180deg,#ffc2cb,#ff4d5e)!important;-webkit-background-clip:text!important;background-clip:text!important}
.gm[data-g=dice] .gst{background:radial-gradient(80% 60% at 50% 10%,rgba(226,67,63,.22),transparent 65%),#1b2050!important}
.gm[data-g=coin] .gst{background:radial-gradient(70% 60% at 50% 40%,rgba(255,190,46,.18),transparent 65%),#1b2050!important}
.gm[data-g=hilo] .gst{background:radial-gradient(80% 70% at 50% 40%,rgba(61,139,255,.22),transparent 65%),#1b2050!important}
.gm[data-g=tower] .gst{background:#1b2050!important}
.gm[data-g=tower] .tw{background:radial-gradient(80% 40% at 50% 105%,rgba(255,190,46,.14),transparent 70%)!important}
.gm[data-g=tower] .tt{background:#48509b!important}
.gm[data-g=tower] .tr.act .tt{background:#3b5566!important;box-shadow:inset 0 0 0 2px #20d6a4!important}
.gm[data-g=tower] .tt.g{background:#11143a!important;box-shadow:inset 0 0 0 2px #20d6a4!important}
.gm[data-g=tower] .tt.b{background:#11143a!important;box-shadow:inset 0 0 0 2px #ff4d5e!important}
.gm[data-g=tower] .tm{color:#5f7385!important}
.gm[data-g=tower] .tr.act .tm,.gm[data-g=tower] .tr.done .tm{color:#ffbe2e!important}
.gm[data-g=cups] .gst{background:#1b2050!important}
.gm[data-g=cups] .cpw{background:radial-gradient(70% 36% at 50% 78%,#17824a 0%,#0f6a3a 60%,rgba(15,106,58,0) 61%),#1b2050!important}
.gm[data-g=cups] .cpm{color:#fff!important}
.gm[data-g=trading] .gst,.gm[data-g=mines] .gst{background:#1b2050!important}
/* recent results strip */
.gm .rr span{border-radius:6px!important}
.gm .rr span.w{background:#20d6a4!important;color:#13163d!important}
.gm .rr span.l{background:#48509b!important;color:#b1bad3!important}
/* ---- toolbar under the controls ---- */
.gbar{display:flex;gap:8px;margin:10px 12px 0}
.gbar button{flex:1;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:#384086;color:#d5dceb;font-size:12.5px;font-weight:700}
.gbar button svg{width:17px;height:17px;color:#b1bad3}
.gbar [data-gfav],.gbar [data-gsnd]{flex:0 0 44px}
.gbar [data-gsnd].off svg{color:#ff6b78}
.gbar [data-gfav].on svg{color:#ff4d5e;fill:#ff4d5e}
.gbar button:active{background:#48509b}
/* ---- bets card ---- */
.gm .gmy{margin:10px 12px 0!important;padding:10px!important}
.gtab{display:flex;gap:4px;padding:4px;border-radius:10px;background:#1e2356;margin-bottom:8px}
.gtab button{flex:1;height:34px;border-radius:7px;font-size:12.5px;font-weight:700;color:#b1bad3}
.gtab button.on{background:#48509b;color:#fff}
.ghd,.gr{display:grid;grid-template-columns:1.35fr .95fr .75fr 1.05fr;align-items:center;gap:6px}
.ghd{padding:2px 8px 8px;font-size:11.5px;font-weight:700;color:#8fa0b3}
.ghd span:not(:first-child){text-align:end}
.gal{display:flex;flex-direction:column;gap:4px}
.gr{height:40px;padding:0 8px;border-radius:8px;background:#282a2d;font-size:12.5px;color:#fff}
.gr:nth-child(even){background:#272e69}
.gr.me{box-shadow:inset 0 0 0 1.5px rgba(32,214,164,.5)}
.gr.in{animation:lrin .45s ease}
.gr .c2{display:flex;align-items:center;gap:6px;min-width:0}
.gr .c2 b{font-weight:600;color:#d5dceb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:isolate}
.gr .avi{flex:0 0 22px;width:22px;height:22px;border-radius:50%;overflow:hidden;background:#48509b;display:block}
.gr .avi img{width:100%;height:100%;object-fit:cover;display:block}
.gr .cb,.gr .c3{text-align:end;color:#d5dceb;font-weight:700;direction:ltr;unicode-bidi:isolate}
.gr .c4{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-weight:800;color:#b1bad3;direction:ltr}
.gr .c4 .cn{width:13px;height:13px;flex:0 0 13px}
.gr .c4.pos{color:#20d6a4}.gr .c4.neg{color:#ff6b78}
[dir=rtl] .ghd span:not(:first-child),[dir=rtl] .gr .cb,[dir=rtl] .gr .c3{text-align:left}
[dir=rtl] .gr .c4{justify-content:flex-start}
.gm .gmy .mb{border-top-color:rgba(255,255,255,.06)!important}
/* ---- about card ---- */
.gab{margin:10px 12px 0;padding:14px;border-radius:12px;background:#384086}
.gah{display:flex;align-items:center;gap:11px}
.gat{flex:0 0 52px;width:52px;height:52px;border-radius:12px;background:var(--c);display:grid;place-items:center;overflow:hidden}
.gat svg{width:58px;height:58px}
.gah small{display:block;font-size:11.5px;font-weight:700;color:#8fa0b3;letter-spacing:.3px}
.gah h3{font-size:19px;font-weight:800;color:#fff;margin-top:2px}
.gah>div{flex:1;min-width:0}
.gpf{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:14px;background:rgba(32,214,164,.14);color:#20d6a4;font-size:11.5px;font-weight:800;white-space:nowrap}
.gpf svg{width:15px;height:15px}
.gad{margin-top:12px;font-size:13.5px;line-height:1.6;color:#d5dceb}
.gch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.gch>div{padding:9px 10px;border-radius:9px;background:#1e2356;min-width:0}
.gch small{display:block;font-size:11px;font-weight:600;color:#8fa0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gch b{display:block;margin-top:3px;font-size:13.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:isolate}
[dir=rtl] .gch b{text-align:right}
.ghw{margin-top:12px;border-radius:10px;background:#1e2356;overflow:hidden}
.ghw summary{list-style:none;display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px;font-size:14px;font-weight:800;color:#fff;cursor:pointer}
.ghw summary::-webkit-details-marker{display:none}
.ghw summary svg{width:17px;height:17px;color:#8fa0b3;transform:rotate(90deg);transition:transform .2s}
.ghw[open] summary svg{transform:rotate(-90deg)}
.ghw ol{margin:0;padding:0 12px 12px;list-style:none;counter-reset:s}
.ghw li{counter-increment:s;position:relative;padding:8px 0 8px 34px;font-size:13px;line-height:1.55;color:#d5dceb;border-top:1px solid rgba(255,255,255,.05)}
.ghw li::before{content:counter(s);position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:7px;background:#48509b;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
[dir=rtl] .ghw li{padding:8px 34px 8px 0}[dir=rtl] .ghw li::before{left:auto;right:0}
.gpfx{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(32,214,164,.08);font-size:12.5px;font-weight:600;color:#d5dceb}
.gpfx svg{flex:0 0 20px;width:20px;height:20px;color:#20d6a4}
.gpfx span{flex:1}
.gpfx button{height:32px;padding:0 12px;border-radius:8px;background:#20d6a4;color:#13163d;font-size:12px;font-weight:800}
/* ---- more games ---- */
.gmo{margin:18px 0 0}
.gmoh{display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px;margin-bottom:10px}
.gmoh h3{font-size:17px;font-weight:800;color:#fff}.gmoh small{font-size:12px;color:#8fa0b3;font-weight:600}
.gmr{padding:0 12px!important}
.gmr .sq{flex:0 0 31%!important}
.gft{margin:18px 12px 0;padding-bottom:30px;text-align:center;font-size:11.5px;color:#6b7c8f}
/* ---- stats sheet ---- */
#bsStat h3{font-size:17px;font-weight:800;margin:6px 0 12px}
.stg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stg>div{padding:11px 12px;border-radius:10px;background:#1e2356}
.stg small{display:block;font-size:12px;color:#8fa0b3;font-weight:600}
.stg b{display:block;margin-top:3px;font-size:17px;font-weight:800;color:#fff}
.stg .pos{color:#20d6a4}.stg .neg{color:#ff6b78}
.stc{position:relative;margin-top:10px;height:150px;border-radius:10px;background:#1e2356}
.stc canvas{width:100%;height:100%;display:block}
.stE{position:absolute;inset:0;display:grid;place-items:center;font-size:12.5px;color:#8fa0b3;font-weight:600;padding:0 20px;text-align:center}
#stRs{margin-top:12px;width:100%;height:46px;border-radius:10px;background:#48509b!important;color:#fff;font-weight:800}

.gm[data-g=limbo] .lbw{background:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 85% 60%,#d2f7e3,transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 12% 70%,#fff,transparent),radial-gradient(1.2px 1.2px at 55% 45%,#fff,transparent)!important}
.gtools .gfair{display:none!important}
.gtab button{text-align:center}
.gm .gtools:has(.rr:empty){display:none!important}
.gm .gst{margin-top:10px!important}
/* ===== v44 tower: flat & clean ===== */
.tw2{display:flex;flex-direction:column-reverse;gap:6px;padding:14px 12px;background:#1b2050;direction:ltr}
.tr2{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:center}
.tm2{height:40px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#6f8293;background:#262c66}
.tc2{display:grid;gap:6px}
.tt2{position:relative;height:40px;border-radius:8px;background:#48509b;border:0;padding:0;display:grid;place-items:center;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25);transition:background .15s,transform .1s,opacity .25s}
.tt2 svg{width:24px;height:24px;animation:pop .28s cubic-bezier(.2,.9,.3,1.5)}
.tr2.act .tm2{background:#ffbe2e;color:#2b1a00}
.tr2.act .tt2{background:#3e5b6e;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 2px #20d6a4;cursor:pointer}
.tr2.act .tt2:active{transform:scale(.95)}
.tr2.done .tm2{background:rgba(32,214,164,.15);color:#20d6a4}
.tt2.g{background:#11143a!important;box-shadow:inset 0 0 0 2px #20d6a4!important}
.tt2.b{background:#2a0f14!important;box-shadow:inset 0 0 0 2px #ff4d5e!important}
.tt2.dim{opacity:.45}
.tt2.sel{background:#20d6a4!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)!important}
.tt2.sel::after{content:"";width:10px;height:10px;border-radius:50%;background:#13163d}
.tr2.inp .tm2{background:rgba(32,214,164,.15);color:#20d6a4}
.twah{margin-top:10px;padding:10px 12px;border-radius:10px;background:#272e69}
.twah p{font-size:12px;line-height:1.5;color:#b1bad3}
.twah>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12.5px;color:#8fa0b3;font-weight:700}
.twah b{color:#ffbe2e}.twah button{height:30px;padding:0 12px;border-radius:8px;background:#48509b;color:#fff;font-size:12px;font-weight:800}
/* ===== v44 real playing cards ===== */
.card.pc2{background:#fff!important;border:1px solid #d7dbe2!important;border-radius:10px!important;color:#1c2152;font-family:Georgia,'Times New Roman',serif}
.card.pc2.red{color:#c8102e}
.card.pc2 .ci{position:absolute;top:7px;left:8px;display:flex;flex-direction:column;align-items:center;line-height:1}
.card.pc2 .ci b{font-size:22px;font-weight:700;letter-spacing:-1px}
.card.pc2 .ci i{font-style:normal;font-size:17px;margin-top:1px}
.card.pc2 .ci.rb{top:auto;left:auto;bottom:7px;right:8px;transform:rotate(180deg)}
.card.pc2 .cp{position:absolute;left:30px;right:30px;top:24px;bottom:24px}
.card.pc2 .cp i{position:absolute;font-style:normal;font-size:22px;line-height:1;transform:translate(-50%,-50%)}
.card.pc2 .cp i.dn{transform:translate(-50%,-50%) rotate(180deg)}
.card.pc2 .ca{position:absolute;inset:0;display:grid;place-items:center;font-size:62px;line-height:1}
.card.pc2 .cf{position:absolute;left:24px;right:24px;top:22px;bottom:22px;border-radius:4px;border:2px solid #c9a227;background:repeating-linear-gradient(45deg,rgba(201,162,39,.08) 0 4px,transparent 4px 8px),#fffaf0;display:grid;place-items:center}
.card.pc2 .cfi{display:flex;flex-direction:column;align-items:center;line-height:1}
.card.pc2 .cfi .cr{width:28px;height:22px;color:#c9a227}
.card.pc2 .cfi b{font-size:40px;font-weight:700;margin-top:2px}
.card.pc2 .cfi i{font-style:normal;font-size:22px;margin-top:2px}
.card.pc2.sm .ci{top:4px;left:5px}.card.pc2.sm .ci b{font-size:13px}.card.pc2.sm .ci i{font-size:10px}
.card.pc2.sm{border-radius:6px!important}
.card.pc2 .r,.card.pc2 .s,.card.pc2 .c,.card.pc2 .fc{display:none}
.card.pc2 .ci{left:6px;top:6px}.card.pc2 .ci.rb{right:6px;bottom:6px}
.card.pc2 .ci b{font-size:19px;letter-spacing:-1.5px}.card.pc2 .ci i{font-size:14px}
.card.pc2 .cp{left:38px;right:38px;top:22px;bottom:22px}
.card.pc2 .cp i{font-size:19px}
.card.pc2 .cf{left:27px;right:27px;top:24px;bottom:24px}
.card.pc2 .cfi b{font-size:34px}.card.pc2 .cfi i{font-size:18px}
/* v44 live stats floating window */
.lsw{position:fixed;z-index:60;background:#171b45;border:1px solid #373f84;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.6);overflow:hidden;touch-action:none;animation:lsIn .18s ease}
@keyframes lsIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.lsw.drag{opacity:.92;box-shadow:0 24px 60px rgba(0,0,0,.75)}
.lsh{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 14px;background:#20255a;border-bottom:1px solid #333b7e;cursor:grab;user-select:none}
.lsh .i{width:16px;height:16px;color:#20d6a4}.lsh b{font-size:14px;font-weight:800;color:#fff}
.lsd{flex:1;height:4px;margin:0 6px;background:repeating-linear-gradient(90deg,#414346 0 3px,transparent 3px 6px);border-radius:2px;opacity:.7}
.lsr{font:inherit;font-size:11.5px;font-weight:700;color:#9fb0c2;background:#323a7c;border:0;border-radius:8px;padding:6px 10px}
.lsx{width:28px;height:28px;border:0;border-radius:8px;background:#323a7c;color:#c9d6e2;font-size:13px}
.lsg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 10px 4px}
.lsg div{background:#111316;border-radius:10px;padding:8px 10px}.lsg small{display:block;font-size:11px;color:#7f92a6;font-weight:600}
.lsg b{display:block;font-size:15px;font-weight:800;color:#fff;margin-top:2px}.lsg b.pos{color:#20d6a4}.lsg b.neg{color:#ff4d5e}
.lsc{position:relative;margin:6px 10px;height:132px;background:#111316;border-radius:12px}
.lsc canvas{width:100%;height:100%;display:block}.lse{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 22px;font-size:12px;color:#7f92a6;margin:0}
.lsf{display:flex;justify-content:space-between;padding:6px 12px 12px;font-size:11.5px;color:#7f92a6;font-weight:600}.lsf b{color:#fff}.lsf b.pos{color:#20d6a4}.lsf b.neg{color:#ff4d5e}
/* fairness explainer */
.pfhw{background:#14183f;border:1px solid #323a7c;border-radius:12px;padding:12px 14px;margin:12px 0 4px}
.pfhw b{font-size:13.5px;color:#fff;font-weight:800}.pfhw ol{margin:8px 0 0;padding-inline-start:18px;display:grid;gap:6px}
.pfhw li{font-size:12.5px;color:#a8b8c8;line-height:1.5}.pfhw li::marker{color:#20d6a4;font-weight:800}
/* big wins */
.gbw{margin:18px 12px 0;background:#171b45;border:1px solid #282a2d;border-radius:14px;padding:12px 0 6px}
.gbw .gmoh{padding:0 12px}
.gbwh,.gbwr{display:grid;grid-template-columns:1.6fr .9fr 1.1fr;align-items:center;padding:0 12px}
.gbwh{font-size:11px;color:#6f8295;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding-bottom:6px;border-bottom:1px solid #282a2d}
.gbwh span:not(:first-child),.gbwr>span:not(:first-child){text-align:end}
.gbwr{height:44px;font-size:13px;color:#dfe8f0;font-weight:700}.gbwr+.gbwr{border-top:1px solid #202225}
.gbwn{display:flex;align-items:center;gap:8px;min-width:0}.gbwn em{font-style:normal;width:16px;color:#6f8295;font-size:12px}
.gbwn .avi{width:24px;height:24px;border-radius:50%;overflow:hidden;flex:none}.gbwn .avi img,.gbwn .avi svg{width:100%;height:100%}
.gbwn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.gbwr .pos{color:#20d6a4;display:inline-flex;align-items:center;justify-content:flex-end;gap:4px}.gbwr .cn{width:14px;height:14px}
.gbwr .num,.lsg b,.lsf b{direction:ltr;unicode-bidi:isolate}
/* max bet confirm: plain game-style dialog */
.mxw{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.6)}
.mxc{width:100%;max-width:320px;background:#2c3371;border-radius:10px;overflow:hidden}
.mxh{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 8px 0 16px;border-bottom:1px solid #35373a}
.mxh b{font-size:15px;font-weight:700;color:#fff}
.mxx{width:32px;height:32px;display:grid;place-items:center;border:0;background:none;color:#8a9bab;border-radius:6px}.mxx svg{width:16px;height:16px}
.mxp{margin:0;padding:18px 16px;font-size:13.5px;line-height:1.55;color:#b4c2ce}.mxp b{color:#fff;font-weight:700;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.mxb{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px}
.mxb button{display:flex;align-items:center;justify-content:center;height:40px;border:0;border-radius:6px;font:inherit;font-size:14px;font-weight:700;padding:0 8px}
.mxn{background:#393b3e;color:#dfe8f0}.mxy{background:#20d6a4;color:#13163d}
.tzm{gap:4px!important;padding:3px!important;background:rgba(25,29,72,.72)!important}
.tzm button svg{width:17px!important;height:17px!important;stroke-width:2.2!important}
.tzm span[hidden]{display:none!important}
/* v51: big wins as a row of cards */
.gm .gmo{margin-top:14px}
.gbw2{margin:16px 12px 8px;padding:14px 0 14px;border-radius:16px;background:linear-gradient(160deg,#29306c 0%,#1e2356 45%,#171b45 100%);border:1px solid rgba(255,200,61,.16);position:relative;overflow:hidden}
.gbw2::before{content:'';position:absolute;inset:-40% -10% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,61,.20),rgba(255,200,61,0) 65%);pointer-events:none}
.gbw2h{display:flex;align-items:center;gap:10px;padding:0 14px 12px;position:relative}
.gbw2h h3{font-size:16px;font-weight:800;color:#fff}.gbw2h small{font-size:12px;color:#8d9aa4}
.gbw2i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(180deg,#ffd75e,#e9a514);box-shadow:0 4px 14px rgba(255,190,40,.35);flex:none}
.gbw2i svg{width:20px;height:20px;fill:none;stroke:#4a2d00;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.gbw2l{display:flex;gap:10px;overflow-x:auto;padding:4px 14px 2px;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative}
.gbw2l::-webkit-scrollbar{display:none}
.gbwc{flex:0 0 128px;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 12px;border-radius:14px;background:#212326;border:1px solid #3b438b;text-align:center}
.gbwc .avi{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid #383a3d;display:block}
.gbwc .avi img{width:100%;height:100%;object-fit:cover;display:block}
.gbwk{position:absolute;top:8px;inset-inline-start:8px;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#3b438b;color:#cfd8de;font-size:11px;font-weight:800;display:grid;place-items:center}
.gbwu{font-size:12.5px;font-weight:700;color:#dfe7ec;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gbwm{font-size:11px;font-weight:800;color:#9fb0bb;background:#171b45;padding:2px 7px;border-radius:6px}
.gbwp{font-size:14.5px;font-weight:900;color:#33e3b0;direction:ltr;unicode-bidi:isolate}
.gbwc2{position:absolute;top:8px;inset-inline-end:8px}.gbwc2 .cn{width:16px;height:16px;display:block}
.gbwc.r1{border-color:rgba(255,200,61,.55);background:linear-gradient(180deg,rgba(255,200,61,.16),#212326 60%)}
.gbwc.r1 .gbwk{background:linear-gradient(180deg,#ffd75e,#e9a514);color:#4a2d00}.gbwc.r1 .avi{border-color:#ffc83d}
.gbwc.r2{border-color:rgba(200,214,226,.45);background:linear-gradient(180deg,rgba(200,214,226,.12),#212326 60%)}
.gbwc.r2 .gbwk{background:linear-gradient(180deg,#eef3f7,#a9b6c2);color:#333b7e}.gbwc.r2 .avi{border-color:#cfd9e2}
.gbwc.r3{border-color:rgba(222,140,80,.5);background:linear-gradient(180deg,rgba(222,140,80,.13),#212326 60%)}
.gbwc.r3 .gbwk{background:linear-gradient(180deg,#f2b27e,#c46f2f);color:#3a1d06}.gbwc.r3 .avi{border-color:#e39a5e}
.gbw2l{scroll-padding-inline:14px}
/* v51 fairness sheet */
#bsFair .pfH{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.pfX{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:0;color:#cfd8de}
.pfX svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.pfc{background:#171b45;border:1px solid #333b7e;border-radius:14px;padding:12px 12px 14px;margin-top:12px}
.pfc h4{font-size:14px;font-weight:800;color:#fff;margin-bottom:8px}
.pfr{margin-top:8px}.pfr>small{display:block;font-size:12px;color:#8d9aa4;margin-bottom:5px}
.pfv,.pfin{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 6px 6px 12px;background:#101336;border:1px solid #333b7e;border-radius:10px}
.pfv code{flex:1;min-width:0;font-size:12.5px;color:#dfe7ec;word-break:break-all;line-height:1.45;direction:ltr;text-align:left}
.pfin input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:14.5px;font-weight:700;direction:ltr}
.pfin:focus-within{border-color:#20d6a4}
.pfcp{width:32px;height:32px;flex:none;border-radius:8px;display:grid;place-items:center;background:#2b2d30;border:0;color:#b6c2ca}
.pfcp svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pfcp:active{transform:scale(.94)}
.pfn{display:flex;justify-content:space-between;align-items:center;padding:10px 2px 0}.pfn small{margin:0}.pfn b{color:#fff}
.pfe{display:block;color:#ff7a7a;font-size:12px;min-height:0;margin-top:4px}
.pfgo{width:100%;margin-top:14px}
.pfhw2{margin-top:12px;background:#171b45;border:1px solid #333b7e;border-radius:12px;padding:0 12px}
.pfhw2 summary{list-style:none;cursor:pointer;padding:13px 0;font-size:13.5px;font-weight:700;color:#cfd8de;display:flex;justify-content:space-between}
.pfhw2 summary::-webkit-details-marker{display:none}.pfhw2 summary::after{content:'+';color:#8d9aa4;font-weight:800}.pfhw2[open] summary::after{content:'−'}
.pfhw2 ol{padding:0 0 12px 18px;color:#aab6be;font-size:13px;line-height:1.6}[dir=rtl] .pfhw2 ol{padding:0 18px 12px 0}
.pfhw2 .fprev{margin-bottom:10px}
.pfok{text-align:center;padding:18px 8px 6px}
.pfoki{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:rgba(32,214,164,.14);animation:pfPop .45s cubic-bezier(.2,1.4,.4,1)}
.pfoki svg{width:30px;height:30px;fill:none;stroke:#20d6a4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes pfPop{from{transform:scale(.4);opacity:0}}
.pfok b{font-size:17px;font-weight:800;color:#fff}.pfok p{font-size:13px;color:#9aa6ae;line-height:1.5;margin-top:6px}
.pfbt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
#bsFair .fnote{display:none}

/* ===== v53 crash, BC style: graph-paper stage, live players list, cash-out pop-ups on the curve ===== */
.gm[data-g=crash] .gst{background:#1b2050!important}
.gm[data-g=crash] .crw{height:300px}
.gm[data-g=crash] .crm{font-size:56px;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.gm[data-g=crash] .crm.boom{color:#ff4d5e;text-shadow:0 0 18px rgba(255,77,94,.45)}
.gm[data-g=crash] .crs{color:#8fa6b5}
.crpop{position:absolute;z-index:3;pointer-events:none;font-size:11px;font-weight:700;color:rgba(255,255,255,.62);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:crPop 1.5s ease-in forwards}
@keyframes crPop{0%{opacity:0;transform:translateY(0)}15%{opacity:.8}100%{opacity:0;transform:translateY(38px)}}

/* ===== v54 big win pop-up ===== */
.bwp{position:fixed;left:50%;top:64px;z-index:9000;transform:translate(-50%,-14px) scale(.85);opacity:0;pointer-events:none;transition:transform .38s cubic-bezier(.2,1.5,.4,1),opacity .25s;direction:ltr}
.bwp.on{transform:translate(-50%,0) scale(1);opacity:1}.bwp.out{transform:translate(-50%,-10px) scale(.9);opacity:0}
.bwc{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:16px;background:linear-gradient(180deg,#393b3e,#2c3371);border:1.5px solid #ffbe2e;box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 22px rgba(255,190,46,.35);position:relative;overflow:hidden}
.bwc::after{content:"";position:absolute;top:0;bottom:0;width:36px;left:-60px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:bwSh 1.6s ease-in-out .3s 1}
@keyframes bwSh{to{left:120%}}
.bwi{width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 35% 30%,#ffe08a,#ffb11f 60%,#d9830a);display:grid;place-items:center;animation:bwSpin 1.2s ease-out}
.bwi svg{width:24px;height:24px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(120,60,0,.5))}
@keyframes bwSpin{0%{transform:scale(.3) rotate(-180deg)}70%{transform:scale(1.15) rotate(10deg)}100%{transform:scale(1) rotate(0)}}
.bwt{display:flex;flex-direction:column;line-height:1.05}
.bwt small{font-size:10.5px;font-weight:900;letter-spacing:1.2px;color:#ffbe2e}
.bwt b{font-size:22px;font-weight:900;color:#fff}
.bwa{font-size:14px;font-weight:900;color:#20d6a4;padding-left:6px;border-left:1px solid rgba(255,255,255,.12);white-space:nowrap}
.bwa span{font-size:10px;color:#8fa6b5;font-weight:800}
.bws{position:absolute;left:28px;top:28px;pointer-events:none}
.bws i{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a3,#ffb11f);opacity:0;animation:bwSp 1.1s ease-out var(--d) both}
@keyframes bwSp{0%{opacity:0;transform:translate(0,0) scale(.3)}20%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1)}}
@media (prefers-reduced-motion:reduce){.bwp *{animation:none!important}}

/* ===== v56 crash like BC: result strip + clock/grid buttons, 'Starts in' bar, big-road dots, history sheet ===== */
.gm[data-g=crash] .crw{height:300px;transition:height .2s}.gm[data-g=crash] .crw.gopen{height:350px}
.crh{position:absolute;left:10px;right:10px;top:10px;z-index:4;display:flex;gap:8px;align-items:flex-start}
.crhs{flex:1;min-width:0;height:44px;border-radius:12px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:0 8px;overflow:hidden}
.crhs span{display:flex;align-items:center;gap:3px;font-size:11.5px;font-weight:800;white-space:nowrap}
.crhs span i{width:8px;height:8px;border-radius:50%;flex:none}
.crhs .o{color:#ff9a2e}.crhs .o i,.gd.o,.chR .d.o,.crleg .o::before{background:#ff9a2e}
.crhs .g{color:#3cf0bd}.crhs .g i,.gd.g,.chR .d.g,.crleg .g::before{background:#3cf0bd}
.crhs .y{color:#ffd23f}.crhs .y i,.gd.y,.chR .d.y,.crleg .y::before{background:#ffd23f}
.crhs.grid{height:auto;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(6,1fr);grid-auto-flow:column;gap:2.5px;padding:6px;justify-content:stretch}
.gd{display:block;aspect-ratio:1;border-radius:50%;width:100%;max-width:11px;margin:0 auto}
.gd.e{background:rgba(255,255,255,.06);border-radius:2.5px;max-width:none}
.crhx{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.crh:not(:has(.grid)) .crhx{flex-direction:row}
.crhb{width:40px;height:44px;border-radius:12px;border:0;background:rgba(255,255,255,.07);display:grid;place-items:center;padding:0}
.crhb svg{width:22px;height:22px;fill:#c8d6df;stroke:none}
.crhb svg circle:only-child,.crhb[aria-label=History] svg *,.crhq svg *{fill:none;stroke:#c8d6df;stroke-width:1.8;stroke-linecap:round}
.crhb.on{background:rgba(255,255,255,.15)}
.crhq{display:none;width:30px;height:30px;background:none}
.crw.gopen .crhq{display:grid}
.crw:not(.gopen) .crhx{flex-direction:row}
.crleg{position:absolute;z-index:4;right:10px;top:122px;display:flex;gap:10px;padding:6px 10px;border-radius:10px;background:rgba(27,29,32,.9);font-size:11px;font-weight:800;color:#c8d6df}
.crleg[hidden]{display:none}
.crleg span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}
.gm[data-g=crash] .crm{top:96px}.gm[data-g=crash] .crw.gopen .crm{top:148px}
.gm[data-g=crash] .crm.boom{color:#e8366c;text-shadow:none}
.gm[data-g=crash] .crs{top:170px;left:50%;right:auto;transform:translateX(-50%);padding:6px 16px;border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:15px;font-weight:700}
.gm[data-g=crash] .crw.gopen .crs{top:222px}
.gm[data-g=crash] .crs:empty{display:none}
.crst{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:190px;height:30px;border-radius:6px;background:#3f4144;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .15s}
.crst.on{opacity:1}
.gm[data-g=crash] .crw.gopen .crst{top:56%}
.crst i{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#3cf0bd,rgba(60,240,189,0))}
.crst span{position:relative;display:block;text-align:center;line-height:30px;font-size:15px;color:#fff}
.crst b{font-weight:800}
.crpop{z-index:3}
/* history: small centred dialog */
.bs#bsCr{left:50%;top:50%;bottom:auto;width:min(88vw,340px);max-width:340px;max-height:66vh;overflow:hidden;display:flex;flex-direction:column;padding:0!important;background:#272e69!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;box-shadow:0 18px 50px rgba(0,0,0,.55);transform:translate(-50%,-46%) scale(.94);opacity:0;visibility:hidden;transition:transform .22s cubic-bezier(.2,.9,.3,1),opacity .18s,visibility .22s}
.bs#bsCr.on{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}
#bsCr::before{display:none!important}
.chH{display:flex;justify-content:center;align-items:center;position:relative;height:46px;flex:none;font-size:15px;font-weight:800;color:#fff;background:#384086}
.chH .pfX{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:8px;background:#404245;border:0;display:grid;place-items:center}
.chH .pfX svg{width:14px;height:14px;stroke:#fff;stroke-width:2.6;fill:none}
.chT{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#384086;border-radius:9px;padding:2px;margin:10px 10px 8px;flex:none}
.chT button{height:30px;border:0;border-radius:7px;background:none;color:#8a9aa3;font-size:13px;font-weight:700}.chT button.on{background:#424447;color:#fff}
.chBd{flex:1;min-height:0;overflow-y:auto;padding:0 10px 12px}
.chC{display:grid;grid-template-columns:1.25fr .7fr 1.1fr;align-items:center;padding:0 10px;font-size:12.5px;color:#fff}
.chHd{height:32px;background:#384086;border-radius:8px;color:#8a9aa3;font-weight:700;font-size:12px;margin-bottom:6px}
.chR{height:34px;background:#2b2d30;border-radius:8px;margin-bottom:4px}
.chC span:nth-child(2){text-align:center}.chC span:last-child{text-align:right;color:#aab8c0}
.chR .d{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}
.chA{display:flex;align-items:center;gap:8px;font-size:12px;color:#c8d6df;margin-bottom:8px}
.chA span{flex:1}.chA input{width:38px;height:28px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:#1e2356;color:#fff;text-align:center;font-size:13px}
.chA button{height:28px;padding:0 11px;border:0;border-radius:7px;background:#424447;color:#fff;font-weight:700;font-size:12px}
.chTb{width:100%;border-collapse:collapse;font-size:11.5px;margin-bottom:10px;color:#fff}
.chTb th,.chTb td{border:1px solid rgba(255,255,255,.1);padding:6px 3px;text-align:center}.chTb th{background:#384086;font-weight:700}
.chZ{background:#2b2d30;border-radius:9px;overflow:hidden}
.chZh,.chZr{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;height:32px;font-size:11.5px;color:#aab8c0}
.chZr:nth-child(odd){background:rgba(255,255,255,.025)}
.chZr span:first-child{text-align:left;padding-left:10px;color:#fff}
.chZr b{display:inline-block;padding:2px 9px;border-radius:11px;font-size:11px;font-weight:800;color:#13163d}.chZr b.o{background:#ff9a2e;color:#2a1400}.chZr b.g{background:#3cf0bd}
.chP{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;color:#aab8c0;font-size:12px}
.chP button{width:28px;height:28px;border:0;border-radius:7px;background:#384086;color:#fff;font-size:16px}
.chP b{padding:5px 9px;border-radius:7px;background:#424447;color:#fff}
/* confirm dialog */
.dcf{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;background:rgba(0,0,0,.5);opacity:0;transition:opacity .18s}.dcf.on{opacity:1}
.dcb{width:min(82vw,300px);background:#384086;border-radius:16px;padding:20px 18px 16px;text-align:center;transform:scale(.94);transition:transform .2s;box-shadow:0 18px 50px rgba(0,0,0,.5)}.dcf.on .dcb{transform:scale(1)}
.dci{width:38px;height:38px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:rgba(255,190,46,.15);color:#ffbe2e;font-weight:900;font-size:20px}
.dcb p{margin:0 0 16px;color:#fff;font-size:14px;line-height:1.45}
.dcr2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dcr2 button{height:40px;border:0;border-radius:10px;background:#47494c;color:#fff;font-weight:700;font-size:14px}.dcr2 button.y{background:#ff5d73}
.chT button,.dcr2 button,.chA button,.chP button{display:grid;place-items:center;text-align:center;padding:0}
.chA button{padding:0 11px}
/* ===== v3: 3D games, dice without cube, trading zoom ===== */
.g3c{display:block;width:100%;height:100%;touch-action:manipulation}
.c3w{position:relative;height:300px;background:radial-gradient(90% 80% at 50% 30%,#3b438b,#1b2050 70%)}
.c3w .cpm{position:absolute;left:0;right:0;top:12px;text-align:center;font-size:14px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none;z-index:2}
.c3w .cpm.hl{color:#ffd34d}
.gm[data-g=dice] .dc3{display:none!important}
.gm[data-g=dice] .dcw{padding-top:30px!important}
.gm[data-g=dice] .dcr{font-size:64px!important}
.tcw{position:relative}
.tzm{position:absolute;left:8px;top:6px;display:flex;align-items:center;gap:2px;padding:3px;border-radius:9px;background:rgba(25,29,72,.88);border:1px solid #48509b;z-index:2}
.tzm button{width:30px;height:28px;border-radius:6px;background:#48509b;display:grid;place-items:center}
.tzm button svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.tzm span{min-width:46px;text-align:center;font-size:11.5px;font-weight:800;color:#d5dceb}
.tcv{touch-action:none}
.cf3{position:relative;height:290px;background:radial-gradient(80% 70% at 50% 45%,#454d97,#1b2050 72%)}
.gm[data-g=coin] .cfs{margin:0!important;padding:8px 10px!important}
.tw3{position:relative;height:400px;background:radial-gradient(90% 70% at 50% 25%,#333538,#1b2050 72%);overflow:hidden}
.t3l{position:absolute;inset:0;pointer-events:none}
.t3l span{position:absolute;left:0;top:0;width:50px;text-align:center;font-size:12px;font-weight:900;color:#9fb0c2;text-shadow:0 1px 3px rgba(0,0,0,.7);direction:ltr}
.t3l span.act{color:#ffd34d}.t3l span.done{color:#20d6a4}
/* ===== platform: loader, side menu, zoom lock ===== */
html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.swlock,html.swlock body{overflow:hidden}
.swL{position:fixed;inset:0;z-index:9999;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#1e2356;transition:opacity .3s}
.swL.on{display:flex}.swL.out{opacity:0}
.swL.nav{background:rgba(29,31,34,.92)}
.swLb{display:flex;align-items:center;gap:10px;animation:swPu 1.2s ease-in-out infinite}
.swLb i,.swDl i{width:44px;height:44px;border-radius:12px;background:#20d6a4;color:#13163d;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:24px;font-family:Inter,Arial,sans-serif}
.swLb b,.swDl b{font:900 24px/1 Inter,Arial,sans-serif;color:#fff;letter-spacing:-.4px}.swLb b span,.swDl b span{color:#20d6a4}
@keyframes swPu{50%{transform:scale(1.04);opacity:.85}}
.swLp{width:140px;height:4px;border-radius:2px;background:#384086;overflow:hidden}
.swLp i{display:block;width:40%;height:100%;border-radius:2px;background:#20d6a4;animation:swLp 1s ease-in-out infinite}
@keyframes swLp{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
.swW{position:fixed;inset:0;z-index:400;background:rgba(8,10,34,0);pointer-events:none;transition:background .25s}
.swW.on{background:rgba(8,10,34,.62);pointer-events:auto}
.swD{position:absolute;top:0;bottom:0;left:0;width:min(320px,86vw);overflow-y:auto;overscroll-behavior:contain;background:#272e69;transform:translateX(-102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding:0 0 calc(24px + env(safe-area-inset-bottom));font-family:Inter,'Noto Naskh Arabic',Arial,sans-serif}
.swW[dir=rtl] .swD{left:auto;right:0;transform:translateX(102%)}
.swW.on .swD{transform:none}
.swDh{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 14px 12px;background:#181c48}
.swDl{display:flex;align-items:center;gap:8px}.swDl i{width:34px;height:34px;font-size:18px;border-radius:9px}.swDl b{font-size:18px}
.swX{width:38px;height:38px;border-radius:10px;background:#384086;display:grid;place-items:center;color:#fff;border:0}
.swi{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.swU{display:flex;align-items:center;gap:12px;margin:14px 14px 0;padding:12px;border-radius:12px;background:#384086}
.swUa{width:46px;height:46px;border-radius:12px;background:#48509b;display:grid;place-items:center;font-weight:900;font-size:20px;color:#20d6a4}
.swUn b{display:block;font-size:15px;color:#fff}.swUn small{display:block;font-size:11.5px;color:#8fa0b3;margin-top:2px}.swUn em{font-style:normal;font-weight:900;font-size:16px;color:#ffbe2e;direction:ltr;unicode-bidi:isolate}
.swB{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 14px 0}
.swB a{height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:14px;text-decoration:none}
.swP{background:#20d6a4;color:#13163d}.swG{background:#48509b;color:#fff}
.swS{margin:16px 10px 0}
.swS h4{margin:0 6px 6px;font-size:11.5px;font-weight:800;letter-spacing:.8px;color:#6f8293;text-transform:uppercase}
.swm,.swT button{display:flex;align-items:center;gap:12px;width:100%;height:46px;padding:0 12px;border-radius:10px;color:#d5dceb;text-decoration:none;font-size:14.5px;font-weight:700;background:none;border:0;text-align:start;font-family:inherit}
.swm:active,.swT button:active{background:#384086}
.swm.on{background:#384086;color:#fff;box-shadow:inset 3px 0 0 #20d6a4}
.swW[dir=rtl] .swm.on{box-shadow:inset -3px 0 0 #20d6a4}
.swm .swi,.swT .swi{color:#8fa0b3}
.swT em{margin-inline-start:auto;font-style:normal;font-size:12.5px;font-weight:800;color:#20d6a4}
.swO{color:#ff6b78!important}.swO .swi{color:#ff6b78!important}
.swGm{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px}
.swGm a{display:flex;align-items:center;gap:8px;height:42px;padding:0 8px;border-radius:10px;background:#333b7e;color:#fff;text-decoration:none;font-size:13px;font-weight:700}
.swGm i{flex:0 0 26px;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px;color:#fff}
.swMb{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;border:0;flex:0 0 40px}
.swMb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

.swAg{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,10,34,.88);font-family:Inter,'Noto Naskh Arabic',Arial,sans-serif}
.swAgB{width:min(340px,100%);padding:24px 20px 18px;border-radius:18px;background:#384086;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.swAgI{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;border:3px solid #ff4d5e;color:#ff4d5e;display:grid;place-items:center;font-weight:900;font-size:20px}
.swAgB h3{font-size:19px;font-weight:800;color:#fff;margin:0 0 8px}
.swAgB p{font-size:13.5px;line-height:1.6;color:#c3cedb;margin:0 0 16px}
.swAgY,.swAgN{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:48px;border:0;border-radius:12px;font:800 15px/1 inherit;margin-top:8px}
.swAgY{background:#20d6a4;color:#13163d}.swAgN{background:#48509b;color:#fff}
.swAgB a{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:700;color:#20d6a4;text-decoration:none}
/* home header on small phones: keep the logo whole, language lives in the menu */
.lh .logo{min-width:0}.lh .logo>i{flex:0 0 auto}.lh .logo b{white-space:nowrap}
@media (max-width:430px){.lh .lng{display:none}}
/* mobile-only: no desktop scrollbars eating the width */
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
/* header fits 360–400px phones even with a big balance */
@media (max-width:400px){
.lh{gap:6px!important;padding-left:10px!important;padding-right:10px!important}
.lh .swMb{width:36px;height:36px;flex:0 0 36px}
.lh .logo{gap:6px}.lh .logo>i{width:30px;height:30px;font-size:16px}.lh .logo b{font-size:15px;letter-spacing:-.4px}
.lh .balc{padding:0 8px;gap:5px}.lh .balc b{font-size:12.5px}.lh .balc .cn{width:16px;height:16px}
.lh .lhr .gdep{padding:0 10px;font-size:12px}
}
.lh.tight .logo>div{display:none}
/* ===== v34 wordmark + loader ===== */
.swWm{display:inline-block;font:900 22px/1 Inter,Arial,sans-serif;letter-spacing:-.9px;color:#fff;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.swWm span{color:#20d6a4;letter-spacing:-.6px}
.lh .logo{display:flex;align-items:center;text-decoration:none;min-width:0}
.lh .logo .swWm{font-size:22px}
.lh.tight .logo .swWm{font-size:18px}
.swDl .swWm{font-size:23px}
.swL:not(.nav){background:#181c48!important}.swL{gap:0!important}
.swLw{display:flex;flex-direction:column;align-items:center}
.swLw .swWm{position:relative;font-size:38px;letter-spacing:-1.5px;background:linear-gradient(100deg,#fff 0%,#fff 38%,#c9fff0 46%,#fff 54%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:swSh 1.6s ease-in-out infinite}
.swLw .swWm span{background:linear-gradient(100deg,#20d6a4 0%,#20d6a4 38%,#b6fff0 46%,#20d6a4 54%,#20d6a4 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:swSh 1.6s ease-in-out infinite}
@keyframes swSh{0%{background-position:100% 0}100%{background-position:0 0}}
.swLw .swLp{width:168px;height:4px;margin-top:22px;border-radius:2px;background:#384086;overflow:hidden}
.swLw .swLp i{display:block;width:0;height:100%;border-radius:2px;background:#20d6a4;box-shadow:0 0 10px rgba(32,214,164,.7);animation:swFill 2.4s cubic-bezier(.15,.8,.25,1) forwards;transform:none}
.swL.out .swLw .swLp i{width:100%!important;animation:none;transition:width .18s}
@keyframes swFill{0%{width:0}35%{width:48%}70%{width:78%}100%{width:93%}}
@property --swp{syntax:'<integer>';inherits:false;initial-value:0}
.swLn{margin-top:10px;font:700 12px/1 Inter,Arial,sans-serif;color:#6f8293;letter-spacing:.6px;--swp:0;counter-reset:swp var(--swp);animation:swCnt 2.4s cubic-bezier(.15,.8,.25,1) forwards}
.swLn::after{content:counter(swp) "%"}
.swL.out .swLn{--swp:100;animation:none}
@keyframes swCnt{0%{--swp:0}35%{--swp:48}70%{--swp:78}100%{--swp:93}}
.swL.nav .swLw .swLp i,.swL.nav .swLn{animation-duration:1.2s}
/* ===== v38 bottom nav ===== */
html body .bnav{height:66px!important;padding:0 6px 8px!important;border-radius:22px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s,width .32s!important;transform-origin:50% 100%}
html body .bnav::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:22px;background:#161a43;border:1px solid rgba(255,255,255,.09);
  -webkit-mask:radial-gradient(circle 35px at 50% -2px,transparent 34px,#000 35px);mask:radial-gradient(circle 35px at 50% -2px,transparent 34px,#000 35px)}
html body .bnav::after{content:"";position:absolute;left:8%;right:8%;bottom:-4px;height:18px;z-index:-2;border-radius:50%;background:rgba(0,0,0,.5);filter:blur(10px)}
html body .bnav a{color:#7d8fa1!important;font-size:11px!important;font-weight:700!important;gap:4px!important}
html body .bnav a::after,html body .bnav a.on::after{display:none!important;content:none!important}
html body .bnav a>svg.i{width:44px!important;height:30px!important;padding:4px 10px!important;border-radius:11px!important;background:transparent!important;color:inherit!important;transition:background .2s,color .2s,transform .15s}
html body .bnav a:active>svg.i{transform:scale(.9)}
html body .bnav a.on,html body .bnav[data-cur=home] a[data-tab=home]{color:#fff!important}
html body .bnav:not([data-cur=home]) a[data-tab=home]:not(.on){color:#7d8fa1!important}
html body .bnav a.on>svg.i,html body .bnav[data-cur=home] a[data-tab=home]>svg.i{background:rgba(32,214,164,.16)!important;color:#20d6a4!important}
html body .bnav:not([data-cur=home]) a[data-tab=home]:not(.on)>svg.i{background:transparent!important;color:inherit!important}
html body .bnav .spin.prz{color:#ffd36b!important;font-weight:900!important}
html body .bnav .spin.prz .ring{bottom:22px!important;width:58px!important;height:58px!important;margin-left:-29px!important;padding:0!important;background:none!important;box-shadow:none!important}
html body .bnav .spin.prz .ring::before{display:none!important}
html body .bnav .spin.prz .ring span{position:relative;padding:3px!important;background:linear-gradient(160deg,#fff1a8 0%,#ffcb2e 40%,#e08e00 100%)!important;box-shadow:0 5px 14px rgba(255,170,20,.35),0 0 0 4px #161a43}
html body .bnav .spin.prz .ring span::after{display:none!important;content:none!important}
html body .bnav .spin.prz .ring span svg{border-radius:50%;animation:none!important}
html body .bnav .spin.prz.on .ring span{background:linear-gradient(160deg,#c9fff0 0%,#34e080 40%,#0f9a4f 100%)!important;box-shadow:0 5px 14px rgba(32,214,164,.35),0 0 0 4px #161a43}
html body .bnav .spin.prz.on{color:#4ff09a!important}
html body .bnav .spin.prz:active .ring span{transform:scale(.93)}
html body .bnav .dot{top:7px!important;left:calc(50% + 10px)!important;box-shadow:0 0 0 2px #161a43!important}
/* scroll down: the bar gets small and faded; scroll up: back to normal */
html body .bnav.bnmin{transform:translateX(-50%) translateY(10px) scale(.82)!important;opacity:.45}
html body .bnav.bnmin:hover,html body .bnav.bnmin:active{opacity:1}
/* no scrollbars anywhere (games, sheets, lists) — mobile-style */
*{scrollbar-width:none!important}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
/* ===== v51 bottom nav: solid glass bar, glowing active marker; on scroll it becomes a compact icon bar (never see-through) ===== */
html body .bnav::before{background:linear-gradient(180deg,rgba(38,44,102,.97),rgba(20,22,25,.97))!important;border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
html body .bnav::after{left:6%;right:6%;bottom:-6px;height:22px;background:rgba(0,0,0,.6)!important;filter:blur(12px)}
html body .bnav a{position:relative;transition:color .2s,font-size .25s,gap .25s!important}
html body .bnav a>svg.i{width:26px!important;height:26px!important;padding:0!important;border-radius:0!important;background:none!important;transition:transform .2s,color .2s,filter .2s}
html body .bnav a.on>svg.i,html body .bnav[data-cur=home] a[data-tab=home]>svg.i{background:none!important;color:#33e3b0!important;filter:drop-shadow(0 0 8px rgba(51,227,176,.55));transform:translateY(-1px)}
html body .bnav a:not(.spin)::before{content:'';position:absolute;top:0;left:50%;width:0;height:3px;border-radius:0 0 4px 4px;background:#33e3b0;box-shadow:0 0 12px 2px rgba(51,227,176,.6);transform:translateX(-50%);transition:width .25s}
html body .bnav a.on:not(.spin)::before,html body .bnav[data-cur=home] a[data-tab=home]::before{width:22px}
html body .bnav:not([data-cur=home]) a[data-tab=home]:not(.on)::before{width:0}
html body .bnav:not([data-cur=home]) a[data-tab=home]:not(.on)>svg.i{color:inherit!important;filter:none;transform:none}
html body .bnav .spin.prz .ring span{box-shadow:0 6px 18px rgba(255,170,20,.4),0 0 0 4px #20255a!important}
html body .bnav .spin.prz .ring{transition:transform .3s cubic-bezier(.2,.8,.2,1)!important}
/* compact on scroll down */
html body .bnav.bnmin{transform:translateX(-50%) translateY(6px)!important;opacity:1!important;height:52px!important;padding-bottom:0!important}
html body .bnav.bnmin a{font-size:0!important;gap:0!important}
html body .bnav.bnmin a>svg.i{transform:none}
html body .bnav.bnmin .spin.prz .ring{transform:translateY(12px) scale(.78)}
html body .bnav.bnmin .dot{top:9px!important}
@media (prefers-reduced-motion:reduce){html body .bnav,html body .bnav *{transition:none!important}}
html body .bnav.bnmin a{justify-content:center!important}
html body .bnav.bnmin{align-items:stretch!important}
html body .bnav a:not(.spin)::before{display:block!important;margin-left:0!important}
html body .bnav a:not(.spin)::before{display:none!important}
/* ===== v51 page loader: the Pakbaazi chip races forward on a glowing track, eases back, races again ===== */
.swRl{position:relative;width:200px;height:64px}
.swTr{position:absolute;left:0;right:0;bottom:6px;height:3px;border-radius:2px;background:linear-gradient(90deg,rgba(32,214,164,0),rgba(32,214,164,.55) 20%,rgba(32,214,164,.55) 80%,rgba(32,214,164,0));box-shadow:0 0 12px rgba(32,214,164,.35)}
.swWh{position:absolute;left:50%;bottom:9px;width:48px;height:48px;margin-left:-24px;animation:swRun 1.7s cubic-bezier(.65,0,.35,1) infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.swWh svg{display:block;width:100%;height:100%;animation:swRot 1.7s cubic-bezier(.65,0,.35,1) infinite}
@keyframes swRun{0%{transform:translateX(-72px)}46%{transform:translateX(72px)}54%{transform:translateX(72px)}100%{transform:translateX(-72px)}}
@keyframes swRot{0%{transform:rotate(0)}46%{transform:rotate(345deg)}54%{transform:rotate(345deg)}100%{transform:rotate(0)}}
.swSp{position:absolute;left:50%;bottom:16px;width:60px;height:34px;margin-left:-84px;animation:swRunS 1.7s cubic-bezier(.65,0,.35,1) infinite;pointer-events:none}
.swSp i{position:absolute;right:0;height:4px;border-radius:2px;background:linear-gradient(90deg,rgba(51,227,176,0),#33e3b0)}
.swSp i:nth-child(1){top:4px;width:34px}.swSp i:nth-child(2){top:15px;width:52px}.swSp i:nth-child(3){top:26px;width:26px}
@keyframes swRunS{0%{transform:translateX(-72px);opacity:0}12%{opacity:1}40%{opacity:1}46%{transform:translateX(72px);opacity:0}100%{transform:translateX(-72px);opacity:0}}
.swLw .swWm{font-size:26px!important;margin-top:14px}
.swLw .swLp{display:none!important}
.swLn{margin-top:12px!important}
.swL.nav .swWh,.swL.nav .swWh svg,.swL.nav .swSp{animation-duration:1.1s}
@media (prefers-reduced-motion:reduce){.swWh,.swWh svg,.swSp{animation:none!important}}
/* ===== v52 page loader: only the Pakbaazi logo — the chip rolls in, the letters pop up, a shine sweeps, then only the coin keeps turning. No bar, no counter. ===== */
.swLw .swRl,.swLw .swLp,.swLw .swLn,.swLw>.swWm{display:none!important}
.swLd{width:min(60vw,240px)}
.swLd .ldlogo{display:block;width:100%;height:auto;overflow:visible}
.swL:not(.nav){background:rgba(12,15,44,.28)!important;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.swLd .ldlogo{filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
.ld-car,.ld-chip,.ld-l,.ld-win,.ld-sp,.ld-glw{transform-box:fill-box}
/* plays once: logo slides in, letters pop, shine sweeps. After that it stays put and only the coin keeps turning */
.ld-car{transform-origin:50% 100%;animation:ldCar 1s cubic-bezier(.3,0,.2,1) both}
@keyframes ldCar{0%{transform:translateX(-120%);opacity:0}15%{opacity:1}75%{transform:translateX(3%)}100%{transform:translateX(0);opacity:1}}
.ld-chip{transform-origin:50% 50%;animation:ldChipIn 1s cubic-bezier(.25,.1,.25,1) both,ldChipSp 2.2s linear 1s infinite}
@keyframes ldChipIn{0%{transform:rotate(-720deg)}100%{transform:rotate(0)}}
@keyframes ldChipSp{to{transform:rotate(360deg)}}
.ld-l{transform-origin:50% 100%;animation:ldPop .5s cubic-bezier(.2,1.5,.4,1) both}
.ld-d{animation-delay:.45s}.ld-a1{animation-delay:.55s}.ld-a2{animation-delay:.65s}
@keyframes ldPop{0%{transform:scaleY(0) scaleX(.6)}60%{transform:scaleY(1.18) scaleX(.95)}100%{transform:scale(1)}}
.ld-win{transform-origin:50% 50%;animation:ldWin .5s cubic-bezier(.2,1.6,.4,1) .95s both}
@keyframes ldWin{0%{transform:scale(0)}70%{transform:scale(1.2)}100%{transform:scale(1)}}
.ld-shn{animation:ldShn .9s ease-in-out 1.3s both}
@keyframes ldShn{0%{transform:translateX(0)}100%{transform:translateX(560px)}}
.ld-sp{transform-origin:100% 50%;animation:ldSp .5s cubic-bezier(.3,.6,.4,1) 3;animation-delay:var(--d);opacity:0}
@keyframes ldSp{0%{transform:translateX(30px) scaleX(.3);opacity:0}30%{opacity:1}100%{transform:translateX(-70px) scaleX(1.3);opacity:0}}
.ld-spw{animation:ldSpw 1s linear both}
@keyframes ldSpw{0%,70%{opacity:1}100%{opacity:0}}
.ld-glw{transform-origin:50% 50%;animation:ldGlw 1s ease-out both}
@keyframes ldGlw{0%{opacity:0;transform:scaleX(.3)}100%{opacity:.5;transform:scaleX(1)}}
.swL.nav .ld-car,.swL.nav .ld-spw,.swL.nav .ld-glw{animation-duration:.6s}
@media (prefers-reduced-motion:reduce){.ldlogo *{animation:none!important;transform:none!important;opacity:1!important}}

/* smoother page switches: cross-fade between pages, loader covers everything (no half-loaded nav flash), no heavy logo effects */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s}
.swL{z-index:2147483000!important}

.swDf .swAgB{max-height:88vh;overflow:auto;text-align:start}
.swDf h3{text-align:center}
.swDl2{margin:0 0 14px;padding:0 0 0 18px;font-size:13px;line-height:1.55;color:#c3cedb}
.swDl2 li{margin-bottom:8px}
[dir=rtl] .swDl2{padding:0 18px 0 0}
/* win-chance dots: 20 dots, green = wins, red = losses */
.swGd{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:4px auto 14px;max-width:260px}
.swGd i{aspect-ratio:1;border-radius:50%;background:#e5484d;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.swGd i.w{background:#20d6a4;box-shadow:0 0 10px rgba(32,214,164,.55),inset 0 -2px 0 rgba(0,0,0,.2)}
.swDl2 b,.swGl b{color:#ffbe2e}
.swGc{text-align:center;font-size:11px;color:#8da0b0;margin:-8px 0 14px}

/* ===== first open: the loader is a solid cover while the site starts, so the default screen never shows through (screen switches: see v60 below) ===== */
html,body{background-color:#181c48}
.swL.on:not(.nav){background:#181c48!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.swL.nav.out{animation:none}
@keyframes swFi{from{opacity:0}to{opacity:1}}
/* arriving from another screen: the logo is already settled (no second intro), only the coin keeps turning */
.swL.cont .ld-car,.swL.cont .ld-l,.swL.cont .ld-win,.swL.cont .ld-glw{animation:none!important}
.swL.cont .ld-chip{animation:ldChipSp 2.2s linear infinite!important}
.swL.cont .ld-sp,.swL.cont .ld-spw{animation:none!important;opacity:0}
.swL.cont .ld-shn{animation:none!important;transform:translateX(560px)}
.swL.cont .ld-glw{opacity:.5}
.swLm{display:none;margin-top:26px;max-width:290px;text-align:center}
.swLm.on{display:block}
.swLm p{margin:0 0 14px;font:600 13.5px/1.5 Inter,Arial,sans-serif;color:#c3cedb}
.swLm.slow p{color:#ffbe2e}
.swLm div{display:flex;gap:10px;justify-content:center}
.swLm button{height:42px;padding:0 20px;border-radius:12px;border:0;font:800 14px Inter,Arial,sans-serif;cursor:pointer}
.swLr{background:#20d6a4;color:#13163d}.swLc{background:#3a4289;color:#e6edf3}

/* ===== v60 screen switch: the same Pakbaazi logo loader as before, but over the current screen (light blur, no solid dark cover).
   The arriving screen shows as soon as it is drawn; the logo only stays up there if the screen still needs a moment ===== */
.swL.nav{background:rgba(12,15,44,.62);animation:swFi .2s ease-out both}
html.swn #swL:not(.late){visibility:hidden}
/* the bottom bar is the same on every screen, so it stays in place during the switch */
#bnav{view-transition-name:swbnav}
::view-transition-group(swbnav){animation-duration:0s}
/* ===== v47 top bar: clean, solid, BC.Game-like ===== */
.lh{background:#181c48!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:0 6px 18px rgba(0,0,0,.28);
  padding:calc(env(safe-area-inset-top) + 8px) 12px 8px!important;gap:6px!important;min-height:58px}
.lh .swMb{width:34px!important;height:34px!important;flex:0 0 34px!important;background:transparent!important;border-radius:8px;color:#aab7c3}
.lh .swMb:active{background:rgba(255,255,255,.06)!important}
.lh .swMb svg{width:22px;height:22px;stroke-width:2.2}
.lh .logo{margin-inline-end:auto;padding-inline-start:2px}
.lh .logo .swWm{font-size:24px!important}
/* wallet: one rounded group = balance + deposit */
.lh .lhr{gap:0!important;background:#0d1030;border:1px solid #2b2d30;border-radius:10px;padding:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.lh .balc{height:34px!important;padding:0 8px 0 9px!important;gap:6px!important;background:transparent!important;border:0!important;border-radius:8px!important;color:#fff}
.lh .balc .cn{width:18px!important;height:18px!important;filter:drop-shadow(0 0 6px rgba(255,200,61,.35))}
.lh .balc b{font-size:13.5px!important;font-weight:800;letter-spacing:.1px}
.lh .balc::after{content:'';width:6px;height:6px;margin-inline-start:2px;border-right:2px solid #7d8b97;border-bottom:2px solid #7d8b97;transform:translateY(-2px) rotate(45deg)}
.lh .lhr .gdep{height:34px!important;padding:0 12px 0 10px!important;border-radius:8px!important;font-size:13px!important;font-weight:800;display:inline-flex;align-items:center;gap:6px;
  background:linear-gradient(180deg,#33e3b0,#18bd62)!important;color:#13163d!important;box-shadow:0 2px 10px rgba(32,214,164,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.lh .lhr .gdep::before{content:'';width:16px;height:16px;flex:none;background:#13163d;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h12v4'/%3E%3Cpath d='M3 7v11a2 2 0 0 0 2 2h14a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1H5a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='16' cy='14.5' r='1.3' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h12v4'/%3E%3Cpath d='M3 7v11a2 2 0 0 0 2 2h14a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1H5a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='16' cy='14.5' r='1.3' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}
.lh .lhr .gdep:active{transform:scale(.97)}
.lh .lng{display:none!important}
@media (max-width:370px){.lh .lhr .gdep::before{display:none}.lh .logo .swWm{font-size:21px!important}}
/* v48 animated logo (inline SVG) */
.lh .logo{flex:1 1 auto!important;min-width:0;display:flex;align-items:center}.lh .logo .swWm.dhw{flex:none;background:none!important;width:100%!important;max-width:4.39em;height:auto!important;aspect-ratio:4.39;overflow:visible!important;position:relative;font-size:27px!important}
.dhw .dhlogo{display:block;width:100%;height:100%;overflow:visible}
.dh-sp{transform-box:fill-box;transform-origin:right center;animation:dhSp 1.05s cubic-bezier(.3,.6,.4,1) infinite;animation-delay:var(--d)}
@keyframes dhSp{0%{transform:translateX(26px) scaleX(.3);opacity:0}25%{opacity:1}70%{opacity:.9}100%{transform:translateX(-46px) scaleX(1.25);opacity:0}}
.dh-chip{transform-box:fill-box;transform-origin:center;animation:dhChip 3.6s cubic-bezier(.2,.75,.25,1) infinite}
@keyframes dhChip{0%,62%{transform:rotate(0)}100%{transform:rotate(720deg)}}
.dh-shn{animation:dhShn 3.6s ease-in-out infinite}
@keyframes dhShn{0%,55%{transform:translateX(0)}85%,100%{transform:translateX(560px)}}
.dh-glw{animation:dhGlw 1.8s ease-in-out infinite alternate}
@keyframes dhGlw{from{opacity:.2}to{opacity:.55}}
.dh-ar{animation:dhAr 1.8s ease-in-out infinite alternate}
@keyframes dhAr{from{opacity:.75}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.dhw *{animation:none!important}}
@media (max-width:370px){.lh .logo .swWm.dhw{font-size:23px!important}}
/* v80 login / register in the header */
.auBtns{display:flex;gap:6px}
.auBtns a{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:9px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.auL{color:#fff;background:rgba(255,255,255,.08)}
.auR{color:#13163d;background:linear-gradient(180deg,#3df59a,#1bc571)}
html.noauth .lh .balc,html.noauth .lh .gdep{display:none!important}
/* ===== v49 wallet: header plus button + currency sheet ===== */
.lh .lhr .gdep.gplus,.gwal .gdep.gplus{width:34px;height:34px!important;padding:0!important;justify-content:center;gap:0;border-radius:8px!important;flex:none}
.lh .lhr .gdep.gplus::before{display:none!important}
.gdep.gplus svg{width:20px;height:20px;fill:none;stroke:#13163d;stroke-width:3;stroke-linecap:round}
.gwal .gdep.gplus{width:36px;height:36px!important;border-radius:0 8px 8px 0!important}
[dir=rtl] .gwal .gdep.gplus{border-radius:8px 0 0 8px!important}
.lh .balc{padding:0 9px 0 8px!important}
.lh .balc .cn{width:20px!important;height:20px!important;filter:none!important}
.lh .balc b{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* sheet */
.bs.dwS{padding:8px 0 0;display:flex;flex-direction:column;overflow:hidden;background:#21275d;border-color:#384086;height:86dvh;max-height:86dvh}
.bs.dwS::before{margin:0 auto 6px;flex:none}
.dwS svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dwS svg.dwi{stroke:none;width:30px;height:30px;flex:none;border-radius:50%}
.dwH{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:0 12px 8px;flex:none}
.dwH b{text-align:center;font-size:17px;font-weight:800;color:#fff}
.dwX{width:36px;height:36px;display:grid;place-items:center;background:none;border:0;color:#cfd8de;border-radius:8px}
.dwX svg{width:22px;height:22px}.dwX:active{background:rgba(255,255,255,.06)}
.dwT{display:flex;gap:8px;padding:0 16px 10px;flex:none}
.dwQ{flex:1;display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;background:#161a43;border:1px solid #3b438b;border-radius:10px;color:#7f8c96}
.dwQ svg{width:19px;height:19px;flex:none}.dwQ input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:15px}
.dwQ:focus-within{border-color:#20d6a4}
.dwSw{width:46px;height:44px;display:grid;place-items:center;background:#384086;border:0;border-radius:10px;color:#fff;flex:none}
.dwSw svg{width:21px;height:21px}.dwSw:active{transform:scale(.96)}
.dwL{flex:1;overflow-y:auto;padding:0 12px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.dwL h5,.dwCv h5{font-size:13.5px;font-weight:700;color:#8d9aa4;margin:12px 6px 4px}
.dwR{width:100%;display:flex;align-items:center;gap:12px;padding:11px 10px;background:none;border:0;border-radius:10px;color:#fff;text-align:start;font:inherit}
.dwR.on{background:#384086}.dwR:active{background:#2b2d30}
.dwN{flex:1;min-width:0;display:flex;flex-direction:column}
.dwN b{font-size:15.5px;font-weight:800;display:flex;align-items:center;gap:6px;min-width:0}
.dwN small{font-size:12px;color:#7f8c96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dwOwn{font-style:normal;font-size:10px;font-weight:700;color:#20d6a4;background:rgba(32,214,164,.12);padding:2px 6px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dwA{display:flex;flex-direction:column;align-items:flex-end;text-align:end;direction:ltr;unicode-bidi:isolate;flex:none;max-width:52%}
.dwA b{font-size:14.5px;font-weight:700;color:#fff}.dwA small{font-size:12px;color:#6f7c86;margin-top:2px}
.dwE{text-align:center;color:#7f8c96;padding:40px 0;font-size:14px}
.dwF{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid #384086;background:#29306c;flex:none}
.dwVw{display:flex;align-items:center;gap:6px;min-width:0}
.dwRad,.dwTg{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:#b6c2ca;font:inherit;font-size:13.5px;padding:4px 0;white-space:nowrap}
.dwRad i{width:18px;height:18px;border-radius:50%;border:2px solid #6f7c86;display:grid;place-items:center;flex:none}
.dwRad.on i{border-color:#20d6a4}.dwRad.on i::after{content:'';width:8px;height:8px;border-radius:50%;background:#20d6a4}
.dwVc{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 6px 0 4px;background:#161a43;border:1px solid #3b438b;border-radius:7px;color:#fff;font:inherit;font-size:12.5px;font-weight:700}
.dwVc svg.dwi{width:16px;height:16px}.dwVc svg:last-child{width:14px;height:14px}
.dwTg i{width:34px;height:20px;border-radius:10px;background:#3f4144;position:relative;flex:none;transition:background .2s}
.dwTg i::after{content:'';position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:#9aa6ae;transition:transform .2s,background .2s}
.dwTg.on i{background:#20d6a4}.dwTg.on i::after{background:#fff;transform:translateX(14px)}
[dir=rtl] .dwTg.on i::after{transform:translateX(-14px)}
.dwVp{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px;background:#29306c;flex:none}
.dwVp button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 9px 0 5px;background:#161a43;border:1px solid #3b438b;border-radius:8px;color:#d7e0e6;font:inherit;font-size:12.5px;font-weight:700}
.dwVp button.on{border-color:#20d6a4;color:#fff}.dwVp svg.dwi{width:18px;height:18px}
.dwBt{padding:6px 16px calc(env(safe-area-inset-bottom) + 14px);background:#29306c;flex:none;display:flex;flex-direction:column;gap:6px}
.dwDep{display:flex;align-items:center;justify-content:center;height:46px;border-radius:10px;background:linear-gradient(180deg,#33e3b0,#18bd62);color:#13163d;font-weight:800;font-size:15px;text-decoration:none}
.dwDemo{background:none;border:0;color:#7f8c96;font:inherit;font-size:12.5px;padding:4px}
/* convert */
.dwCv{flex:1;overflow-y:auto;padding:4px 16px calc(env(safe-area-inset-bottom) + 18px);display:flex;flex-direction:column}
.dwBox{background:#161a43;border:1px solid #3b438b;border-radius:12px;padding:10px 12px 12px}
.dwBl{display:flex;justify-content:space-between;gap:8px;color:#7f8c96;font-size:12.5px;margin-bottom:8px}
.dwBl small{font-size:12.5px}.dwBl small.num{direction:ltr;unicode-bidi:isolate;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dwIn{display:flex;align-items:center;gap:8px;min-height:40px}
.dwPk{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 6px 0 5px;background:#384086;border:0;border-radius:9px;color:#fff;font:inherit;font-weight:800;font-size:14px;flex:none}
.dwPk svg.dwi{width:24px;height:24px}.dwPk svg:last-child{width:15px;height:15px;color:#9aa6ae}
.dwIn input,.dwOut{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:20px;font-weight:800;text-align:end;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dwOut{color:#20d6a4}
.dwMx{height:28px;padding:0 9px;background:rgba(32,214,164,.14);border:0;border-radius:7px;color:#20d6a4;font:inherit;font-size:12px;font-weight:800;flex:none}
.dwFl{align-self:center;width:38px;height:38px;margin:-8px 0;position:relative;z-index:1;display:grid;place-items:center;border-radius:10px;background:#384086;border:3px solid #21275d;color:#fff}
.dwFl svg{width:18px;height:18px}
.dwRt{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:13px;color:#8d9aa4;padding:10px 4px 0}
.dwRt b{color:#fff;font-weight:700;margin-inline-start:auto;direction:ltr;unicode-bidi:isolate;font-size:13px}
.dwRt i{font-style:normal;font-size:10.5px;font-weight:800;color:#20d6a4;background:rgba(32,214,164,.12);padding:2px 6px;border-radius:5px;display:inline-flex;align-items:center;gap:4px}
.dwRt i::before{content:'';width:6px;height:6px;border-radius:50%;background:#20d6a4;animation:dwLv 1.4s ease-in-out infinite}
@keyframes dwLv{50%{opacity:.25}}
.dwNt{font-size:12px;color:#6f7c86;padding:12px 4px 0;line-height:1.5}
.dwGo{margin-top:12px;height:48px;border:0;border-radius:10px;background:linear-gradient(180deg,#33e3b0,#18bd62);color:#13163d;font:inherit;font-weight:800;font-size:15.5px;flex:none}
.dwGo:disabled{background:#384086;color:#7f8c96}.dwGo.bad{color:#ff8a8a}
.dwRc{display:flex;flex-direction:column;gap:2px}
.dwRc div{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#b6c2ca;padding:8px 6px;border-bottom:1px solid #2b2d30;direction:ltr}
.dwRc i{font-style:normal;color:#6f7c86}.dwRc b{color:#20d6a4;font-weight:700}.dwRc small{margin-left:auto;color:#6f7c86}
.dwA small em{font-style:normal;font-weight:700}.dwA small em.up{color:#20d6a4}.dwA small em.dn{color:#ff6b6b}
.dwHint{font-size:12px;color:#6f7c86;text-align:center;padding:14px 10px 4px;line-height:1.5}
.dwA{max-width:58%}.dwA b{white-space:nowrap}
.bcur{font-style:normal;font-size:12.5px;font-weight:800;color:#fff;letter-spacing:.2px;margin-inline-end:-2px}
.lh .balc .bcur{font-size:12px}
.gbal .bcur{margin-inline-start:4px;margin-inline-end:-5px}
.gmh{padding-inline-end:10px!important}
/* ===== v51 home banners: background drawn in code (colour, rings, glow, light band, dots) — the mascot sits on top ===== */
.bn.bx{--b1:#1e2356;--b2:#384086;--gl:rgba(51,227,176,.55);--rg:rgba(255,255,255,.10)}
.bn.v5{--b1:#171b45;--b2:#333538;--gl:rgba(51,227,176,.55)}
.bn.w7{--b1:#2c0a10;--b2:#6a1422;--gl:rgba(255,190,60,.55)}
.bn.v6{--b1:#181c48;--b2:#37393c;--gl:rgba(64,214,255,.5)}
.bn.p1{--b1:#2e0820;--b2:#6c1444;--gl:rgba(255,80,150,.55)}
.bn.p2{--b1:#14183f;--b2:#123d7a;--gl:rgba(80,160,255,.6)}
.bn.p3{--b1:#2c1404;--b2:#7a3509;--gl:rgba(255,150,50,.6)}
.bn.p4{--b1:#271b03;--b2:#5e4307;--gl:rgba(255,205,70,.6)}
.bn.bx .bxbg{background-image:
   radial-gradient(circle at 79% 64%,transparent 0 82px,var(--rg) 83px 85px,transparent 86px),
   radial-gradient(circle at 79% 64%,transparent 0 118px,rgba(255,255,255,.05) 119px 121px,transparent 122px),
   radial-gradient(circle at 79% 66%,var(--gl) 0,rgba(0,0,0,0) 58%),
   linear-gradient(112deg,rgba(255,255,255,0) 0 46%,rgba(255,255,255,.06) 46% 55%,rgba(255,255,255,0) 55% 59%,rgba(255,255,255,.035) 59% 62%,rgba(255,255,255,0) 62%),
   radial-gradient(rgba(255,255,255,.07) 1px,rgba(255,255,255,0) 1.6px),
   linear-gradient(125deg,var(--b1) 0%,var(--b2) 100%)!important;
  background-size:auto,auto,auto,auto,14px 14px,auto!important;background-position:center!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat!important}
.bn.bx .bxsh,[dir=rtl] .bn.bx .bxsh{background:linear-gradient(90deg,var(--b1) 0%,rgba(0,0,0,0) 62%)!important;opacity:.75}
[dir=rtl] .bn.bx .bxsh{background:linear-gradient(270deg,var(--b1) 0%,rgba(0,0,0,0) 62%)!important}
.bn.bx .bxgl{background:radial-gradient(closest-side,var(--gl),rgba(0,0,0,0))!important;opacity:.7!important;animation:bnGl 4s ease-in-out infinite alternate}
@keyframes bnGl{from{opacity:.45;transform:scale(.94)}to{opacity:.8;transform:scale(1.04)}}
.bn.bx{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.35)!important}
.bn.w7 .k{background:rgba(255,190,60,.2);color:#ffd36b}.bn.v6 .k{background:rgba(64,214,255,.18);color:#9fe8ff}
.bn.v6 .cta{background:#fff!important;color:#181c48!important}
/* light theme (for the coming light mode: html[data-theme=light]) — same layout, bright colours */
html[data-theme=light] .bn.bx{--rg:rgba(0,0,0,.08)}
html[data-theme=light] .bn.v5{--b1:#e3fbe9;--b2:#9fe9bd}html[data-theme=light] .bn.w7{--b1:#ffeede;--b2:#ffb9a3}
html[data-theme=light] .bn.v6{--b1:#e1f7fd;--b2:#9fdff0}html[data-theme=light] .bn.p1{--b1:#ffe6f1;--b2:#ffaacb}
html[data-theme=light] .bn.p2{--b1:#e5efff;--b2:#a9c9ff}html[data-theme=light] .bn.p3{--b1:#fff0df;--b2:#ffc690}html[data-theme=light] .bn.p4{--b1:#fff6d9;--b2:#ffdf85}
html[data-theme=light] .bn.bx h3{color:#1a1c1f!important;text-shadow:none!important}html[data-theme=light] .bn.bx p{color:#48509b!important;text-shadow:none}
html[data-theme=light] .bn.bx .bxbg{background-image:radial-gradient(circle at 79% 64%,transparent 0 82px,var(--rg) 83px 85px,transparent 86px),radial-gradient(circle at 79% 66%,rgba(255,255,255,.75) 0,rgba(255,255,255,0) 58%),radial-gradient(rgba(0,0,0,.06) 1px,rgba(0,0,0,0) 1.6px),linear-gradient(125deg,var(--b1) 0%,var(--b2) 100%)!important;background-size:auto,auto,14px 14px,auto!important;background-repeat:no-repeat,no-repeat,repeat,no-repeat!important}
.gm[data-g=wingo],.gm[data-g=trxwingo],.gm[data-g=k3],.gm[data-g=d5]{--bgc:#262c66;--bg:#262c66;--a1:#3cf0bd;--a2:#3cf0bd;--ae:#0d7a3c;--at:#13163d;--ac:#3cf0bd;--pn:#2b2f31}
.gm[data-g=wingo] .gtools,.gm[data-g=trxwingo] .gtools,.gm[data-g=k3] .gtools,.gm[data-g=d5] .gtools,.gm[data-g=wingo] .gbar,.gm[data-g=trxwingo] .gbar,.gm[data-g=k3] .gbar,.gm[data-g=d5] .gbar,.gm[data-g=wingo] .gmo,.gm[data-g=trxwingo] .gmo,.gm[data-g=k3] .gmo,.gm[data-g=d5] .gmo,.gm[data-g=wingo] .gmy,.gm[data-g=trxwingo] .gmy,.gm[data-g=k3] .gmy,.gm[data-g=d5] .gmy,.gm[data-g=wingo] .gab,.gm[data-g=trxwingo] .gab,.gm[data-g=k3] .gab,.gm[data-g=d5] .gab,.gm[data-g=wingo] .gbw2,.gm[data-g=trxwingo] .gbw2,.gm[data-g=k3] .gbw2,.gm[data-g=d5] .gbw2,.gm[data-g=wingo] .gwn,.gm[data-g=trxwingo] .gwn,.gm[data-g=k3] .gwn,.gm[data-g=d5] .gwn,.gm[data-g=wingo] .gbw,.gm[data-g=trxwingo] .gbw,.gm[data-g=k3] .gbw,.gm[data-g=d5] .gbw,.gm[data-g=wingo] .gmh .gwal,.gm[data-g=trxwingo] .gmh .gwal,.gm[data-g=k3] .gmh .gwal,.gm[data-g=d5] .gmh .gwal{display:none!important}
.gm[data-g=wingo] .gmh,.gm[data-g=trxwingo] .gmh,.gm[data-g=k3] .gmh,.gm[data-g=d5] .gmh{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;background:radial-gradient(220px 90px at 50% 0%,rgba(60,240,189,.10),rgba(60,240,189,0) 100%),#161819!important;border-bottom:0!important;margin:0!important;border-radius:0!important}
.gm[data-g=wingo] .gmh .gx,.gm[data-g=trxwingo] .gmh .gx,.gm[data-g=k3] .gmh .gx,.gm[data-g=d5] .gmh .gx{justify-self:start;width:30px;height:30px;color:#fff;background:transparent}.gm[data-g=wingo] .gmh .gx svg,.gm[data-g=trxwingo] .gmh .gx svg,.gm[data-g=k3] .gmh .gx svg,.gm[data-g=d5] .gmh .gx svg{width:17px;height:17px}.gm[data-g=wingo] .gmh .gti,.gm[data-g=trxwingo] .gmh .gti,.gm[data-g=k3] .gmh .gti,.gm[data-g=d5] .gmh .gti{justify-self:center;display:flex;justify-content:center;align-items:center}
.lhic{justify-self:end;display:flex;align-items:center;gap:4px}
.lhb{flex:0 0 auto;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:0;color:#9aa6a9;text-decoration:none}
.lhb svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lhb.off{color:#5a6467}.lhb.off svg{opacity:.55}
.gm[data-g=wingo] .gst,.gm[data-g=trxwingo] .gst,.gm[data-g=k3] .gst,.gm[data-g=d5] .gst{position:relative;z-index:1;margin:0;padding:0 12px;background:transparent!important;border:0;border-radius:0;overflow:visible;box-shadow:none}
.lbg{position:absolute;top:0;left:0;right:0;z-index:0;pointer-events:none;border-radius:0 0 26px 26px;border-bottom:1px solid rgba(60,240,189,.10);background:radial-gradient(110% 55% at 50% 0%,rgba(60,240,189,.12),rgba(60,240,189,0) 70%),linear-gradient(180deg,#161819 0%,#181b1c 55%,#20255a 100%)}
.dhlogo .dh-glw{display:none}
.gm[data-g=wingo] .gpn,.gm[data-g=trxwingo] .gpn,.gm[data-g=k3] .gpn,.gm[data-g=d5] .gpn{margin:10px 12px 0;padding:12px;border-radius:14px;background:#2b2f31!important;border:0;box-shadow:none;min-width:0;max-width:100%}

:root{--lg:#3cf0bd;--l0:#1a1d1e;--l1:#262c66;--l2:#2b2f31;--l3:#323738;--l4:#3a4042;--lt:#b3bec1;--lm:#8a979b;--cg:#1fbf66;--cv:#9d5cf5;--cr:#ef4b52;--cb:#f7a531;--cs:#4b8ef5}
.gm.lot .gw{background:radial-gradient(130% 30% at 50% 0%,#353d81 0%,#262c66 65%)}
.lot button{font-family:Inter,sans-serif;text-align:center}
.lot .num{font-variant-numeric:tabular-nums}
.llogo{display:flex;align-items:center;height:30px}.llogo svg{height:30px;width:132px}
/* wallet */
.ltop{margin:10px 0}
.lwal{position:relative;overflow:hidden;border-radius:14px;padding:14px 14px 12px;text-align:center;background:linear-gradient(120deg,#383a3d 0%,#343639 40%,#2f3436 100%);border:1px solid rgba(60,240,189,.16)}
.lwal:before{content:"";position:absolute;right:-50px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(60,240,189,.25),rgba(60,240,189,0) 70%)}
.lwb{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff}
.lwb .bcur{font:700 18px Inter,sans-serif;color:#fff;margin:0 -4px 0 0}.lwb .balv{font:700 18px Inter,sans-serif;letter-spacing:.2px}
.lot .lrf{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.07);border:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0}
.lrf svg{width:15px;height:15px;fill:none;stroke:#d5dde0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lrf.lspin svg{animation:lrs .6s linear}@keyframes lrs{to{transform:rotate(360deg)}}
.lwl{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;margin:2px 0 12px;color:var(--lt);font:500 12.5px Inter,sans-serif}
.lwl svg{width:16px;height:16px;fill:none;stroke:var(--lg);stroke-width:1.8}
.lwbt{position:relative;display:flex;gap:10px}
.lwbt a{flex:1;display:flex;align-items:center;justify-content:center;height:42px;border-radius:8px;font:700 15px Inter,sans-serif;text-decoration:none}
.lwbt .wd{background:var(--cr);color:#fff}.lwbt .dp{background:var(--lg);color:#13163d}
.lnt{display:flex;align-items:center;gap:8px;margin-top:8px;background:var(--l2);border-radius:10px;padding:4px 4px 4px 12px}
.lnt>svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--lg);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lnm{flex:1;overflow:hidden;white-space:nowrap}.lnm span{display:inline-block;padding-left:100%;color:#d5dde0;font:400 12.5px Inter,sans-serif;animation:lmq 26s linear infinite}@keyframes lmq{to{transform:translateX(-100%)}}
.lot .lnd{flex:0 0 auto;padding:6px 14px;border-radius:7px;background:rgba(60,240,189,.14);color:var(--lg);font:600 12.5px Inter,sans-serif;border:0;margin:0}
/* timer tabs with a real watch face */
.ltm{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;margin-bottom:10px;padding:6px;border-radius:14px;background:var(--l2)}
.lot .ltm button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px;border-radius:10px;margin:0;background:transparent;border:0;color:var(--lm);font:600 12px Inter,sans-serif}
.clk{width:34px;height:34px}
.clk .c1{fill:#4a5254}.clk .c2{fill:#2b2f31}.clk .tk rect{fill:#8a979b}.clk .hd{fill:none;stroke:#d5dde0;stroke-width:2;stroke-linecap:round}.clk .hc{fill:#d5dde0}
.lot .ltm button.on{background:linear-gradient(180deg,#393b3e,#384086);color:#fff;box-shadow:inset 0 0 0 1px rgba(60,240,189,.5)}
.ltm button.on .c1{fill:var(--lg)}.ltm button.on .c2{fill:#272e69}.ltm button.on .tk rect{fill:#7ff5b9}.ltm button.on .hd{stroke:#fff}.ltm button.on .hc{fill:var(--lg)}
/* timer digits (shared) */
.ltd{display:flex;gap:3px;align-items:center;direction:ltr}
.ltd span{width:24px;height:34px;border-radius:6px;background:var(--l0);color:#fff;font:800 21px/34px Inter,sans-serif;text-align:center}
.ltd i{color:var(--lg);font-style:normal;font-weight:900;font-size:18px;padding:0 1px}
.pid{font:700 14px Inter,sans-serif;color:#fff;letter-spacing:.2px}
.lot .how{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:6px;background:rgba(255,255,255,.07);border:0;color:#d5dde0;font:500 11.5px Inter,sans-serif;margin:0;white-space:nowrap}
.how svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
/* Win Go: ticket with notches */
.tkw{position:relative;display:flex;gap:10px;padding:12px;border-radius:14px;background:radial-gradient(70% 140% at 0% 0%,rgba(60,240,189,.22),rgba(60,240,189,0) 60%),linear-gradient(120deg,#383a3d 0%,#373f84 55%,#2b2f31 100%);border:1px solid rgba(60,240,189,.14)}
.tkl{position:relative;flex:1.15;display:flex;flex-direction:column;gap:7px;min-width:0;padding-right:10px;border-right:1.5px dashed rgba(60,240,189,.3)}
.tkl:before,.tkl:after{content:"";position:absolute;left:100%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#1a1d1e;opacity:.8;z-index:1}
.tkl:before{top:-17.5px}.tkl:after{bottom:-17.5px}
.tkl .how{align-self:flex-start}
.tkn{font:700 13px Inter,sans-serif;color:#fff}.tkn span{color:var(--lg);font-weight:600}
.tkr{flex:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px}
.tkr small,.dt small,.kti small,.kpr small{font:500 11.5px Inter,sans-serif;color:#8fdcb4}
.l5{display:flex;gap:4px}
/* TRX: ticket with scalloped bottom */
.tkx{position:relative;padding:12px 12px 18px;border-radius:14px 14px 0 0;background:radial-gradient(70% 120% at 100% 0%,rgba(60,240,189,.2),rgba(60,240,189,0) 60%),linear-gradient(160deg,#383a3d 0%,#373f84 55%,#2b2f31 100%);-webkit-mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) 50% 100%/18px 100% repeat-x;mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) 50% 100%/18px 100% repeat-x}
.tkh{display:flex;gap:6px;align-items:center}.tkh .pub{margin-left:auto;color:var(--lg);background:rgba(60,240,189,.12)}
.pill{padding:3px 9px;border:1px solid rgba(60,240,189,.45);border-radius:6px;color:#8fdcb4;font:500 11.5px Inter,sans-serif}
.tkb{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:10px;padding-bottom:10px;border-bottom:1.5px dashed rgba(60,240,189,.3)}
.tkb .dt{display:flex;align-items:center;gap:6px}
.l5.hx{justify-content:space-around;padding-top:10px}
.hxb{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;border:5px solid var(--cr);color:var(--cr);font:800 17px Inter,sans-serif}
/* K3 / 5D box */
.lres{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;border-radius:12px;background:var(--l2)}
.lres>b{width:56px;font:600 12px/1.25 Inter,sans-serif;color:var(--lt)}
.lrb{display:flex;gap:4px;align-items:flex-start;flex:1;justify-content:flex-end;direction:ltr}
.lrb .oc{display:flex;flex-direction:column;align-items:center;gap:2px}.lrb .oc i{font:600 10.5px Inter,sans-serif;font-style:normal;color:var(--lm)}
.lrb .eq{color:var(--lm);font-weight:700;line-height:28px;padding:0 2px}
.lrb .oc.sum b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--lg);color:#13163d;font:800 14px Inter,sans-serif}
.kbox{border-radius:14px;overflow:hidden;background:var(--l2)}
.khd{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}
.kpr{display:flex;gap:8px;align-items:center;margin-bottom:4px}.kti{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.slot{position:relative;display:flex;gap:6px;margin:0 12px 12px;padding:8px 18px;border-radius:10px;background:linear-gradient(180deg,#383a3d,#2a2c2f);box-shadow:inset 0 0 0 2px rgba(60,240,189,.35)}
.slot:before,.slot:after{content:"";position:absolute;top:50%;margin-top:-9px;border:9px solid transparent}
.slot:before{left:2px;border-left-color:var(--lg)}.slot:after{right:2px;border-right-color:var(--lg)}
.slot .cell{flex:1;height:84px;border-radius:6px;background:linear-gradient(180deg,#121415,#2a2e30 50%,#121415);overflow:hidden}
.slot.d5 .cell{height:66px}
.strip{display:flex;flex-direction:column;will-change:transform}
.it{height:84px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.slot.d5 .it{height:66px}
.slot.spin .cell{box-shadow:inset 0 10px 10px -6px rgba(0,0,0,.8),inset 0 -10px 10px -6px rgba(0,0,0,.8)}
.die{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:46px;height:46px;padding:7px;background:#e8414a;border-radius:9px}
.die i{display:block}.die i.on{background:#fff;border-radius:50%;margin:1px}
.slot.k3 .die{width:56px;height:56px;padding:9px;border-radius:11px}
.lbi.rb{width:50px;height:50px}
/* balls */
.lbi{display:inline-block;width:34px;height:34px;flex:0 0 auto;background:center/contain no-repeat}
.lbi.s30{width:30px;height:30px}.lbi.s28{width:28px;height:28px}.lbi.s24{width:26px;height:26px}
.lbi.xl{width:58px;height:58px}
.lbi.new{border-radius:50%;box-shadow:0 0 0 2px #20255a,0 0 0 4px #3cf0bd,0 3px 7px rgba(0,0,0,.35)}
.lbi.pop,.hxb.pop{animation:lpop .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes lpop{from{transform:scale(.2);opacity:0}to{transform:none;opacity:1}}
/* offline */
.loff{display:flex;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;border-radius:10px;background:rgba(239,75,82,.14);color:#ffb3b6;font:500 12.5px Inter,sans-serif}
.loff[hidden]{display:none}.loff svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:#ff8a90;stroke-width:2;stroke-linecap:round}
/* bet panel: flat, no shadows, small radius */
#ltBets{min-width:0;max-width:100%}
.lot .lk{margin:0;border:0;padding:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:8px;box-shadow:none}
.lot .lk:active{opacity:.85}
.lot .lk small{font:500 11px Inter,sans-serif;color:rgba(255,255,255,.85)}
.cbtn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.lot .cbtn .lk{height:46px}.lot .cbtn .lk b{font:700 15px Inter,sans-serif}.lot .cbtn .dot{display:none}
.lot .lk.cg,.lot .lk.fe{background:var(--cg)}.lot .lk.cv{background:var(--cv)}.lot .lk.cr,.lot .lk.fo{background:var(--cr)}
.lot .lk.fb{background:var(--cb)}.lot .lk.fs{background:var(--cs)}
.bgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 4px;padding:12px 6px;border-radius:10px;background:var(--l0);margin-bottom:10px}
.lot .bb{margin:0;padding:0;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.bgrid .lbi{width:100%;max-width:60px;aspect-ratio:1;height:auto}
.lot .bb:active .lbi{transform:scale(.92)}.lot .bb small{font:500 11px Inter,sans-serif;color:var(--lm)}
.mrow{display:flex;gap:5px;margin-bottom:10px}
.lot .mrow button{flex:1;min-width:0;height:32px;padding:0;border-radius:6px;background:var(--l4);border:0;color:#d5dde0;font:600 12.5px Inter,sans-serif;margin:0}
.lot .mrow button.on{background:var(--lg);color:#13163d}
.lot .mrow .rnd{flex:1.7;background:transparent;border:1px solid var(--cr);color:#ff8a90}
.bs2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lot .bs2 .lk{height:46px}.lot .bs2 .lk b{font:700 17px Inter,sans-serif}
.ltab,.ptab{display:flex;gap:4px;padding:3px;border-radius:9px;background:var(--l0);margin-bottom:12px}
.lot .ltab button,.lot .ptab button{flex:1;margin:0;height:32px;padding:0;border-radius:7px;background:transparent;border:0;color:var(--lt);font:600 13px Inter,sans-serif}
.lot .ltab button.on,.lot .ptab button.on{background:var(--lg);color:#13163d}
.kgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;margin-bottom:12px}
.kgrid .lbi{width:52px;height:52px}
.dgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 4px}
.dgrid .lbi{width:46px;height:46px}
.sq4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}
.lot .sq4 .lk{min-height:46px}.lot .sq4 .lk b{font:700 14.5px Inter,sans-serif}
.lot .d5b .lk b{font:700 13.5px Inter,sans-serif}.lot .d5b .lk b i{display:block;font-style:normal;font-size:11px;font-weight:500;opacity:.9}
.pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:6px}.pk1{display:grid;gap:6px}
.lot .lk.pp{background:var(--l4);height:52px}.lot .lk.pp b{font:700 17px Inter,sans-serif}.lot .lk.pp small{color:var(--lt)}
.gpn.lkd #ltBets{opacity:.3;pointer-events:none}
/* last 5 seconds */
.cdo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;z-index:3;pointer-events:none}.cdo[hidden]{display:none}
.cdo span{display:flex;align-items:center;justify-content:center;width:112px;height:144px;border-radius:16px;background:var(--l0);border:1px solid rgba(60,240,189,.55);box-shadow:0 0 30px rgba(60,240,189,.3);color:var(--lg);font:800 100px/1 Inter,sans-serif;text-shadow:0 0 20px rgba(60,240,189,.5)}
/* history + chart */
.ltl{margin:10px 12px 0}
.lttb{display:flex;gap:4px;padding:3px;border-radius:10px;background:var(--l2);margin-bottom:10px}
.lot .lttb button{flex:1;margin:0;height:36px;padding:0;border-radius:8px;background:transparent;color:var(--lt);font:600 13.5px Inter,sans-serif;border:0}
.lot .lttb button.on{background:var(--lg);color:#13163d}
.htbl{background:var(--l2);border-radius:12px 12px 0 0;overflow:hidden}
.hh,.hr{display:grid;align-items:center;text-align:center;gap:4px;padding:0 10px}
.hh{background:var(--l3);color:var(--lt);font:600 11.5px Inter,sans-serif;height:38px}
.hr{color:#e6edf3;font:500 13px Inter,sans-serif;min-height:46px;border-top:1px solid rgba(255,255,255,.04)}
.hw{grid-template-columns:2.1fr .8fr 1fr .8fr}
.h5{grid-template-columns:1fr 1.15fr .95fr .85fr .9fr;font-size:11.5px}.hh.h5{font-size:10.5px;line-height:1.15}
.hk{grid-template-columns:1.9fr .45fr .65fr .55fr 1.3fr}
.hk2{grid-template-columns:1.55fr 1.1fr 1.55fr}.hr.hk2>span:last-child{font-size:12px;color:#d5dde0}
.hd{grid-template-columns:1.6fr 1.9fr .9fr}
.bn2{font:800 24px Inter,sans-serif}.bn2.g{color:#2fd27a}.bn2.r{color:#ff5a62}
.bn2.g.v{background:linear-gradient(90deg,#b26bff 50%,#2fd27a 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bn2.r.v{background:linear-gradient(90deg,#b26bff 50%,#ff5a62 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cds{display:flex;gap:6px;justify-content:center}.cd{display:inline-block;width:10px;height:10px;border-radius:50%}
.cd.g{background:#2fd27a}.cd.r{background:#ff5a62}.cd.v{background:#b26bff}
.rz{display:flex;align-items:center;justify-content:center;gap:6px}.rz em{font-style:normal;font-weight:700}.rz em.b{color:var(--cb)}.rz em.s{color:#6ea8ff}
.dc{display:flex;gap:4px;justify-content:center}.hr .die{width:22px;height:22px;padding:3px;border-radius:5px}
.d5r{display:flex;gap:4px;justify-content:center}.d5r i{display:flex;width:23px;height:23px;border-radius:50%;background:var(--l4);align-items:center;justify-content:center;font:600 12px Inter,sans-serif;font-style:normal}
.tgs3{display:flex;gap:4px;justify-content:center}
.lcp{display:inline-flex;width:21px;height:21px;border-radius:5px;align-items:center;justify-content:center;font:700 11px Inter,sans-serif;color:#fff}
.lcp.lcb{background:var(--cb)}.lcp.lcs{background:var(--cs)}.lcp.lco{background:var(--cr)}.lcp.lce{background:var(--cg)}
.pgn{display:flex;justify-content:center;align-items:center;gap:24px;padding:12px;background:var(--l2);border-top:1px solid rgba(255,255,255,.04);border-radius:0 0 12px 12px;color:var(--lt);font:600 13px Inter,sans-serif}
.lot .pgn button{width:38px;height:34px;border-radius:8px;background:var(--lg);border:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0}
.lot .pgn button.off{background:var(--l4)}
.pgn svg{width:18px;height:18px;fill:none;stroke:#13163d;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.pgn button.off svg{stroke:var(--lm)}
.stb{background:var(--l2);border-radius:12px 12px 0 0;padding:10px 10px 6px}
.sr{display:grid;grid-template-columns:118px repeat(10,minmax(0,1fr));align-items:center;font:500 12.5px Inter,sans-serif;color:#fff;height:27px}
.sr span{color:var(--lt)}.sr.st{grid-template-columns:1fr}.sr.st span{color:#fff;font-weight:700}.sr b{text-align:center;font-weight:500}
.sr .oc{display:inline-flex;width:18px;height:18px;border-radius:50%;border:1px solid #ff5a62;color:#ff5a62;align-items:center;justify-content:center;font:600 10.5px Inter,sans-serif;font-style:normal}
.ptab.ct{margin:0;border-radius:12px 12px 0 0;background:var(--l2);padding:8px}.ptab.ct+.stb{border-radius:0}
.lcht{position:relative;background:var(--l2)}
.lcr{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:6px;height:44px;padding:0 10px;border-top:1px solid rgba(255,255,255,.04)}
.lcr>span:first-child{font:500 11px Inter,sans-serif;color:var(--lt)}
.cc{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));justify-items:center}
.cc i{display:flex;width:18px;height:18px;border-radius:50%;border:1px solid #4a5254;color:#6f7b7f;align-items:center;justify-content:center;font:500 10.5px Inter,sans-serif;font-style:normal;background:var(--l2)}
.cc i.on{border:0;color:#fff;font-weight:700;position:relative;z-index:2}
.cc i.g{background:#2fd27a}.cc i.r,.cc i.d{background:#ff5a62}.cc i.gv{background:linear-gradient(90deg,#b26bff 50%,#2fd27a 50%)}.cc i.rv{background:linear-gradient(90deg,#b26bff 50%,#ff5a62 50%)}
.tln{position:absolute;left:0;top:0;pointer-events:none;z-index:1}.tln polyline{fill:none;stroke:#ff5a62;stroke-width:1.2;opacity:.75}
.lmr{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--l2);border-top:1px solid rgba(255,255,255,.04);font:500 13px Inter,sans-serif;color:#fff}
.lmr:first-child{border-radius:12px 12px 0 0;border-top:0}.lmr:last-child{border-radius:0 0 12px 12px}
.lmr small{display:block;color:var(--lm);font-size:11px;margin-top:2px}.lmr .am{text-align:end}.lmr .am b{display:block}
.lmr b.w{color:var(--lg)}.lmr b.l{color:#ff5a62}.lmr b.pd{color:var(--cb)}.swt{font-style:normal;color:#ffb547}
.mbe{padding:22px;text-align:center;color:var(--lt);font-size:13px;background:var(--l2);border-radius:12px}
/* how-it-works popup on open */
.gwp{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:18px}
.gwb{width:100%;max-width:360px;border-radius:16px;padding:20px 18px 16px;background:linear-gradient(180deg,#353d81 0%,#2b2f31 45%);border:1px solid rgba(60,240,189,.25);color:#e6edf3;font:400 13.5px/1.5 Inter,sans-serif;text-align:start}
.gwi{width:44px;height:44px;margin:0 auto 10px;border-radius:50%;background:var(--cb);color:#2b1700;font:900 24px/44px Inter,sans-serif;text-align:center}
.gwb h3{text-align:center;font:800 17px Inter,sans-serif;color:#fff;margin:0 0 8px}
.gwb ul{margin:6px 0 14px;padding-inline-start:18px}.gwb li{margin:7px 0}
.gwb button{display:block;width:100%;height:44px;border-radius:8px;border:0;font:700 14.5px Inter,sans-serif;text-align:center}
.gwk{background:var(--lg);color:#13163d}
.ltsl{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;justify-content:flex-end}
.ltsl[hidden]{display:none}
.ltsb{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.ltsp{position:relative;background:#2b2f31;border-radius:18px 18px 0 0;padding:16px;transform:translateY(100%);transition:transform .2s;color:#fff;border-top:3px solid var(--a1)}
.ltsl.on .ltsp{transform:none}
.ltsh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ltsh small{display:block;opacity:.65;font-size:11px}.ltsh b{font-size:16px}
.ltsh .mm{color:var(--a1);font-size:20px}
.ltrow{margin-bottom:10px}.ltrow>small{display:block;opacity:.65;font-size:11px;margin-bottom:5px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{padding:8px 12px;border-radius:9px;background:rgba(255,255,255,.1)!important;color:#fff;border:1px solid rgba(255,255,255,.14);font:700 13px Inter,sans-serif}
.chips button.on{background:var(--a1)!important;color:var(--at)}
.lttot{display:flex;justify-content:space-between;align-items:center;margin:2px 0 10px;padding:10px 12px;border-radius:10px;background:rgba(60,240,189,.08);border:1px solid rgba(60,240,189,.18)}
.lttot small{opacity:.8;font-size:12px;font-weight:600;color:#cfe9db}
.lttot b{font-size:17px;color:#3cf0bd}
.ltft{display:flex;gap:8px;margin-top:6px}
.ltft button{padding:13px;border-radius:12px;font:800 14px Inter,sans-serif;border:0}
.cn2{flex:1;background:rgba(255,255,255,.12)!important;color:#fff}
.ok2{flex:2;background:var(--a1)!important;color:var(--at);display:flex;justify-content:space-between;align-items:center}
.ltsl .chips button.on,.ltsl .ok2{background:#3cf0bd!important;color:#13163d}
.ltsh .mm{color:#3cf0bd}
.ltsp{border-top:0;border-radius:16px 16px 0 0}

/* ===================== v51 ===================== */
/* 1) top of the lottery page: header bar and the rounded backdrop share ONE slightly lighter colour,
      so there is no dark strip or "cut" between them, and both still read against the page */
.gm[data-g=wingo] .gmh,.gm[data-g=trxwingo] .gmh,.gm[data-g=k3] .gmh,.gm[data-g=d5] .gmh{background:#29306c!important;box-shadow:none!important}
.lbg{background:#29306c;border-bottom:1px solid rgba(255,255,255,.05)}

/* 2) Win Go ticket: two zones, real cut-out notches on the perforation (no painted circles) */
.tkw{display:grid;grid-template-columns:57% 43%;gap:0;padding:0;border:0;border-radius:18px;overflow:hidden;
  background:
    radial-gradient(85% 120% at 0% 0%,rgba(60,240,189,.30),rgba(60,240,189,0) 58%),
    radial-gradient(60% 90% at 100% 110%,rgba(60,240,189,.16),rgba(60,240,189,0) 60%),
    linear-gradient(118deg,#3f4144 0%,#373f84 52%,#29306c 100%);
  -webkit-mask:radial-gradient(circle 14px at 57% 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 14px at 57% 100%,#0000 96%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 14px at 57% 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 14px at 57% 100%,#0000 96%,#000) bottom/100% 51% no-repeat}
.tkw::after{content:"";position:absolute;left:57%;top:20px;bottom:20px;border-left:2px dashed rgba(255,255,255,.2);transform:translateX(-1px);pointer-events:none}
[dir=rtl] .tkw{-webkit-mask:radial-gradient(circle 14px at 43% 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 14px at 43% 100%,#0000 96%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 14px at 43% 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 14px at 43% 100%,#0000 96%,#000) bottom/100% 51% no-repeat}
[dir=rtl] .tkw::after{left:43%}
.tkl{padding:14px 12px 15px 15px;border-right:0!important;gap:8px}
[dir=rtl] .tkl{padding:14px 15px 15px 12px}
.tkl:before,.tkl:after{display:none!important}
.tkr{padding:14px 15px 15px 12px;gap:7px}
[dir=rtl] .tkr{padding:14px 12px 15px 15px}
.tkw .how{background:rgba(0,0,0,.24)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;padding:5px 11px!important;color:#e6efe9!important}
.tkn{font-size:15px!important;font-weight:800!important;letter-spacing:.1px}
.tkr small{display:flex;align-items:center;gap:6px;color:#a8f0c8!important;font-weight:600!important}
.tkr small::before{content:"";width:7px;height:7px;border-radius:50%;background:#3cf0bd;box-shadow:0 0 0 3px rgba(60,240,189,.18);animation:tkp 1.4s ease-in-out infinite}
@keyframes tkp{50%{opacity:.35}}
.tkw .ltd span{width:27px;height:38px;border-radius:8px;font:900 22px/38px Inter,sans-serif;color:#fff;
  background:linear-gradient(180deg,#14183f 0%,#0f1114 100%);border:1px solid rgba(60,240,189,.22);box-shadow:inset 0 -3px 0 rgba(255,255,255,.04),0 3px 8px rgba(0,0,0,.35)}
.tkw .ltd i{color:#3cf0bd}
.tkw .pid{font-size:13.5px;color:#e6efe9;letter-spacing:.4px}

/* 3) glossy result balls (own design) */
.l5{gap:5px;align-items:center}
.gb5{position:relative;flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bb);
  box-shadow:inset 0 -3px 6px rgba(0,0,0,.32),inset 0 2px 3px rgba(255,255,255,.25),0 3px 7px rgba(0,0,0,.35)}
.gb5::before{content:"";position:absolute;left:22%;top:12%;width:42%;height:30%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}
.gb5 b{position:relative;font:900 15px/1 Inter,sans-serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.gb5.g{--bb:radial-gradient(circle at 40% 35%,#45f5a0 0%,#14b05d 55%,#0a7a3f 100%)}
.gb5.r{--bb:radial-gradient(circle at 40% 35%,#ff7b86 0%,#e8283c 55%,#a3101f 100%)}
.gb5.gv{--bb:linear-gradient(135deg,#1ccf6c 0 50%,#9d5cf5 50% 100%)}
.gb5.rv{--bb:linear-gradient(135deg,#ec3346 0 50%,#9d5cf5 50% 100%)}
.gb5.new{box-shadow:0 0 0 2px #20255a,0 0 0 4px #3cf0bd,inset 0 -3px 6px rgba(0,0,0,.32),0 3px 7px rgba(0,0,0,.35)}
.gb5.xl{width:58px;height:58px}.gb5.xl b{font-size:28px}
.gb5.pop{animation:lpop .5s cubic-bezier(.2,1.6,.4,1) both}

/* 4) my history: rows are tappable, open a full bet-detail sheet */
.lmtip{margin:0 0 8px;font:500 11.5px Inter,sans-serif;color:var(--lm);text-align:center}
.lmr{cursor:pointer;-webkit-tap-highlight-color:transparent}
.lmr:active{background:#323738}
.lmd{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}
.lmdb{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s}
.lmdp{position:relative;width:100%;max-width:480px;max-height:88vh;overflow:auto;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#2a316e;
  transform:translateY(100%);transition:transform .22s ease;color:#fff;font-family:Inter,sans-serif}
.lmd.on .lmdb{opacity:1}.lmd.on .lmdp{transform:none}
.lmdg{display:block;width:40px;height:4px;margin:2px auto 12px;border-radius:2px;background:rgba(255,255,255,.18)}
.lmdh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lmdh b{font-size:17px;font-weight:800}
.lmdh em{font-style:normal;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:20px}
.lmdh em.w{color:#3cf0bd;background:rgba(60,240,189,.14)}.lmdh em.l{color:#ff6b74;background:rgba(255,90,98,.14)}.lmdh em.pd{color:#f7a531;background:rgba(247,165,49,.14)}
.lmdsel{margin-top:12px}
.lmdsel small,.lmdbox>small{display:block;font-size:11.5px;font-weight:600;color:#8a979b}
.lmdsel b{display:block;margin-top:3px;font-size:16px;font-weight:800}
.lmdbox{margin-top:12px;padding:12px;border-radius:14px;background:#1c2152;border:1px solid rgba(255,255,255,.06)}
.lmdres{display:flex;align-items:center;gap:14px;margin-top:8px}
.lmdres>div b{display:block;font-size:16px;font-weight:800}
.lmdc{display:flex;gap:5px;margin-top:6px}
.lmdres.k3{gap:8px}.lmdres.k3 b{font-size:20px;font-weight:900;margin-inline-start:4px}
.lmdres.d5{flex-wrap:wrap}
.lmdw{display:flex;align-items:center;gap:8px;margin-top:8px;color:#f7a531;font-size:13px;font-weight:600}
.lmdw svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lmdbox .swt{display:block;margin-top:8px;font-size:11.5px}
.lmdpl{margin-top:12px;text-align:center;font-size:30px;font-weight:900}
.lmdpl.w{color:#3cf0bd}.lmdpl.l{color:#ff6b74}
.lmdl{margin-top:12px;border-radius:14px;background:#1c2152;border:1px solid rgba(255,255,255,.06);padding:2px 12px}
.lmdk{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}
.lmdk:last-child{border-bottom:0}
.lmdk span{color:#8a979b}.lmdk b{font-weight:700;text-align:end}.lmdk b.w{color:#3cf0bd}
.lot .lmdx{width:100%;height:46px;margin:14px 0 0;border-radius:12px;border:0;background:#3cf0bd;color:#13163d;font:800 15px Inter,sans-serif}
/* v52: the rounded backdrop behind the lottery header — a soft light green instead of plain dark */
.gm[data-g=wingo] .gmh,.gm[data-g=trxwingo] .gmh,.gm[data-g=k3] .gmh,.gm[data-g=d5] .gmh{background:#1f3e36!important}
.lbg{background:linear-gradient(180deg,#1f3e36 0%,#1c3831 100%)!important;border-bottom:1px solid rgba(60,240,189,.22)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)}
/* ===== bell notification icon + popup (header, to the right of the deposit +) ===== */
.lh .gbell{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;color:#aab7c3;position:relative;padding:0;margin-inline-start:2px}
.lh .gbell:active{background:rgba(255,255,255,.06)}
.lh .gbell svg{width:21px;height:21px;stroke-width:2.1}
.gbell .dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 2px #181c48}
/* currency switching is off: the balance is always in rupees */
.lh .balc{pointer-events:none}
.lh .balc::after,.lh .balc .bcur{display:none!important}
.gbpop{position:fixed;z-index:400;width:min(336px,calc(100% - 24px));right:12px;background:#161a43;border:1px solid #333b7e;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.45);padding:6px;overflow:hidden;animation:gbIn .14s ease-out}
@keyframes gbIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.gbpop .gbr{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1e2356;border:0;border-radius:10px;padding:11px 12px;margin-bottom:4px;color:#fff;text-align:left}
[dir=rtl] .gbpop .gbr{text-align:right}
.gbpop .gbr:last-of-type{margin-bottom:6px}
.gbpop .gbr:active{background:#262c66}
.gbpop .gbl{font-size:13.5px;font-weight:700;display:flex;flex-direction:column;gap:2px}
.gbpop .gbl small{font-size:11px;font-weight:600;color:#8ea0a6}
.gbpop .gbr b{font-size:14px;font-weight:800;color:#3cf0bd;white-space:nowrap}
.gbempty{padding:18px 10px;text-align:center;font-size:13px;font-weight:600;color:#8ea0a6}
.gbmore{display:block;text-align:center;padding:10px;border-radius:10px;background:#20d6a4;color:#0d1030;font-size:13px;font-weight:800;text-decoration:none}
/* v52: home leaderboard in the Prizes look — Pakbaazi stage, light beams, metal podium */
#lb .pod{position:relative;overflow:hidden;margin:14px -14px 0;padding:30px 12px 0;border-radius:0;
  background:radial-gradient(70% 60% at 50% 0%,rgba(255,190,46,.20),rgba(255,190,46,0) 70%),radial-gradient(90% 70% at 50% 100%,rgba(60,240,189,.16),rgba(60,240,189,0) 70%),linear-gradient(180deg,#161a43 0%,#1e2356 100%)}
.lbwm{position:absolute;left:50%;top:-4px;transform:translateX(-50%);font:italic 900 112px/1 Inter,sans-serif;letter-spacing:-4px;color:transparent;-webkit-text-stroke:1.6px rgba(255,255,255,.09);pointer-events:none;white-space:nowrap;z-index:0}
.lbbm{position:absolute;top:-30px;width:90px;height:260px;background:linear-gradient(180deg,rgba(255,226,140,.2),rgba(255,226,140,0));filter:blur(2px);pointer-events:none;z-index:0}
.lbbm.l{left:14%;transform:rotate(18deg)}.lbbm.r{right:14%;transform:rotate(-18deg)}
#lb .pd{position:relative;z-index:1}
#lb .pd .av{background:conic-gradient(from 200deg,#e8eef5,#8796a5,#e8eef5,#8796a5,#e8eef5)!important;padding:3px;box-shadow:0 6px 16px rgba(0,0,0,.4)!important}
#lb .pd.p1 .av{background:conic-gradient(from 200deg,#fff2a8,#e8a200,#fff2a8,#c98a00,#fff2a8)!important;box-shadow:0 0 0 4px rgba(255,190,46,.18),0 0 26px rgba(255,190,46,.45)!important}
#lb .pd.p3 .av{background:conic-gradient(from 200deg,#ffd0a8,#a8642c,#ffd0a8,#a8642c,#ffd0a8)!important}
#lb .pd .st{position:relative;overflow:hidden;color:rgba(0,0,0,.35)!important;font-size:30px!important;border-radius:10px 10px 0 0!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -6px 12px rgba(0,0,0,.18)!important}
#lb .pd.p1 .st{background:linear-gradient(180deg,#ffe27a 0%,#f2b21c 55%,#c98a00 100%)!important}
#lb .pd.p2 .st{background:linear-gradient(180deg,#f2f5f8 0%,#b9c4cf 55%,#8796a5 100%)!important}
#lb .pd.p3 .st{background:linear-gradient(180deg,#ffcfa2 0%,#d08a4e 55%,#a8642c 100%)!important}
#lb .pd .st::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.3) 45%,rgba(255,255,255,0) 60%);transform:translateX(-120%);animation:lbsh 4.5s ease-in-out infinite}
@keyframes lbsh{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.lbem{position:absolute;right:6px;top:6px;width:17px;height:17px;border-radius:50%;background:rgba(0,0,0,.14);box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.18);font:italic 900 10px/17px Inter,sans-serif;color:rgba(0,0,0,.5);text-align:center}
#lb .lr .n{display:inline-grid;place-items:center;min-width:26px;width:auto;height:22px;padding:0 6px;border-radius:7px;background:rgba(255,255,255,.06);font-size:12px}
#lb .lr.me .n{background:#3cf0bd;color:#0d1030}
.lbco{display:inline-block;width:11px;height:11px;margin-inline-end:5px;border-radius:50%;vertical-align:-1px;background:radial-gradient(circle at 35% 35%,#fff2a8,#e8a200 60%,#a86f00);box-shadow:0 0 0 1px rgba(0,0,0,.25)}
/* v58 BC.Game palette pass: neutral charcoal surfaces, green only as accent */
.bnav{background:rgba(24,26,29,.94)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 -6px 24px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.bnav a,.bnav button{color:#8a9099}
.bnav .on,.bnav a.on,.bnav [aria-current]{color:#3cf0bd!important}
#v-profile .hd.ph{background:linear-gradient(180deg,#2c3371 0%,#20255a 100%)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
.wbal{background:linear-gradient(135deg,#2a2d31 0%,#212326 100%)!important;border:1px solid rgba(255,255,255,.07)!important}
.o5h{background:linear-gradient(135deg,#2c3371,#20255a)!important;border:1px solid rgba(255,255,255,.07)!important}
.prhero{background:linear-gradient(135deg,#3cf0bd 0%,#1bbf6a 100%)!important}
.prhero::before,.prhero::after{display:none!important}
/* ===== v76 Lucky draw card (Home): bike-card colours, car picture as background ===== */
.dhc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;margin-top:14px;padding:12px;border-radius:16px;overflow:hidden;isolation:isolate;text-decoration:none;color:#fff;background:#2a316e;transition:transform .15s}
.dhc:active{transform:scale(.99)}
.dhbgi{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:50% 30%}
.dhslot{position:absolute;left:10px;right:10px;top:10px;height:110px;z-index:-3;display:grid;place-items:center;border-radius:12px;border:1.5px dashed rgba(255,255,255,.22);font-size:11px;font-weight:700;color:#8fa0b3}
.dhgl2{z-index:-2!important}
.dhsp{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);background-size:250% 100%;animation:dhSh 5s ease-in-out infinite}
@keyframes dhSh{0%,55%{background-position:120% 0}100%{background-position:-120% 0}}
/* shadow behind the timer and the prize chips so they read over any picture */
.dhsh{position:absolute;left:0;right:0;bottom:0;height:62%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.75) 100%)}
.dhcdw{position:relative;display:flex;justify-content:center}
.dhcd{display:flex;align-items:flex-start;gap:4px}
.dhcd span{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:6px 0 5px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px rgba(255,255,255,.06),0 6px 14px rgba(0,0,0,.35)}
.dhcd b{font-size:22px;font-weight:900;line-height:1;text-shadow:0 3px 10px rgba(0,0,0,.6)}
.dhcd i{font-style:normal;font-size:8.5px;font-weight:800;color:#9fb4cf;text-transform:uppercase;margin-top:3px}
.dhcd em{font-style:normal;margin-top:8px;font-weight:900;color:#ffd34d}
.dhpz{display:flex;gap:6px;margin-top:12px}
.dhpz span{flex:1;display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.05);font-size:11px;color:#c6d3e6}
.dhpz em{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900;color:#1a1300}
.dhpz span:first-child em{background:linear-gradient(180deg,#f2f6f9,#a9b8c4)}.dhpz span:last-child em{background:linear-gradient(180deg,#f4c08a,#c97a3a)}
.dhpz b{font-size:11.5px;color:#fff}
@media (prefers-reduced-motion:reduce){.dhsp{animation:none}}

/* soft shadow under the timer (as before) */
.dhcdw::after{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:-9px;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),rgba(0,0,0,0));filter:blur(3px)}

/* v77: Invite / VIP / Safe tiles — shorter, same-size art, text right under it, one line each */
.prm .pt{aspect-ratio:auto!important;height:112px!important;padding:0 6px 10px!important;gap:2px!important;
  background-size:auto 56px,auto,auto!important;background-position:50% 9px,50% 0,0 0!important;background-repeat:no-repeat!important}
.prm .pt b{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.prm .pt small{font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.85!important}
/* v85: the BMW banner — picture on top, BC-style headline over the green sky, timer + prizes on the dark floor */
.dhc{min-height:0;padding:0 12px 12px;background:#0a0c0f}
.dhbgi{position:relative!important;inset:auto!important;z-index:0!important;display:block;margin:0 -12px;aspect-ratio:1000/625;background-size:cover;background-position:50% 50%;
  -webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
.dhsh{height:46%;background:linear-gradient(180deg,rgba(10,12,38,0) 0%,rgba(10,12,38,.6) 45%,#0a0c0f 100%)}
.dhhd{position:absolute;left:0;right:0;top:14px;z-index:2;text-align:center;pointer-events:none}
.dhhd b{display:block;font-size:34px;font-weight:900;line-height:1;letter-spacing:-.5px;color:#fff;transform:scaleY(1.12);text-shadow:0 3px 14px rgba(0,0,0,.45)}
.dhhd span{display:block;margin-top:7px;font-size:14px;font-weight:900;letter-spacing:.2px;color:#2ef08e;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.dhcdw{margin-top:-30px;position:relative;z-index:2}
.dhpz{position:relative;z-index:2}
/* v86: car cut-out, big, on a smooth soft background; giant "BMW" written behind it */
.dhc{padding:0 12px 12px;background:#14232eff}
.dhsky{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(120% 70% at 50% 34%,rgba(60,240,189,.22) 0%,rgba(60,240,189,.07) 45%,rgba(60,240,189,0) 70%),
             linear-gradient(180deg,#1d3341ff 0%,#172a36ff 55%,#11202aff 100%)}
.dhstage{position:relative;height:250px;margin:0 -12px}
.dhbig{position:absolute;left:0;right:0;top:0;z-index:0;text-align:center;font-size:132px;font-weight:900;line-height:1;letter-spacing:-1px;
  color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 85%);-webkit-background-clip:text;background-clip:text}
.dhser{position:absolute;left:0;right:0;top:12px;z-index:0;display:none}
.dhcarp{position:absolute;left:50%;bottom:16px;z-index:1;width:88%;transform:translateX(-50%);filter:drop-shadow(0 14px 18px rgba(0,0,0,.55))}
.dhfl{position:absolute;left:8%;right:8%;bottom:8px;height:22px;z-index:0;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),rgba(0,0,0,0))}
.dhtag{position:relative;z-index:2;margin:-6px 0 10px;text-align:center;font-size:14px;font-weight:900;letter-spacing:.3px;color:#2ef08e;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.dhcdw{margin-top:0}
.trk{direction:ltr}[dir=rtl] .bn{direction:rtl}
/*Pakbaazi-brand*/.swWm{display:inline-block!important;width:5.15em!important;height:1.12em!important;vertical-align:middle;background:url(116e9ecc756c.webp) no-repeat left center/contain!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:transparent!important;-webkit-text-fill-color:transparent!important;letter-spacing:0!important;overflow:hidden;animation:none!important}.swWm span{display:none!important}.swWm::before,.swWm::after{display:none!important}.brand .wm{background:url(116e9ecc756c.webp) center/contain no-repeat!important;aspect-ratio:4.600!important;width:min(240px,64vw)!important}.brand .wm .shine{display:none!important}
li:empty{display:none}
.rdw{margin:10px 0;padding:10px;border-radius:12px;background:rgba(255,255,255,.05)}
.rdh{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px;gap:6px;flex-wrap:wrap}
.rdh span{display:flex;gap:6px}.rdh em{font-style:normal;padding:2px 7px;border-radius:8px;background:rgba(255,255,255,.08)}
.rdg{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.rdc{display:grid;gap:3px}
.rdg i{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;font-size:10px;font-weight:800;font-style:normal;color:#fff}
.rb{background:var(--cb)!important}.rs{background:var(--cs)!important}