:root{
  --f9:#0d1030;--f8:#171b45;--f7:#262c66;--f6:#3a4289;
  --lime:#c8f542;--lime-d:#a9d82a;--up:#c8f542;--dn:#ff5b61;
  --cream:#f3f6ee;--card:#fff;--field:#eaeee3;--line:#e1e8d8;
  --t1:#14183f;--t2:#566a5e;--t3:#8a9a8f;--danger:#d6313a;
}
*{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,"Helvetica Neue",Arial,sans-serif;color:var(--t1);background:var(--f9);display:flex;justify-content:center;min-height:100dvh;-webkit-font-smoothing:antialiased}
[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}
[dir=rtl] body{line-height:1.6}
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}
[hidden]{display:none!important}

.app{width:100%;max-width:480px;min-height:100dvh;position:relative;overflow:hidden;background:var(--cream);padding-bottom:calc(env(safe-area-inset-bottom) + 36px)}
.view>*{animation:rise .26s cubic-bezier(.2,.8,.2,1) backwards}
.view>*:nth-child(2){animation-delay:.02s}.view>*:nth-child(3){animation-delay:.04s}.view>*:nth-child(4){animation-delay:.06s}
.view>*:nth-child(5){animation-delay:.08s}.view>*:nth-child(n+6){animation-delay:.1s}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* arriving from another page: the screen is already complete when it appears, nothing fades in after it */
html.swn .view>*{animation:none}

/* ===== header ===== */
.hd{position:relative;color:#fff;background:linear-gradient(180deg,var(--f9) 0%,var(--f8) 100%);padding:calc(env(safe-area-inset-top) + 8px) 18px 78px;border-radius:0 0 30px 30px}
.hd::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:linear-gradient(rgba(200,245,66,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(200,245,66,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);mask-image:linear-gradient(180deg,#000,transparent 90%)}
.hd.sub{padding-bottom:64px}
.tb{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 -8px}
.tb h2{font-size:18px;font-weight:800;letter-spacing:-.2px}
.ib{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;transition:background .2s,transform .15s}
.ib:active{transform:scale(.9);background:rgba(255,255,255,.12)}
[dir=rtl] .flip{transform:scaleX(-1)}

.who{position:relative;display:flex;align-items:center;gap:16px;margin-top:6px}
.av{position:relative;width:84px;height:84px;flex:none;display:block}
.av svg.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.av .trk{fill:none;stroke:rgba(255,255,255,.14);stroke-width:3}
.av .prg{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;stroke-dasharray:238.76;stroke-dashoffset:238.76;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1) .4s}
.pic{border-radius:50%;overflow:hidden;display:block;background:var(--f7)}
.pic svg{width:100%;height:100%;display:block}
.av .pic{position:absolute;inset:8px}
.av .pen{position:absolute;right:-2px;bottom:0;width:26px;height:26px;border-radius:50%;background:var(--lime);border:2px solid var(--f8);display:grid;place-items:center;color:var(--f9)}
.av .pen svg{width:12px;height:12px;stroke-width:2.4}
[dir=rtl] .av .pen{right:auto;left:-2px}
.inf{min-width:0;flex:1}
.nm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nm h1{font-size:23px;font-weight:800;letter-spacing:-.4px;line-height:1.2;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:12px;background:rgba(200,245,66,.13);border:1px solid rgba(200,245,66,.32);color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.4px}
.lv svg{width:12px;height:12px;fill:var(--lime);stroke:none}
.uid{display:inline-flex;align-items:center;gap:8px;margin-top:10px;height:32px;padding:0 11px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:13.5px;color:#cfe0d5;transition:background .2s}
.uid:active{background:rgba(255,255,255,.14)}
.uid b{color:#fff;font-weight:700;letter-spacing:.5px}
.uid svg{width:15px;height:15px;color:#9fb5a8}
.ll{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;color:#8ea398}
.ll svg{width:14px;height:14px}

/* ===== balance ===== */
.bal{position:relative;z-index:2;margin:-56px 16px 0;padding:18px 18px 16px;border-radius:24px;background:var(--f7);border:1px solid rgba(200,245,66,.16);color:#fff}
.bal::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(200,245,66,0),var(--lime),rgba(200,245,66,0));opacity:.7}
.bl{display:flex;align-items:center;justify-content:space-between}
.bl .lab{display:flex;align-items:center;gap:8px;font-size:14px;color:#a9bdb0;font-weight:600}
.eye{width:34px;height:34px;margin:-6px -2px -6px 0;border-radius:50%;display:grid;place-items:center;color:#a9bdb0}
[dir=rtl] .eye{margin:-6px 0 -6px -2px}
.eye svg{width:19px;height:19px}
.rf{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--lime);transition:transform .15s}
.rf:active{transform:scale(.9)}
.rf svg{width:19px;height:19px}
.rf.spin svg{animation:sp .8s cubic-bezier(.4,.1,.2,1)}
@keyframes sp{to{transform:rotate(360deg)}}
.amt{margin-top:6px;font-size:40px;font-weight:800;letter-spacing:-1px;line-height:1.1;display:flex;align-items:baseline;gap:8px;direction:ltr;justify-content:flex-start}
[dir=rtl] .amt{justify-content:flex-end}
.amt small{font-size:19px;font-weight:700;color:var(--lime);letter-spacing:0}
.pf{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13.5px;color:#a9bdb0}
.chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:8px;font-size:13px;font-weight:800;direction:ltr}
.chip svg{width:13px;height:13px;stroke-width:2.4}
.chip.up{background:rgba(200,245,66,.14);color:var(--up)}
.chip.dn{background:rgba(255,91,97,.15);color:var(--dn)}

/* ===== cards ===== */
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;margin:14px 16px 0}
.qa{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:16px 8px 14px}
.qa button{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12.5px;font-weight:700;color:var(--t1);text-align:center;transition:transform .15s}
.qa button:active{transform:scale(.94)}
.tile{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:var(--f8);color:var(--lime)}
.tile svg{width:25px;height:25px}

/* simple VIP row */
.vip2{position:relative;display:block;width:calc(100% - 32px);margin:14px 16px 0;padding:14px 14px 16px;border-radius:20px;background:var(--f8);color:#fff;border:1px solid rgba(200,245,66,.14);transition:transform .15s}
.vip2:active{transform:scale(.985)}
.vip2 .r{display:flex;align-items:center;gap:12px}
.vip2 .tile{width:44px;height:44px;border-radius:14px;background:var(--lime);color:var(--f9)}
.vip2 .tile svg{width:22px;height:22px}
.vip2 .tx{flex:1;min-width:0}
.vip2 b{display:block;font-size:15.5px;font-weight:800}
.vip2 small{display:block;font-size:12.5px;color:#9fb5a8;margin-top:2px}
.vip2 .pill{height:34px;padding:0 14px;border-radius:17px;background:var(--lime);color:var(--f9);font-size:13px;font-weight:800;display:grid;place-items:center}
.vip2 .bar{height:5px;border-radius:3px;background:rgba(255,255,255,.1);margin-top:14px;overflow:hidden}
.vip2 .bar i{display:block;height:100%;border-radius:3px;background:var(--lime);transform:scaleX(0);transform-origin:left center;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .4s}
[dir=rtl] .vip2 .bar i{transform-origin:right center}

.hg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 16px 0}
.hg button{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px 12px;display:flex;flex-direction:column;gap:12px;position:relative;transition:transform .15s,background .2s;min-height:112px}
.hg button:active{transform:scale(.97);background:#f9fbf5}
.ti{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--field);color:var(--f8);flex:none}
.ti svg{width:22px;height:22px}
.hg .ti{display:grid;margin:0}
.hg b{color:var(--t1);display:block;font-size:15px;font-weight:800;line-height:1.3}
.hg span{display:block;font-size:12px;color:var(--t2);margin-top:3px;line-height:1.4}
.hg .ch{position:absolute;top:14px;inset-inline-end:12px;width:18px;height:18px;color:var(--t3)}
[dir=rtl] .ch{transform:scaleX(-1)}

.list{overflow:hidden}
.rw{display:flex;align-items:center;gap:14px;width:100%;padding:0 16px;height:66px;transition:background .15s;position:relative}
.rw+.rw::before{content:"";position:absolute;top:0;inset-inline-start:70px;inset-inline-end:0;height:1px;background:var(--line)}
.rw:active{background:#f6f9f1}
.rw .ti{width:40px;height:40px;border-radius:12px}
.rw .tt{flex:1;min-width:0;font-size:15.5px;font-weight:700}
.rw .val{font-size:13.5px;color:var(--t2);font-weight:600;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rw .val.warn{color:var(--danger)}
.rw .ch{width:18px;height:18px;color:var(--t3)}
.bdg:empty{display:none}.bdg{min-width:30px;height:22px;padding:0 8px;border-radius:11px;background:var(--danger);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}

.sv{padding:16px 14px 14px}
.sh{display:flex;align-items:flex-start;justify-content:space-between;padding:0 4px}
.sh h2{font-size:17px;font-weight:800;letter-spacing:-.2px}
.sh p{font-size:12.5px;color:var(--t2);margin-top:3px}
.sh .va{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:15px;background:var(--field);font-size:12.5px;font-weight:700;color:var(--f7);flex:none}
.sh .va svg{width:14px;height:14px;stroke-width:2.2}
[dir=rtl] .sh .va svg{transform:scaleX(-1)}
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.sg button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;height:92px;padding:0 6px;border-radius:16px;background:#f3f6ee;border:1px solid var(--line);font-size:12.5px;font-weight:700;line-height:1.3;color:var(--t1);transition:transform .15s,background .2s}
.sg button:active{transform:scale(.95);background:#e8eee0}
.sg svg{width:25px;height:25px;color:var(--f7)}
.lo-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 32px);margin:14px 16px 0;height:56px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--danger);font-size:15.5px;font-weight:800;text-align:center;transition:transform .12s,background .2s}
.lo-btn:active{transform:scale(.985);background:#fdf3f3}
[dir=rtl] .lo-btn svg{transform:scaleX(-1)}

/* ===== settings ===== */
.sum{position:relative;z-index:2;margin:-44px 16px 0;padding:18px;border-radius:24px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;gap:14px}
.sum .pic{width:64px;height:64px;flex:none}
.sum h3{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.sum p{font-size:13px;color:var(--t2);margin-top:3px}
.sum .lvb{display:inline-flex;margin-top:7px;height:22px;align-items:center;padding:0 9px;border-radius:11px;background:var(--f8);color:var(--lime);font-size:11.5px;font-weight:800}
.sec{display:flex;align-items:center;gap:10px;margin:22px 20px 0;font-size:17px;font-weight:800;letter-spacing:-.2px}
.sec .ti{width:34px;height:34px;border-radius:11px;background:var(--f8);color:var(--lime)}
.sec .ti svg{width:18px;height:18px}

/* ===== edit profile ===== */
.prev{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;margin-top:-50px}
.prev .pic{width:112px;height:112px;border:4px solid var(--cream);background:var(--f7);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.prev .pic.pop{transform:scale(1.08)}
.avg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px}
.avg button{position:relative;aspect-ratio:1;border-radius:50%;padding:0;transition:transform .15s}
.avg button:active{transform:scale(.92)}
.avg .pic{width:100%;height:100%}
.avg button::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid var(--f8);opacity:0;transform:scale(.9);transition:.2s}
.avg button.on::after{opacity:1;transform:none}
.avg .tick{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--f8);color:var(--lime);display:grid;place-items:center;opacity:0;transform:scale(.5);transition:.2s;z-index:2}
.avg .tick svg{width:12px;height:12px;stroke-width:3}
.avg button.on .tick{opacity:1;transform:none}
[dir=rtl] .avg .tick{right:auto;left:-2px}
.cardh{padding:16px 16px 0;font-size:13px;font-weight:700;color:var(--t2)}
.fld{margin-top:16px}
.fld label{display:block;font-size:13px;font-weight:700;color:var(--t2);margin-bottom:8px}
.inw{position:relative}
.inp{width:100%;height:54px;padding:0 16px;border-radius:14px;background:var(--field);border:2px solid transparent;font-size:16px;font-weight:600;color:var(--t1);outline:0;transition:border-color .2s,background .2s}
.inp::placeholder{color:var(--t3);font-weight:500;text-transform:none}
.inp:focus{border-color:var(--f8);background:#fff}
.inp.bad{border-color:var(--danger);background:#fff}
.inw .ey{position:absolute;top:0;bottom:0;inset-inline-end:4px;width:46px;display:grid;place-items:center;color:var(--t2)}
.inw .ey svg{width:20px;height:20px}
.inw .inp.pw{padding-inline-end:50px}
.er{display:none;font-size:12.5px;color:var(--danger);font-weight:600;margin-top:7px}
.er.on{display:block}
.pad{padding:0 16px 16px}
.go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:58px;border-radius:16px;background:var(--f8);color:var(--lime);font-size:16.5px;font-weight:800;margin-top:20px;transition:transform .12s}
.go:active{transform:scale(.985)}
.go svg{width:20px;height:20px;stroke-width:2.2}
[dir=rtl] .go svg{transform:scaleX(-1)}
.cnt{font-size:12px;color:var(--t3);text-align:end;margin-top:6px}

/* ===== payment accounts ===== */
.secure{position:relative;display:flex;justify-content:center;margin-top:6px}
.secure>span{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:16px;background:rgba(200,245,66,.1);border:1px solid rgba(200,245,66,.28);color:var(--lime);font-size:12.5px;font-weight:700}
.secure svg{width:15px;height:15px}
.pcard{position:relative;z-index:2;margin:-40px 16px 0;padding:20px;border-radius:24px;background:var(--f7);border:1px solid rgba(200,245,66,.16);color:#fff;overflow:hidden}
.pcard::after{content:"";position:absolute;top:-34px;inset-inline-end:-40px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(200,245,66,.12);box-shadow:0 0 0 22px rgba(200,245,66,.04),0 0 0 44px rgba(200,245,66,.025);pointer-events:none}
.pcard .pt{position:relative;display:flex;align-items:center;justify-content:space-between}
.pcard .pl{font-size:14px;color:#a9bdb0;font-weight:600}
.pcard .big{position:relative;font-size:44px;font-weight:800;letter-spacing:-1px;margin-top:6px;line-height:1.1}
.pcard .big small{font-size:16px;color:var(--lime);font-weight:700;margin-inline-start:6px;letter-spacing:0}
.pcard .ps{position:relative;font-size:13px;color:#a9bdb0;margin-top:8px;line-height:1.5}
.pbox{padding:16px}
.pbox .go{margin-top:0}
.note{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13px;color:var(--t2);font-weight:600}
.note svg{width:18px;height:18px;color:var(--f6)}
.acc{display:flex;align-items:center;gap:14px;margin:12px 16px 0;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.acc .mk{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;flex:none}
.acc .mx{flex:1;min-width:0}
.acc b{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:800}
.acc .df{height:20px;padding:0 8px;border-radius:10px;background:var(--f8);color:var(--lime);font-size:10.5px;font-weight:800;display:grid;place-items:center}
.acc .nb{font-size:14px;color:var(--t1);margin-top:3px;font-weight:600;direction:ltr;text-align:start;unicode-bidi:isolate;letter-spacing:.3px}
[dir=rtl] .acc .nb{text-align:right}
.acc .hn{font-size:12.5px;color:var(--t2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc .dl{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--danger);background:#fdf1f1;flex:none;transition:transform .15s}
.acc .dl:active{transform:scale(.9)}
.acc .dl svg{width:19px;height:19px}
.empty{margin:12px 16px 0;padding:36px 20px;border-radius:22px;background:var(--card);border:1px dashed #cbd6bd;text-align:center}
.empty .ei{width:64px;height:64px;border-radius:20px;background:var(--field);color:var(--f7);display:grid;place-items:center;margin:0 auto 14px}
.empty .ei svg{width:30px;height:30px}
.empty b{display:block;font-size:16px;font-weight:800}
.empty p{font-size:13.5px;color:var(--t2);margin-top:6px;line-height:1.55}
.mts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.mts button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border-radius:15px;background:var(--field);border:2px solid transparent;font-size:12.5px;font-weight:700;text-align:center;transition:.2s}
.mts button .mk{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}
.mts button.on{background:#fff;border-color:var(--f8)}

/* ===== mini bar ===== */
.mini{position:fixed;top:0;left:50%;width:100%;max-width:480px;z-index:30;transform:translate(-50%,-110%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;gap:10px;height:calc(env(safe-area-inset-top) + 56px);padding:env(safe-area-inset-top) 16px 0;background:var(--f8);color:#fff;border-bottom:1px solid rgba(200,245,66,.14)}
.mini.on{transform:translate(-50%,0)}
.mini .pic{width:34px;height:34px;flex:none}
.mini b{flex:1;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .mb{font-size:15px;font-weight:800;color:var(--lime);direction:ltr}

/* ===== sheets ===== */
.scrim{position:fixed;inset:0;z-index:40;background:rgba(6,8,11,.58);opacity:0;pointer-events:none;transition:opacity .25s}
.scrim.on{opacity:1;pointer-events:auto}
.bs{position:fixed;left:50%;bottom:0;z-index:41;width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;background:#fff;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:4px;border-radius:4px;background:#d5ddca;margin:0 auto 16px}
.bs h3{font-size:19px;font-weight:800;letter-spacing:-.3px}
.bs p.sub{font-size:14px;color:var(--t2);margin-top:6px;line-height:1.55}
.lo{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;padding:0 16px;margin-top:10px;border-radius:15px;background:var(--field);border:2px solid transparent;font-size:16px;font-weight:700;transition:border-color .2s}
.lo[data-l=ur]{font-size:18px}
.lo svg{width:20px;height:20px;color:var(--f8);opacity:0;stroke-width:2.6}
.lo.on{border-color:var(--f8);background:#fff}
.lo.on svg{opacity:1}
.oi{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#fdecee;color:var(--danger);margin-bottom:14px}
.oi svg{width:26px;height:26px}
.acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.btn{height:52px;border-radius:14px;font-size:15.5px;font-weight:800;text-align:center;transition:transform .12s}
.btn:active{transform:scale(.97)}
.btn.ghost{background:var(--field);color:var(--t1)}
.btn.dg{background:var(--danger);color:#fff}
.btn.pr{background:var(--f8);color:var(--lime)}
.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:60;background:var(--f8);color:#fff;border-left:4px solid var(--lime);padding:13px 18px;border-radius:12px;font-size:14px;font-weight:500;max-width:90vw;transition:.3s;box-shadow:0 8px 24px rgba(14,17,48,.3)}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (min-width:481px){body{align-items:flex-start;background:#040609}.app{border-radius:28px;margin:20px 0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.vip2 .bar i{transform:scaleX(var(--p,.5))}}
.srow{display:block;position:relative;overflow:hidden;width:calc(100% - 32px);margin:14px 16px 0;padding:14px;border-radius:22px;background:var(--f8);color:#fff;border:1px solid rgba(200,245,66,.14);transition:transform .15s}
.srow:active{transform:scale(.985)}
.srow::after{content:"";position:absolute;top:-34px;inset-inline-end:-40px;width:130px;height:130px;border-radius:50%;border:1px solid rgba(200,245,66,.12);box-shadow:0 0 0 20px rgba(200,245,66,.04);pointer-events:none}
.srow .r{position:relative;display:flex;align-items:center;gap:12px}
.srow .tile{width:46px;height:46px;border-radius:14px;background:var(--lime);color:var(--f9)}
.srow .tile svg{width:23px;height:23px}
.srow .tx{flex:1;min-width:0}
.srow .tx b{display:block;font-size:16.5px;font-weight:800}
.srow .tx small{display:block;font-size:12.5px;color:#9fb5a8;margin-top:2px}
.srow .ch{width:18px;height:18px;color:#7f968a}
.srow .st,.pcard .st2{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.srow .st>span,.pcard .st2>span{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);display:block}
.srow small.k,.pcard .st2 small{display:block;font-size:11.5px;color:#9fb5a8}
.srow .st b,.pcard .st2 b{display:block;margin-top:3px;font-size:15.5px;font-weight:800;direction:ltr;text-align:start}
[dir=rtl] .srow .st b,[dir=rtl] .pcard .st2 b{text-align:right}
.srow .st b.g{color:var(--lime)}

.scard{position:relative;z-index:2;margin:-40px 16px 0;padding:20px;border-radius:24px;background:var(--f7);border:1px solid rgba(200,245,66,.16);color:#fff;overflow:hidden}
.scard::after{content:"";position:absolute;top:-40px;inset-inline-end:-46px;width:170px;height:170px;border-radius:50%;border:1px solid rgba(200,245,66,.1);box-shadow:0 0 0 24px rgba(200,245,66,.035),0 0 0 48px rgba(200,245,66,.02);pointer-events:none}
.sct{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sl{font-size:14px;color:#a9bdb0;font-weight:600}
.fsec{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:15px;background:rgba(200,245,66,.1);border:1px solid rgba(200,245,66,.28);color:var(--lime);font-size:12px;font-weight:700}
.fsec svg{width:14px;height:14px}
.sbig{position:relative;margin-top:10px;font-size:42px;font-weight:800;letter-spacing:-1px;line-height:1.1;display:flex;align-items:baseline;gap:8px;direction:ltr;justify-content:flex-start}
[dir=rtl] .sbig{justify-content:flex-end}
.sbig small{font-size:19px;color:var(--lime);font-weight:700;letter-spacing:0}
.srev{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:#a9bdb0}
.srev b{color:var(--lime);font-weight:800;font-size:16px;direction:ltr}
.snext{position:relative;display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:#8ea398}
.snext svg{width:14px;height:14px}
.snext b{color:#cfe0d5;font-weight:700;direction:ltr}
.sbox{padding:18px 16px 16px}
.stats2{display:grid;grid-template-columns:1fr 1px 1fr;gap:12px;align-items:start;text-align:center}
.stats2 .vl{background:var(--line);align-self:stretch}
.stats2 b{display:block;font-size:22px;font-weight:800;direction:ltr}
.stats2 b.g{color:#3f7d0a}
.stats2 span{display:block;font-size:13px;color:var(--t2);margin-top:4px;font-weight:600}
.stats2 em{display:inline-block;font-style:normal;margin-top:8px;height:24px;line-height:22px;padding:0 10px;border-radius:12px;border:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--t2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.sbox .btn{width:100%;height:54px}
.btn.bd{background:#fff;border:2px solid var(--f8);color:var(--f8)}
.btn.out{display:block;margin-top:10px;background:#fff;border:2px solid var(--lime-d);color:var(--t1)}
.lrn{display:flex;align-items:center;gap:6px;margin:14px auto 0;font-size:13.5px;font-weight:700;color:var(--t2)}
.lrn svg{width:15px;height:15px}
[dir=rtl] .lrn svg{transform:scaleX(-1)}
.recl{overflow:hidden}
.rec{display:flex;align-items:center;gap:12px;padding:14px 16px;position:relative}
.rec+.rec::before{content:"";position:absolute;top:0;inset-inline-start:68px;inset-inline-end:0;height:1px;background:var(--line)}
.rec .ti{width:40px;height:40px;border-radius:12px}
.rec .mx{flex:1;min-width:0}
.rec .mx b{display:block;font-size:15px;font-weight:700}
.rec .mx small{display:block;font-size:12px;color:var(--t2);margin-top:2px;direction:ltr;text-align:start}
[dir=rtl] .rec .mx small{text-align:right}
.rec .ra{font-weight:800;font-size:15px;direction:ltr}
.sin{color:var(--f6)}.sout{color:var(--danger)}.sclaim{color:#3f7d0a}
.ov{margin-top:-40px!important;position:relative;z-index:2}
.chipc{padding:12px}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips.wrap{flex-wrap:wrap;overflow:visible}
.chips button{flex:none;height:36px;padding:0 16px;border-radius:18px;background:var(--field);font-size:13.5px;font-weight:700;color:var(--t2);transition:.2s;text-align:center}
.chips button.on{background:var(--f8);color:var(--lime)}
.empty.ov{margin:0 16px}
.pcard .big small.pre{margin:0 8px 0 0;font-size:19px}
.pcard .big{direction:ltr;text-align:start}
[dir=rtl] .pcard .big{text-align:right}
.qa.c3{grid-template-columns:repeat(3,1fr)}
.pbar{position:relative;height:7px;border-radius:4px;background:rgba(255,255,255,.1);margin-top:16px;overflow:hidden}
.pbar i{display:block;height:100%;border-radius:4px;background:var(--lime);transform-origin:left center}
[dir=rtl] .pbar i{transform-origin:right center}
.vh{position:relative;display:flex;align-items:center;gap:12px}
.vh .tile{width:48px;height:48px;border-radius:15px;background:var(--lime);color:var(--f9)}
.vh b{display:block;font-size:19px;font-weight:800}
.vh small{display:block;font-size:12.5px;color:#a9bdb0;margin-top:2px}
.lvr .rw{height:72px}
.lvr .rw .tt small{display:block;font-size:12px;color:var(--t2);font-weight:500;margin-top:2px}
.lvn{width:40px;height:40px;border-radius:12px;background:var(--field);display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--f8);flex:none}
.lvn.on{background:var(--lime)}
.stc{height:24px;padding:0 10px;border-radius:12px;font-size:11.5px;font-weight:800;display:grid;place-items:center;background:var(--field);color:var(--t2)}
.stc.cu{background:var(--f8);color:var(--lime)}
.inp.ta{height:130px;padding:14px 16px;resize:none;line-height:1.5}
.acd details{border-bottom:1px solid var(--line)}
.acd details:last-child{border:0}
.acd summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;font-size:15px;font-weight:700;cursor:pointer}
.acd summary::-webkit-details-marker{display:none}
.acd summary svg{width:18px;height:18px;color:var(--t3);transition:transform .2s;flex:none}
.acd details[open] summary svg{transform:rotate(90deg)}
.acd p{padding:0 16px 16px;font-size:14px;color:var(--t2);line-height:1.65}
.abl{font-size:36px;font-weight:800;letter-spacing:-1px;direction:ltr;display:flex;justify-content:center;align-items:center;gap:4px;padding-top:22px}
.abl span{background:var(--lime);color:var(--f9);border-radius:11px;padding:0 9px}
.abv{text-align:center;font-size:13px;color:var(--t2);margin-top:8px}
.abn{text-align:center;font-size:13px;color:var(--t3);padding:14px 16px 20px;line-height:1.5}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}
.sgrid>div{background:#f3f6ee;border:1px solid var(--line);border-radius:16px;padding:14px}
.sgrid b{display:block;font-size:22px;font-weight:800;direction:ltr;text-align:start}
[dir=rtl] .sgrid b{text-align:right}
.sgrid span{display:block;font-size:12.5px;color:var(--t2);margin-top:4px;font-weight:600}
.avl{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--field);font-size:13.5px;color:var(--t2);font-weight:600}
.avl b{color:var(--t1);direction:ltr;font-weight:800}
.inw .all{position:absolute;top:0;bottom:0;margin:auto 0;inset-inline-end:10px;height:32px;padding:0 14px;border-radius:16px;background:var(--f8);color:var(--lime);font-size:13px;font-weight:800;text-align:center}
.inp.am{padding-inline-end:84px}
.estl{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:13.5px;color:var(--t2);font-weight:600}
.estl b{color:#3f7d0a;direction:ltr;font-weight:800}
.lst{display:flex;gap:12px;margin-top:16px;font-size:14.5px;line-height:1.55;color:var(--t1)}
.lst i{width:26px;height:26px;border-radius:50%;background:var(--f8);color:var(--lime);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;flex:none}
.sup{padding:18px 18px 4px}
.sup h3{font-size:18px;font-weight:800}
.sup p{font-size:13.5px;color:var(--t2);margin-top:5px;line-height:1.5}
.hrs{display:flex;align-items:center;gap:9px;padding:14px 18px 18px;font-size:13px;color:var(--t2);font-weight:600}
.hrs svg{width:18px;height:18px;color:var(--f6)}

.vsum{position:relative;z-index:2;margin:-40px 16px 0;padding:18px;border-radius:24px;background:var(--f8);border:1px solid rgba(200,245,66,.16);color:#fff;overflow:hidden}
.vu{display:flex;align-items:center;gap:14px}
.vu .pic{width:62px;height:62px;flex:none;border:2px solid rgba(200,245,66,.35)}
.vi{flex:1;min-width:0}
.vi>b{display:block;font-size:19px;font-weight:800;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vb{display:inline-flex;align-items:center;gap:6px;margin-top:5px;height:24px;padding:0 10px;border-radius:12px;background:rgba(200,245,66,.13);border:1px solid rgba(200,245,66,.3);color:var(--lime);font-size:12.5px;font-weight:800}
.vi small{display:block;margin-top:6px;font-size:12.5px;color:#9fb5a8}
.vm{width:92px;height:92px;flex:none;margin:-6px -4px -6px 0}
[dir=rtl] .vm{margin:-6px 0 -6px -4px}
.vm svg{width:100%;height:100%;display:block}
.vs2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.vs2>div{padding:14px 10px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-align:center}
.vs2 b{display:block;font-size:22px;font-weight:800;color:var(--lime);direction:ltr}
.vs2 span{display:block;margin-top:4px;font-size:12.5px;color:#a9bdb0;font-weight:600}
.vnote{margin:12px 20px 0;text-align:center;font-size:12.5px;color:var(--t2);line-height:1.5}
.vcs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 6px;margin-top:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vcs::-webkit-scrollbar{display:none}
.vcd{flex:0 0 calc(100% - 40px);scroll-snap-align:center;position:relative;overflow:hidden;border-radius:24px;padding:20px 20px 16px;min-height:250px;color:var(--ct);background:linear-gradient(135deg,var(--c1),var(--c2));display:flex;flex-direction:column}
.vcd::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%)}
.vcd::after{content:"";position:absolute;inset:8px;border-radius:17px;border:1px solid var(--cb);pointer-events:none}
.vcd>*{position:relative}
.vcd .vt1{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;direction:ltr;text-align:start}
[dir=rtl] .vcd .vt1{text-align:right}
.vcd .medal{position:absolute;top:14px;inset-inline-end:16px;width:104px;height:104px}
.vcd .medal svg{width:100%;height:100%;display:block}
.vcd .stl{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:700}
.vcd .stl svg{width:15px;height:15px;stroke-width:2.4}
.vcd .chp{width:32px;height:24px;border-radius:6px;background:var(--cb);border:1px solid var(--cb)}
.vcd .rq{margin-top:12px;font-size:14px;opacity:.85;font-weight:500;direction:inherit}
.vcd .rx{margin-top:2px;font-size:26px;font-weight:800;letter-spacing:-.5px;direction:ltr;text-align:start}
[dir=rtl] .vcd .rx{text-align:right}
.vcd .rule{display:inline-flex;align-self:flex-start;margin-top:10px;height:28px;align-items:center;padding:0 10px;border-radius:8px;border:1px solid var(--cb);font-size:12.5px;font-weight:600}
.vcd .vbar{height:8px;border-radius:4px;background:var(--tk);margin-top:auto;overflow:hidden}
.vcd .vbar i{display:block;height:100%;border-radius:4px;background:var(--ct);transform-origin:left center}
[dir=rtl] .vcd .vbar i{transform-origin:right center}
.vcd .vf{display:flex;justify-content:space-between;margin-top:9px;font-size:13px;font-weight:600}
.vcd .vf b{font-weight:800}
.vcd .vf span{direction:ltr}
.vdots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.vdots i{width:8px;height:8px;border-radius:4px;background:#c6d0bb;transition:width .25s,background .25s}
.vdots i.on{width:28px;background:var(--f8)}
.sec2{margin:24px 20px 0;font-size:20px;font-weight:800;letter-spacing:-.3px}
.vben{margin-top:12px!important;padding:28px 20px;text-align:center;color:var(--t2);font-size:14px}

.vcd{flex:0 0 calc(100% - 36px);aspect-ratio:1.66/1;min-height:0;padding:15px 18px 14px;border-radius:22px;box-shadow:0 12px 24px -14px rgba(14,17,48,.55)}
.vcd::after{inset:6px;border-radius:17px}
.vcd .pt{position:absolute;inset:0;width:100%;height:100%;color:var(--ct);opacity:.14;pointer-events:none}
.vcd .vt1{font-size:36px;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.vcd .medal{top:4px;inset-inline-end:8px;width:102px;height:102px}
.vcd .stl{margin-top:5px;font-size:12.5px;gap:7px}
.vcd .stl svg{width:14px;height:14px}
.vcd .chpv{width:34px;height:25px;flex:none;display:block}
.vcd .ctl{width:20px;height:20px;opacity:.75;flex:none}
.vcd .rq{margin-top:9px;font-size:12.5px;opacity:.82}
.vcd .rowx{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:1px}
.vcd .rx{font-size:23px;white-space:nowrap;margin-top:0;text-shadow:0 1px 1px rgba(0,0,0,.18);line-height:1.15}
.vcd .rule{margin-top:0;height:26px;font-size:11.5px;padding:0 9px;flex:none;background:rgba(255,255,255,.12)}
.vcd .vbar{height:7px;margin-top:auto}
.vcd .vf{margin-top:7px;font-size:12.5px}
.vcd.cur::before{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.34) 50%,transparent 70%)}
.vcs{gap:10px;padding:4px 18px 8px}

.vcd{background:radial-gradient(90% 120% at 12% -10%,rgba(255,255,255,.55),transparent 55%),linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 14px 26px -16px rgba(14,17,48,.5)}
.vcd::before{display:none}
.vcd::after{content:"";position:absolute;inset:auto -44px -80px auto;width:240px;height:240px;border:0;border-radius:50%;background:rgba(255,255,255,.16);pointer-events:none}
.vcd .vt1{display:flex;align-items:center;gap:10px;font-size:36px}
.vcd .chpv{width:32px;height:24px}
.vcd .mimg{position:absolute;top:6px;inset-inline-end:8px;width:116px;height:auto;filter:drop-shadow(0 6px 6px rgba(0,0,0,.18));z-index:1}
.vcd .stl{flex-wrap:wrap;gap:6px;max-width:64%;margin-top:6px}
.vcd .mid{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;z-index:1}
.vcd .gb{font-size:15px;font-weight:800;line-height:1.35}
.vcd .rq{margin-top:0}
.vcd .vbar{background:rgba(0,0,0,.14);position:relative;z-index:1}
.vcd .vbar i{background:var(--ct)}
.vcd .vf{position:relative;z-index:1}
.spill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:12px;background:rgba(255,255,255,.6);font-size:12px;font-weight:800;color:var(--ct)}
.spill.ok{color:#17803f}
.spill svg{width:13px;height:13px;stroke-width:2.8}
.dear{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;border:1px solid rgba(0,0,0,.16);font-size:11.5px;font-weight:700;color:var(--ct)}
.vm{width:96px;height:auto}
.vm img{width:100%;height:auto;display:block;filter:drop-shadow(0 5px 5px rgba(0,0,0,.35))}
.bnf{padding:16px 14px;margin-top:14px}
.bh{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin:2px 4px 12px;letter-spacing:-.2px}
.bh .ti{width:34px;height:34px;border-radius:11px;background:var(--f8);color:var(--lime)}
.bh .ti svg{width:18px;height:18px}
.br{display:flex;align-items:center;gap:12px;padding:12px 4px}
.br+.br{border-top:1px solid var(--line)}
.bi{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:none}
.bi svg{width:36px;height:36px}
.bt{flex:1;min-width:0}
.bt b{display:block;font-size:15.5px;font-weight:800}
.bt small{display:block;font-size:12.5px;color:var(--t2);margin-top:2px;line-height:1.4}
.bv{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex:none}
.vp{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;min-width:88px;padding:0 10px;border-radius:9px;background:#eef3e6;border:1px solid #cfdcc0;font-size:13.5px;direction:ltr}
.vp svg{width:18px;height:18px;flex:none}
.vp b{font-weight:800;color:var(--t1)}
.mbg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mbc{border-radius:18px;background:#f3f6ee;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.mba{position:relative;height:104px;background:linear-gradient(160deg,#e2f6cc,#bfe9d6);display:grid;place-items:center;padding-bottom:20px}
.mba>svg{width:60px;height:60px}
.mstr{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:6px;padding:5px 9px;background:rgba(14,17,48,.85);direction:ltr}
.mp{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#fff;font-weight:800}
.mp svg{width:15px;height:15px}
.mbc .mt{flex:1;padding:11px 12px 0}
.mt b{display:block;font-size:14.5px;font-weight:800}
.mt small{display:block;font-size:11.5px;color:var(--t2);margin-top:3px;line-height:1.4}
.mbtn{margin:10px 12px 12px;height:38px;border-radius:19px;font-size:13px;font-weight:800;text-align:center;transition:transform .12s}
.mbtn:active{transform:scale(.97)}
.mbtn.rc,.mbtn.lk{background:var(--field);color:var(--t3);pointer-events:none}
.mbtn.cl{background:var(--f8);color:var(--lime)}
.mbtn.dt{background:#fff;border:1.5px solid var(--f8);color:var(--f8)}
.htabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:-4px -2px 0}
.htabs button{height:48px;text-align:center;font-size:15px;font-weight:700;color:var(--t3);position:relative}
.htabs button.on{color:var(--t1)}
.htabs button.on::after{content:"";position:absolute;left:28%;right:28%;bottom:-1px;height:3px;border-radius:2px;background:var(--f8)}
.hr{display:flex;gap:12px;padding:15px 4px;border-bottom:1px solid var(--line)}
.hr .hl{flex:1;min-width:0}
.hr b{display:block;font-size:15px;font-weight:800}
.hr b.ok{color:#17803f}.hr b.no{color:var(--danger)}
.hr p{font-size:13px;color:var(--t2);margin-top:4px;line-height:1.45}
.hr small{display:block;font-size:12px;color:var(--t3);margin-top:6px;direction:ltr;text-align:start}
.hr .hv{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex:none;justify-content:center}
.hr .xv{font-size:13px;font-weight:700;color:var(--t2);direction:ltr}
.rules{padding:16px 4px 2px}
.rules .lst{margin-top:0;margin-bottom:16px}
.go2{display:block;width:100%;height:52px;border-radius:26px;background:var(--f8);color:var(--lime);font-size:15.5px;font-weight:800;text-align:center;margin-top:16px}
.go2:active{transform:scale(.985)}
.vcd.lk .dear{display:none}.spill{background:var(--pb,rgba(255,255,255,.6))}.vcd .rx{margin-top:2px}.vcd .mid{padding-bottom:6px}.pic img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block;-webkit-user-drag:none}.avg{grid-template-columns:repeat(5,1fr);gap:10px}.avg .tick{width:20px;height:20px}
.hlx{color:var(--danger);font-weight:800;direction:ltr;unicode-bidi:isolate;display:inline-block}
.wtop{display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 -8px}
.wtop h2{font-size:18px;font-weight:800;flex:1;text-align:center}
.wlnk{height:34px;padding:0 12px;border-radius:17px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;max-width:140px;text-align:center;line-height:1.2}
.wbal{position:relative;z-index:2;margin:-40px 16px 0;padding:20px;border-radius:24px;background:var(--f7);border:1px solid rgba(200,245,66,.16);color:#fff;overflow:hidden}
.wbal::after{content:"";position:absolute;top:-40px;inset-inline-end:-46px;width:170px;height:170px;border-radius:50%;box-shadow:0 0 0 24px rgba(200,245,66,.035),0 0 0 48px rgba(200,245,66,.02);pointer-events:none}
.wbal .r{position:relative;display:flex;align-items:center;justify-content:space-between}
.wbal .pl{display:flex;align-items:center;gap:8px;font-size:14px;color:#a9bdb0;font-weight:600}
.wbal .pl svg{width:18px;height:18px;color:var(--lime)}
.wbal .big{position:relative;margin-top:8px;font-size:38px;font-weight:800;letter-spacing:-1px;direction:ltr;text-align:start;display:flex;align-items:baseline;gap:8px}
[dir=rtl] .wbal .big{justify-content:flex-end}
.wbal .big small{font-size:18px;color:var(--lime);font-weight:700}
.wmt{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 16px 0}
.wmt button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px 12px;border-radius:18px;background:var(--card);border:2px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.4px;text-align:center;position:relative;transition:.2s}
.wmt button.on{border-color:var(--f8);background:#fff}
.wmt button.on::after{content:"";position:absolute;top:8px;inset-inline-end:8px;width:10px;height:10px;border-radius:50%;background:var(--f8);box-shadow:0 0 0 3px var(--lime)}
.lg{width:44px;height:44px;border-radius:12px;display:block;object-fit:cover}
.wacc{display:flex;align-items:center;gap:14px;width:calc(100% - 32px);margin:14px 16px 0;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--line);transition:transform .15s}
.wacc:active{transform:scale(.985)}
.wacc .lg{width:42px;height:42px;flex:none}
.wacc .wx{flex:1;min-width:0}
.wacc b{display:block;font-size:15px;font-weight:800;letter-spacing:.3px}
.wacc small{display:block;font-size:13.5px;margin-top:3px;color:var(--t2);direction:ltr;text-align:start;font-weight:600}
[dir=rtl] .wacc small{text-align:right}
.wacc small.add{color:var(--danger);font-weight:700;direction:inherit}
.wacc .ch{width:18px;height:18px;color:var(--t3)}
[dir=rtl] .wacc .ch{transform:scaleX(-1)}
.wform{padding:16px}
.amp{display:flex;align-items:center;gap:12px;height:62px;padding:0 22px;border-radius:31px;background:var(--field);border:2px solid transparent;direction:ltr;transition:.2s}
.amp:focus-within{border-color:var(--f8);background:#fff}
.amp.bad{border-color:var(--danger);background:#fff}
.amp b{font-size:20px;font-weight:800;color:var(--f6)}
.amp input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font-size:24px;font-weight:800;color:var(--t1);font-family:inherit}
.amp input::placeholder{color:var(--t3);font-weight:600}
.wln{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:13.5px;color:var(--t2);font-weight:600}
.wln b{color:var(--t1);font-weight:800;direction:ltr}
.wln .allb{height:30px;padding:0 18px;border-radius:15px;background:var(--f8);color:var(--lime);font-size:13px;font-weight:800}
.wform .go{margin-top:18px}
.wform .go.off{background:var(--field);color:var(--t3)}
.wrules{padding:16px 18px;margin-top:14px}
.wrules li{list-style:none;display:block;position:relative;padding-inline-start:20px;font-size:13.5px;line-height:1.6;color:var(--t2);margin-bottom:11px}
.wrules li:last-child{margin-bottom:0}
.wrules li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--lime-d);transform:rotate(45deg)}
.wdc{margin:12px 16px 0;padding:16px;border-radius:20px;background:var(--card);border:1px solid var(--line)}
.wh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.wtag{height:28px;padding:0 14px;border-radius:8px;background:#e5555a;color:#fff;font-size:13px;font-weight:800;display:inline-flex;align-items:center}
.ws{font-size:14.5px;font-weight:800}
.ws.done{color:#17803f}.ws.proc{color:#c7860a}.ws.rej{color:var(--danger)}
.wr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:13.5px;color:var(--t2);font-weight:600}
.wr>span{white-space:nowrap}.wr b{font-size:13px;font-weight:800;color:var(--t1);direction:ltr;display:inline-flex;align-items:center;gap:8px;text-align:end;min-width:0;word-break:break-all}
.wr b.amb{color:#c7860a}
.wr .cp{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--t2);background:var(--field);flex:none}
.wr .cp svg{width:15px;height:15px}

.rib{position:absolute;top:-1px;inset-inline-end:-1px;min-width:42px;padding:5px 8px 7px;border-radius:0 16px 0 12px;background:var(--lime);color:var(--f9);font-size:11px;font-weight:800;line-height:1}
[dir=rtl] .rib{border-radius:16px 0 12px 0}
.dsec{margin:14px 16px 0;padding:18px 16px;border-radius:22px;background:var(--card);border:1px solid var(--line)}
.dsec h3{display:flex;align-items:center;gap:10px;font-size:16.5px;font-weight:800;margin-bottom:14px}
.dsec h3 .lg{width:30px;height:30px;border-radius:50%}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.dgrid button{height:46px;border-radius:12px;background:var(--field);border:2px solid transparent;font-size:15px;font-weight:800;color:var(--t1);display:flex;align-items:center;justify-content:center;gap:6px;direction:ltr;transition:.15s}
.dgrid button img{width:20px;height:20px;border-radius:50%}
.dgrid button.on{background:var(--f8);color:var(--lime);border-color:var(--f8)}
.damp{margin-top:12px;display:flex;align-items:center;gap:12px;height:56px;padding:0 18px;border-radius:28px;background:var(--field);border:2px solid transparent;direction:ltr}
.damp:focus-within{border-color:var(--f8);background:#fff}
.damp.bad{border-color:var(--danger);background:#fff}
.damp b{font-size:18px;font-weight:800;color:var(--f6);min-width:26px;display:flex;align-items:center}
.damp b img{width:26px;height:26px;border-radius:50%}
.damp i{width:1.5px;height:22px;background:var(--line);flex:none}
.damp input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font-size:18px;font-weight:800;font-family:inherit;color:var(--t1)}
.damp input::placeholder{color:var(--t3);font-weight:600;font-size:15px}
.dsum{margin-top:12px;padding:12px 14px;border-radius:14px;background:#eef6d4;font-size:13.5px;color:var(--t2);font-weight:600}
.dsum div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
.dsum b{color:var(--t1);font-weight:800;direction:ltr}
.rib{direction:ltr;unicode-bidi:isolate}#dm button.on::after{inset-inline-end:auto;inset-inline-start:8px}.dgrid{direction:ltr}.dsum .bn b{color:#17803f}
.dbar{position:sticky;bottom:0;z-index:5;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--f8);border-radius:22px 22px 0 0;color:#fff}
.dbar small{display:block;font-size:12px;color:#9db3a5;font-weight:600}
.dbar b{font-size:16px;font-weight:800;letter-spacing:.3px}
.dbar button{height:48px;padding:0 30px;border-radius:14px;background:var(--lime);color:var(--f9);font-size:16px;font-weight:800}
.wtag.dp{background:#1f9d55}
.wr b.grn{color:#17803f}
.ds .wlnk{max-width:150px}

/* ===== invite wheel ===== */
.app.dk{background:var(--f9)}
.wz{position:relative;min-height:100dvh;color:#fff;overflow:hidden;padding-bottom:12px}
.wz::before{content:"";position:absolute;inset:0 0 auto;height:560px;pointer-events:none;background-image:linear-gradient(rgba(200,245,66,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(200,245,66,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000 10%,transparent);mask-image:linear-gradient(180deg,#000 10%,transparent)}
.wzh{position:relative;z-index:3;display:grid;grid-template-columns:96px 1fr 96px;align-items:center;padding:calc(env(safe-area-inset-top) + 8px) 8px 0}
.wzh h2{font-size:18px;font-weight:800;text-align:center}
.wzh .ibs{display:flex;justify-content:flex-end}
.bxs{position:relative;z-index:2;min-height:calc(100dvh - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 20px 40px;text-align:center}
.orn{display:flex;align-items:center;justify-content:center;gap:10px}
.orn h1{font-size:31px;font-weight:800;letter-spacing:-.6px;color:var(--lime);line-height:1.2}
.orn svg{width:48px;height:22px;color:var(--lime);flex:none}
.orn svg.r{transform:scaleX(-1)}
.bsub{margin-top:8px;color:#a9bdb0;font-size:14px}
.bxg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;width:100%;max-width:340px}
.gb{position:relative;aspect-ratio:1/1;display:grid;place-items:center;border-radius:26px;background:rgba(255,255,255,.035);border:1px solid rgba(200,245,66,.12);transition:transform .2s,opacity .45s,filter .45s}
.gb:active{transform:scale(.96)}
.gb svg.box{position:relative;z-index:1;width:74%;height:auto;overflow:visible;animation:bob 2.6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.gb .lid{transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.9,.3,1.35)}
.gb.shake svg.box{animation:shk .55s linear}
@keyframes shk{0%,100%{transform:rotate(0)}15%{transform:rotate(-8deg)}30%{transform:rotate(7deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}}
.gb.open svg.box{animation:none}
.gb.open .lid{transform:translate(4px,-30px) rotate(-16deg)}
.gb .ry{position:absolute;inset:-10%;z-index:0;opacity:0;transform:scale(.5);transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.3,1.2);pointer-events:none}
.gb .ry svg{width:100%;height:100%;animation:spr 14s linear infinite}
@keyframes spr{to{transform:rotate(360deg)}}
.gb.open .ry{opacity:1;transform:scale(1)}
.gb.open{background:rgba(200,245,66,.07);border-color:rgba(200,245,66,.4)}
.gb .gamt{position:absolute;left:50%;bottom:-14px;z-index:2;transform:translate(-50%,8px) scale(.7);opacity:0;white-space:nowrap;padding:7px 16px;border-radius:20px;background:var(--f8);border:1.5px solid var(--lime);color:var(--lime);font-weight:800;font-size:15px;direction:ltr;transition:opacity .35s .2s,transform .45s .2s cubic-bezier(.2,.9,.3,1.4)}
.gb.open .gamt{opacity:1;transform:translate(-50%,0) scale(1)}
.gb.dim{opacity:.28;filter:grayscale(.6)}
.bxg.lock .gb{pointer-events:none}
.bxc{margin-top:34px;font-size:16px;font-weight:700;color:#e8efe2}
.bxr{width:100%;max-width:340px;margin-top:34px;padding:20px 18px 18px;border-radius:24px;background:var(--f7);border:1px solid rgba(200,245,66,.18);animation:rise .5s cubic-bezier(.2,.8,.2,1)}
.bxr p{color:#a9bdb0;font-size:13.5px;line-height:1.55}
.bxr .big{display:block;font-size:32px;font-weight:800;color:var(--lime);margin:2px 0 6px;direction:ltr}
.bxr .go{margin-top:16px;background:var(--lime);color:var(--f9)}
.wz .hlx,.wpop .hlx{color:var(--lime)}
.wam{position:relative;z-index:2;text-align:center;padding:16px 20px 0}
.wcd{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#cfe0d4;font-weight:600}
.wcd svg{width:17px;height:17px;color:var(--lime)}
.wcd b{direction:ltr;padding:3px 10px;border-radius:9px;background:rgba(200,245,66,.1);color:var(--lime);font-weight:800;font-variant-numeric:tabular-nums}
.wbig{margin-top:6px;font-size:46px;font-weight:800;letter-spacing:-1.4px;line-height:1.15;direction:ltr}
.wbig small{font-size:22px;color:var(--lime);margin-right:6px;letter-spacing:0}
.wpb{height:10px;margin:14px 8px 0;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}
.wpb i{display:block;height:100%;border-radius:inherit;background:var(--lime);transition:width .9s cubic-bezier(.2,.8,.2,1)}
.wlf{margin-top:10px;font-size:13.5px;color:#cfe0d4;line-height:1.5}
.wco{display:block;margin:16px auto 0;min-width:210px;height:52px;padding:0 34px;border-radius:26px;background:var(--lime);color:var(--f9);font-size:16.5px;font-weight:800;letter-spacing:.3px;text-align:center;transition:transform .12s}
.wco:active{transform:scale(.97)}
.wco.off{background:rgba(255,255,255,.08);color:#7d9285}
.whl{position:relative;z-index:2;width:min(90%,360px);margin:26px auto 0}
.wwrap{position:relative;width:100%;aspect-ratio:1/1;direction:ltr}
.wdisk,.wrim{position:absolute;inset:0}
.wdisk{pointer-events:none;transition:transform 4.8s cubic-bezier(.12,.62,.08,1);will-change:transform}
.wdisk svg,.wrim svg{display:block;width:100%;height:100%}
.wrim{pointer-events:none}
.wrim .bl{animation:blk 1.1s steps(1) infinite}
.wrim .bl.b{animation-delay:.55s}
@keyframes blk{0%{opacity:1}50%{opacity:.3}}
.wptr{position:absolute;top:-3.5%;left:50%;z-index:4;width:13%;transform:translateX(-50%);pointer-events:none}
.wptr svg{display:block;width:100%;height:auto}
.whub{position:absolute;left:50%;top:50%;z-index:4;width:27%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:var(--f8);border:5px solid var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .15s}
.whub:active{transform:translate(-50%,-50%) scale(.93)}
.whub b{font-size:27px;font-weight:900;line-height:1;color:var(--lime);direction:ltr}
.whub small{margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.8px;color:#e8efe2;text-transform:uppercase}
.whub.has::after{content:"";position:absolute;inset:-11px;border-radius:50%;border:2px solid var(--lime);animation:pr 1.7s ease-out infinite;pointer-events:none}
@keyframes pr{from{opacity:.85;transform:scale(.86)}to{opacity:0;transform:scale(1.28)}}
.whub.busy{pointer-events:none}
.wstand{position:relative;z-index:1;width:56%;height:42px;margin:-16px auto 0;background:var(--f7);clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}
.wstand2{width:72%;height:12px;margin:0 auto;border-radius:6px;background:var(--f6)}
.winv{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 40px);height:56px;margin:26px 20px 0;border-radius:28px;background:var(--lime);color:var(--f9);font-size:16px;font-weight:800;text-align:center;transition:transform .12s}
.winv:active{transform:scale(.98)}
.winv svg{width:20px;height:20px}
.wnote{margin:10px 26px 0;text-align:center;font-size:13px;line-height:1.5;color:#a9bdb0}
.wsec{margin:30px 20px 12px;font-size:17px;font-weight:800;scroll-margin-top:16px}
.wrl{margin:0 16px;border-radius:20px;background:var(--f8);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.wrl .rec+.rec::before{background:rgba(255,255,255,.07)}
.wrl .rec .ti{background:rgba(200,245,66,.1);color:var(--lime)}
.wrl .rec .mx b{color:#fff;font-size:14.5px}
.wrl .rec .mx small{color:#8fa597}
.wrl .ra{color:var(--lime)}
.wrl .ra.wh{color:#fff}.wrl .ra.gr{color:#7d9285;text-decoration:line-through}
.wemp{padding:30px 16px;text-align:center;font-size:14px;color:#8fa597}
.wpop{position:fixed;inset:0;z-index:55;display:grid;place-items:center;padding:24px;background:rgba(6,8,11,.74);animation:fdin .25s}
@keyframes fdin{from{opacity:0}}
.wpc{width:100%;max-width:320px;padding:28px 22px 22px;border-radius:26px;background:var(--f7);border:1px solid rgba(200,245,66,.22);color:#fff;text-align:center;animation:popin .45s cubic-bezier(.2,.9,.3,1.3)}
@keyframes popin{from{opacity:0;transform:scale(.8)}}
.wpi{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;background:rgba(200,245,66,.12);display:grid;place-items:center}
.wpi svg{width:46px;height:46px}
.wpc p{font-size:15px;font-weight:600;color:#cfe0d4}
.wpc b.amt{display:block;margin:4px 0 6px;font-size:38px;font-weight:900;color:var(--lime);direction:ltr}
.wpc small{display:block;font-size:13.5px;line-height:1.55;color:#a9bdb0}
.wpc .go{height:52px;margin-top:18px;background:var(--lime);color:var(--f9)}
.invl{display:flex;align-items:center;gap:10px;margin-top:18px;padding:6px 6px 6px 16px;border-radius:16px;background:var(--field);direction:ltr}
.invl span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;color:var(--t1)}
.invl button{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--f8);color:var(--lime);flex:none}
.invl svg{width:18px;height:18px}
.invs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.invs div{padding:14px;border-radius:16px;border:1px solid var(--line);text-align:center}
.invs b{display:block;font-size:22px;font-weight:800}
.invs span{font-size:12.5px;color:var(--t2);font-weight:600}
.wrul{margin-top:16px}
.wrul li{list-style:none;position:relative;padding-inline-start:20px;margin-bottom:12px;font-size:14px;line-height:1.6;color:var(--t2)}
.wrul li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--lime-d);transform:rotate(45deg)}
.wrul .hlx{color:var(--f6)}

/* ===== invite wheel v2 (3D assets) ===== */
.app.dk{background:#0a0c0f}
.wz{background-color:#0a0c0f;background-position:center top;background-size:100% auto;background-repeat:no-repeat}
.wz::before{display:none}
.wzh h2{text-shadow:0 2px 0 rgba(0,0,0,.35)}
.wam{padding-top:18px}
.wcd2{text-align:center;font-size:16px;font-weight:700;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.wcd2 b{font-weight:800;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.wz .wbig{margin-top:4px;font-size:50px;font-weight:900;letter-spacing:-1px;background:linear-gradient(180deg,#fff7cc 10%,#ffd75e 55%,#f3a51f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wz .wbig small{font-size:30px;color:transparent;margin-right:2px}
.gpill{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;min-width:220px;height:54px;padding:0 34px;border-radius:27px;background:linear-gradient(180deg,#ffe48a 0%,#ffbb2e 52%,#f28c00 100%);color:#fff;font-size:18px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;text-align:center;text-shadow:0 2px 0 rgba(150,62,0,.6);box-shadow:0 5px 0 #b15c00,0 12px 24px rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.6);transition:transform .12s}
.gpill:active{transform:translateY(4px);box-shadow:0 1px 0 #b15c00,0 4px 10px rgba(0,0,0,.3)}
.gpill.off{background:linear-gradient(180deg,#c9b98a,#9c8754);box-shadow:0 5px 0 #6e5c30,0 10px 20px rgba(0,0,0,.35);text-shadow:none;color:rgba(255,255,255,.85)}
.gpill.wide{width:calc(100% - 40px);min-width:0;margin-top:22px;height:58px;padding:0 16px;font-size:15.5px;white-space:nowrap}
.gpill svg{width:20px;height:20px;stroke-width:2.4}
.whl2{position:relative;z-index:2;width:min(92%,370px);margin:26px auto 0}
.wwrap2{position:relative;z-index:2;width:100%;aspect-ratio:1/1;direction:ltr}
.wwrap2::before{content:"";position:absolute;inset:-1%;border-radius:50%;box-shadow:0 0 0 5px rgba(255,214,90,.18),0 22px 40px rgba(0,0,0,.55)}
.wwrap2 .wdisk,.wwrap2 .wrim{position:absolute;inset:0}
.wwrap2 .wdisk{pointer-events:none;transition:transform 4.8s cubic-bezier(.12,.62,.08,1);will-change:transform}
.wwrap2 svg{display:block;width:100%;height:100%;overflow:visible}
.wwrap2 .wrim{pointer-events:none}
.wwrap2 .bl{animation:blk 1s steps(1) infinite}
.wwrap2 .bl.b{animation-delay:.5s}
.wwrap2.spin .bl{animation-duration:.24s}.wwrap2.spin .bl.b{animation-delay:.12s}
.wptr2{position:absolute;top:-2.2%;left:50%;z-index:4;width:37%;transform:translateX(-50%);pointer-events:none;-webkit-user-drag:none}
.whub2{position:absolute;left:50%;top:50%;z-index:5;width:31%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:2%;transition:transform .15s}
.whub2:active{transform:translate(-50%,-50%) scale(.93)}
.whub2 b{font-size:31px;font-weight:900;line-height:1;color:#e5352b;text-shadow:0 2px 0 rgba(255,255,255,.55);direction:ltr}
.whub2 small{margin-top:3px;font-size:9.5px;font-weight:900;letter-spacing:.4px;color:#e5352b;text-transform:uppercase}
.whub2.has::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid #ffd75e;animation:pr 1.6s ease-out infinite;pointer-events:none}
.whub2.busy{pointer-events:none}
.wst{position:relative;z-index:1;display:block;width:118%;max-width:none;margin:-21% 0 0 -9%;pointer-events:none;-webkit-user-drag:none}
.wlf2{margin:14px 24px 0;text-align:center;font-size:15px;font-weight:700;color:#fff;line-height:1.5;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.wz .wlf2 .hlx{color:#ffd75e}
.wsec2{margin:30px 20px 12px;font-size:20px;font-weight:900;color:#fff;scroll-margin-top:16px}
.wrl2{margin:0 16px;border-radius:20px;background:rgba(0,0,0,.38);border:1px solid rgba(255,214,90,.2);overflow:hidden}
.rec2{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.06)}
.rec2:first-child{border-top:0}
.rav{width:42px;height:42px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 2px #ffd75e}
.rav img{width:100%;height:100%;object-fit:cover;display:block}
.rec2 .mx{flex:1;min-width:0}
.rec2 .mx b{display:block;font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec2 .mx small{display:block;font-size:12px;color:#9fb8a8;margin-top:1px}
.ra2{text-align:end;direction:ltr;flex:none}
.ra2 b{display:block;font-size:16px;font-weight:900;color:#ffcf4d}
.ra2 b.wh{color:#fff}.ra2 b.gr{color:#8aa394;text-decoration:line-through}
.ra2 small{display:block;font-size:12px;color:#9fb8a8;margin-top:1px}
.wz .wemp{color:#9fb8a8}
.wpc{background:linear-gradient(180deg,#282a2d,#13163d);border:1.5px solid rgba(255,214,90,.45)}
.wpc b.amt{background:linear-gradient(180deg,#fff7cc,#ffd75e 55%,#f3a51f);-webkit-background-clip:text;background-clip:text;color:transparent}
.wpc .go{background:linear-gradient(180deg,#ffe48a,#ffbb2e 52%,#f28c00);color:#fff;text-shadow:0 2px 0 rgba(150,62,0,.6);box-shadow:0 5px 0 #b15c00}
.wpop .hlx{color:#ffd75e}
.orn h1{background:linear-gradient(180deg,#fff7cc,#ffd75e 55%,#f3a51f);-webkit-background-clip:text;background-clip:text;color:transparent}
.orn svg{color:#ffd75e}
.bxr{background:rgba(19,21,24,.82);border-color:rgba(255,214,90,.35)}
.bxr .big{background:linear-gradient(180deg,#fff7cc,#ffd75e 55%,#f3a51f);-webkit-background-clip:text;background-clip:text;color:transparent}
.bxr .go{background:linear-gradient(180deg,#ffe48a,#ffbb2e 52%,#f28c00);color:#fff;text-shadow:0 2px 0 rgba(150,62,0,.6);box-shadow:0 5px 0 #b15c00}
.gb .gamt{border-color:#ffd75e;color:#ffd75e}
/* ===== agent ===== */
.agtop{position:relative;z-index:2;margin:-40px 16px 0;padding:18px;border-radius:24px;background:linear-gradient(160deg,var(--f6),var(--f8));color:#fff;border:1px solid rgba(200,245,66,.18);overflow:hidden}
.agtop::after{content:"";position:absolute;top:-50px;inset-inline-end:-50px;width:180px;height:180px;border-radius:50%;box-shadow:0 0 0 24px rgba(200,245,66,.04),0 0 0 48px rgba(200,245,66,.025);pointer-events:none}
.agl{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#cfe0d4}
.aglv{height:26px;padding:0 10px;border-radius:13px;background:var(--lime);color:var(--f9);font-weight:900;display:grid;place-items:center;font-size:13px}
.agk{margin-top:14px;font-size:13.5px;color:#a9bdb0;font-weight:600}
.agbig{font-size:38px;font-weight:900;letter-spacing:-1px;direction:ltr;text-align:start;display:flex;align-items:baseline;gap:6px}
[dir=rtl] .agbig{justify-content:flex-end}
.agbig small{font-size:18px;color:var(--lime)}
.ag3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.ag3>div{padding:10px;border-radius:14px;background:rgba(255,255,255,.07);min-width:0}
.ag3 small{display:block;font-size:11.5px;color:#a9bdb0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag3 b{display:block;font-size:14px;font-weight:800;margin-top:3px;direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[dir=rtl] .ag3 b{text-align:right}
.agclaim{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin-top:14px;border-radius:15px;background:var(--lime);color:var(--f9);font-size:15.5px;font-weight:800}
.agclaim:disabled{opacity:.45}
.agclaim svg{width:18px;height:18px}
[dir=rtl] .agclaim svg{transform:scaleX(-1)}
.agi{padding:16px}
.agih b{display:block;font-size:16px;font-weight:800}
.agih span{display:block;font-size:12.5px;color:var(--t2);margin-top:2px;line-height:1.45}
.agcode{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 10px 10px 14px;border-radius:15px;background:var(--field)}
[dir=rtl] .agcode{padding:10px 14px 10px 10px}
.agcode>div{flex:1;min-width:0}
.agcode small{display:block;font-size:11.5px;color:var(--t2);font-weight:700}
.agcode b{display:block;font-size:17px;font-weight:900;letter-spacing:.5px;direction:ltr;text-align:start;margin-top:1px}
[dir=rtl] .agcode b{text-align:right}
.agcode b.lk{font-size:13.5px;font-weight:700;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agcode button{width:42px;height:42px;border-radius:12px;background:var(--f8);color:var(--lime);display:grid;place-items:center;flex:none}
.agcode button svg{width:18px;height:18px}
.ag3b{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.ag3b button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:15px;border:1px solid var(--line);font-size:12.5px;font-weight:800;text-align:center}
.ag3b .ti{width:40px;height:40px;border-radius:12px;background:var(--f8);color:var(--lime)}
.ag3b .ti svg{width:20px;height:20px}
.ag2{display:grid;grid-template-columns:1fr 1fr;padding:6px 0}
.agc2{padding:8px 14px}
.agc2+.agc2{border-inline-start:1px solid var(--line)}
.agh{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.agh .ti{width:32px;height:32px;border-radius:10px;background:var(--f8);color:var(--lime)}
.agh .ti svg{width:17px;height:17px}
.agh b{font-size:14.5px;font-weight:800}
.agr{display:flex;flex-direction:column;padding:7px 0;border-top:1px dashed var(--line)}
.agr span{font-size:11.5px;color:var(--t2);font-weight:600}
.agr b{font-size:14.5px;font-weight:800;margin-top:1px;direction:ltr;text-align:start}
[dir=rtl] .agr b{text-align:right}
.agcom{display:grid;grid-template-columns:1fr 1fr;padding:4px}
.agcom>div{padding:12px}
.agcom>div+div{border-inline-start:1px solid var(--line)}
.agcom small{display:block;font-size:12px;color:var(--t2);font-weight:600}
.agcom b{display:block;font-size:18px;font-weight:900;margin-top:2px;direction:ltr;text-align:start}
[dir=rtl] .agcom b{text-align:right}
b.g,.g{color:#3f7d0a}
.agsum{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:14px 4px}
.agsum b{display:block;font-size:22px;font-weight:900}
.agsum small{display:block;font-size:11.5px;color:var(--t2);font-weight:600;margin-top:2px}
.seg2{display:flex;gap:6px;margin-top:10px;padding:4px;border-radius:14px;background:var(--field)}
.seg2 button{flex:1;height:36px;border-radius:10px;font-size:13px;font-weight:800;color:var(--t2);text-align:center}
.seg2 button.on{background:var(--f8);color:var(--lime)}
.srch{display:flex;align-items:center;gap:10px;margin-top:10px;height:46px;padding:0 14px;border-radius:14px;background:var(--field)}
.srch svg{width:18px;height:18px;color:var(--t3)}
.srch input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font-size:15px;font-weight:700;color:var(--t1);font-family:inherit}
.ag6{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);overflow:hidden}
.ag6>div{background:var(--card);padding:12px 8px;text-align:center;min-width:0}
.ag6 b{display:block;font-size:13.5px;font-weight:900;direction:ltr;word-break:break-word}
.ag6 small{display:block;font-size:11px;color:var(--t2);font-weight:600;margin-top:2px}
.sbc{display:block;width:calc(100% - 32px);margin:10px 16px 0;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--line);text-align:start;transition:transform .12s}
.sbc:active{transform:scale(.985)}
.sbh{display:flex;align-items:center;gap:12px}
.sbh>div{flex:1;min-width:0}
.sbh b{display:block;font-size:15px;font-weight:800;direction:ltr;text-align:start}
[dir=rtl] .sbh b{text-align:right}
.sbh small{display:block;font-size:12px;color:var(--t2);margin-top:1px}
.av2{width:40px;height:40px;border-radius:12px;background:var(--f8);color:var(--lime);display:grid;place-items:center;font-weight:900;font-size:14px;flex:none}
.lvb{height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:800;display:grid;place-items:center;white-space:nowrap}
.lvb.l1{background:var(--lime);color:var(--f9)}.lvb.l2{background:#e3f0c7;color:var(--f7)}.lvb.l3{background:var(--field);color:var(--t2)}
.sbg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.sbg>div{padding:9px 10px;border-radius:12px;background:var(--field);min-width:0}
.sbg small{display:block;font-size:11px;color:var(--t2);font-weight:600}
.sbg b{display:block;font-size:13.5px;font-weight:800;margin-top:2px;direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[dir=rtl] .sbg b{text-align:right}
.sbh.big{margin:4px 0 8px}
.sbl .kv{display:flex;justify-content:space-between;gap:12px;padding:13px 2px;border-top:1px solid var(--line);font-size:14px}
.sbl .kv span{color:var(--t2);font-weight:600}
.sbl .kv b{font-weight:800;direction:ltr}
.agnote{margin:12px 20px 0;font-size:12.5px;color:var(--t2);line-height:1.5}
.cmr{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--line)}
.cmr:first-child{border-top:0}
.cmr b{display:block;font-size:14.5px;font-weight:800;direction:ltr;text-align:start}
[dir=rtl] .cmr b{text-align:right}
.cmr small{display:block;font-size:12px;color:var(--t2);margin-top:2px}
.cmr .r{text-align:end;flex:none}
.cmr .r b{text-align:end}
.cmr small.ok{color:#3f7d0a;font-weight:700}.cmr small.pd{color:#c7860a;font-weight:700}
.agrt p{font-size:13.5px;color:var(--t2);line-height:1.55;padding-top:16px}
.rtb{margin-top:14px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.rth,.rtr{display:grid;grid-template-columns:.6fr .8fr .9fr 2fr;gap:6px;padding:11px 12px;font-size:12.5px;align-items:center;direction:ltr}
.rth{background:var(--f8);color:#cfe0d4;font-weight:700}
.rtr{border-top:1px solid var(--line);font-weight:700}
.rtr span:last-child{color:#3f7d0a;font-size:11.5px}
.rtr.on{background:#eef6d4}
.rtr.on span:first-child{color:var(--f6);font-weight:900}
.agex{margin-top:14px;padding:14px;border-radius:16px;background:var(--field)}
.agex b{display:block;font-size:14px;font-weight:800}
.agex p{padding:0;margin-top:6px}
.agrl{padding:16px 0 0 20px;counter-reset:a;list-style:none}
[dir=rtl] .agrl{padding:16px 20px 0 0}
.agrl li{position:relative;padding-inline-start:16px;margin-bottom:14px;font-size:14px;line-height:1.6;color:var(--t2)}
.agrl li::before{counter-increment:a;content:counter(a);position:absolute;inset-inline-start:-20px;top:1px;width:24px;height:24px;border-radius:8px;background:var(--f8);color:var(--lime);font-size:12px;font-weight:900;display:grid;place-items:center}
.poster{margin-top:12px;padding:22px 20px;border-radius:22px;background:linear-gradient(180deg,var(--f7),var(--f9));text-align:center;color:#fff}
.poster .pl{font-size:26px;font-weight:900;color:var(--lime);direction:ltr}
.poster .ps{font-size:14px;color:#cfe0d4;margin-top:2px}
.qrb{width:200px;height:200px;margin:16px auto 0;padding:10px;border-radius:18px;background:#fff}
.qrb svg{display:block;width:100%;height:100%}
.poster small{display:block;margin-top:14px;font-size:12px;color:#a9bdb0}
.poster b{display:block;font-size:24px;font-weight:900;color:var(--lime);letter-spacing:1px;direction:ltr}
/* ===== activity ===== */
.acb{position:relative;z-index:2;margin:-40px 16px 0;padding:18px;border-radius:24px;background:linear-gradient(160deg,#3a4289,#171b45);border:1px solid rgba(242,201,76,.25);color:#fff;overflow:hidden}
.acb::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;box-shadow:0 0 0 26px rgba(242,201,76,.05),0 0 0 52px rgba(242,201,76,.03);pointer-events:none}
.acbr{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;position:relative;z-index:1}
.acbr small{display:block;font-size:13px;color:#cfe0d4;font-weight:600}
.acbr b{display:block;margin-top:4px;font-size:23px;font-weight:900;letter-spacing:-.5px;direction:ltr;text-align:start;background:linear-gradient(180deg,#fff3c4,#f2c94c 60%,#d99a1a);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[dir=rtl] .acbr b{text-align:right}
.acbd{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;margin-top:16px;padding:0 16px;border-radius:15px;background:rgba(255,255,255,.08);font-size:15px;font-weight:800;color:#fff}
.acbd svg{width:18px;height:18px}
.acq{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 6px}
.acq button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;font-weight:800;text-align:center;line-height:1.25;padding:0 2px}
.kw{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#f6f9f1,#e8eedf);box-shadow:inset 0 -3px 0 rgba(0,0,0,.05);transition:transform .15s}
.acq button:active .kw{transform:scale(.92)}
.ki{width:38px;height:38px}
.kw.sm{width:42px;height:42px;border-radius:13px}.kw.sm .ki{width:28px;height:28px}
.ac2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 16px 0}
.acx{position:relative;min-height:168px;padding:16px;border-radius:22px;overflow:hidden;text-align:start;color:#fff;display:flex;flex-direction:column;transition:transform .15s}
.acx:active,.abn:active{transform:scale(.98)}
.acx b{font-size:18px;font-weight:900;line-height:1.2}
.acx>span{font-size:12.5px;line-height:1.45;margin-top:6px;opacity:.88;max-width:95%}
.acx em{align-self:flex-start;margin-top:10px;font-style:normal;white-space:nowrap;height:24px;padding:0 10px;border-radius:12px;background:rgba(255,255,255,.22);font-size:11.5px;font-weight:800;display:grid;place-items:center}
.acx .kbig{position:absolute;right:10px;bottom:8px;width:62px;height:62px}
[dir=rtl] .acx .kbig{right:auto;left:10px}
.c-gift{background:radial-gradient(120% 100% at 100% 100%,#8f7bff 0%,#5b47e0 50%,#3a2aa8 100%)}
.c-att{background:radial-gradient(120% 100% at 100% 100%,#ffd36b 0%,#f0a020 50%,#c46a00 100%)}
.abn{position:relative;display:flex;width:calc(100% - 32px);min-height:150px;margin:14px 16px 0;border-radius:24px;overflow:hidden;text-align:start;color:#fff;transition:transform .15s}
.abt{position:relative;z-index:2;flex:1;padding:18px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.abk{font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;opacity:.8}
.abt b{font-size:21px;font-weight:900;line-height:1.15;margin-top:4px;text-shadow:0 2px 0 rgba(0,0,0,.15)}
.abt>span{font-size:12.5px;line-height:1.45;margin-top:5px;opacity:.9}
.abt em{margin-top:auto;padding-top:12px;font-style:normal}
.abt em::before{content:attr(data-x)}
.abt em{display:inline-flex}
.abt em{height:auto}
.abt em{font-size:13px;font-weight:800}
.abart{position:relative;width:40%;flex:none}
.kart{position:absolute;right:16px;top:50%;width:92px;height:92px;transform:translateY(-50%) rotate(-8deg);animation:kfl 3s ease-in-out infinite;z-index:2}
[dir=rtl] .kart{right:auto;left:16px}
@keyframes kfl{50%{transform:translateY(-58%) rotate(4deg)}}
.abart .o1,.abart .o2{position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
.abart .o1{width:150px;height:150px;right:-30px;top:-20px}.abart .o2{width:80px;height:80px;right:90px;bottom:-30px;background:rgba(255,255,255,.08)}
[dir=rtl] .abart .o1{right:auto;left:-30px}[dir=rtl] .abart .o2{right:auto;left:90px}
.b-wheel{background:radial-gradient(120% 120% at 90% 10%,#ff6b6b,#d62839 50%,#8f1022)}
.b-fd{background:radial-gradient(120% 120% at 90% 10%,#5fb0ff,#2f73e0 50%,#163f96)}
.b-vid{background:radial-gradient(120% 120% at 90% 10%,#3a3a3a,#161616 55%,#000),#111;border:1px solid rgba(242,201,76,.35)}
.b-vid .abt b{background:linear-gradient(180deg,#fff3c4,#f2c94c 60%,#d99a1a);-webkit-background-clip:text;background-clip:text;color:transparent}
.b-ag{background:radial-gradient(120% 120% at 90% 10%,#2fae6a,#3a4289 55%,#171b45)}
.abt em{background:rgba(255,255,255,.2);padding:7px 14px;border-radius:15px;margin-top:auto}
.ahero{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin:-40px 16px 0;padding:18px;border-radius:24px;color:#fff;overflow:hidden}
.ahero>div{flex:1;min-width:0;position:relative;z-index:1}
.ahero small{display:block;font-size:12.5px;font-weight:700;opacity:.85}
.ahero b{display:block;font-size:26px;font-weight:900;margin-top:2px;line-height:1.2}
.ahero p{font-size:12.5px;line-height:1.5;margin-top:6px;opacity:.9}
.ahero p b.hlx{display:inline;font-size:inherit;margin:0;color:#fff;font-weight:900}
.khero{width:84px;height:84px;flex:none;animation:kfl 3s ease-in-out infinite;position:relative;z-index:1}
.h-att{background:radial-gradient(120% 120% at 100% 0%,#ffd36b,#f0a020 50%,#b45f00)}
.h-inv{background:radial-gradient(120% 120% at 100% 0%,#2fae6a,#3a4289 55%,#171b45)}
.h-reb{background:radial-gradient(120% 120% at 100% 0%,#38d483,#16935a 55%,#3c3e41)}
.h-jp{background:radial-gradient(120% 120% at 100% 0%,#ffcf4d,#d18a00 50%,#7a4300)}
.h-gift{background:radial-gradient(120% 120% at 100% 0%,#8f7bff,#5b47e0 55%,#3a2aa8)}
.h-vid{background:radial-gradient(120% 120% at 100% 0%,#3a3a3a,#161616 55%,#000);border:1px solid rgba(242,201,76,.35)}
.h-fd{background:radial-gradient(120% 120% at 100% 0%,#5fb0ff,#2f73e0 55%,#163f96)}
.atg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}
.atd{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:16px;background:var(--field);text-align:center}
.atd.big{grid-column:span 2;background:linear-gradient(160deg,#fff4d6,#ffe0a0)}
.atd small{font-size:11.5px;font-weight:700;color:var(--t2)}
.atd b{font-size:13px;font-weight:900}
.kat{width:34px;height:34px}
.atd.big .kat{width:44px;height:44px}
.atd.got{background:#eef6d4;opacity:.75}
.atd.got i{position:absolute;top:6px;inset-inline-end:6px;width:18px;height:18px;border-radius:50%;background:#3f7d0a;color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center}
.atd.now{background:#fff;box-shadow:0 0 0 2.5px #f0a020;animation:pls 1.4s ease-in-out infinite}
@keyframes pls{50%{box-shadow:0 0 0 5px rgba(240,160,32,.35)}}
.pad2{padding:0 16px}
.pad2 .go:disabled{opacity:.5}
.acr{padding-top:14px}
.acr li{list-style:none;position:relative;padding-inline-start:18px;margin-bottom:10px;font-size:13.5px;line-height:1.55;color:var(--t2)}
.acr li::before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:7px;height:7px;border-radius:2px;background:#f0a020;transform:rotate(45deg)}
.tier{padding:14px 16px}
.tth{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tth b{display:block;font-size:15px;font-weight:800}
.tth small{display:block;font-size:12px;color:var(--t2);margin-top:2px;direction:ltr;text-align:start}
[dir=rtl] .tth small{text-align:right}
.tbn{height:30px;padding:0 12px;border-radius:15px;background:linear-gradient(180deg,#ffe48a,#f2a91f);color:#5a3a00;font-weight:900;font-size:13.5px;display:grid;place-items:center;white-space:nowrap}
.pbar{height:8px;border-radius:4px;background:var(--field);margin-top:12px;overflow:hidden}
.pbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f2c94c,#f0a020)}
.tbtn{display:block;width:100%;height:42px;margin-top:12px;border-radius:13px;background:var(--f8);color:var(--lime);font-size:14px;font-weight:800;text-align:center}
.tbtn.lock{background:var(--field);color:var(--t3)}
.tbtn.done{background:#eef6d4;color:#3f7d0a}
.rbt{overflow:hidden}
.rbr{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-top:1px solid var(--line);font-size:14px;font-weight:700}
.rbr:first-child{border-top:0}
.rbr b{color:#3f7d0a;font-weight:900;direction:ltr}
.rbr.on{background:#fff6dc}
.rbr.on span{color:#b45f00;font-weight:900}
.vst{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 10px;text-align:center}
.vst>div{display:flex;flex-direction:column;align-items:center;gap:6px}
.vst b{font-size:13px;font-weight:800}
.vst small{font-size:11.5px;color:var(--t2);line-height:1.35}
.vbadge{height:26px;padding:0 10px;border-radius:13px;background:#fff1d6;color:#b45f00;font-size:11.5px;font-weight:800;display:grid;place-items:center;white-space:nowrap}
.gfi .go{margin-top:14px}
/* ===== super jackpot ===== */
.app.jdk{background:#0d0f12}
.jz{min-height:100dvh;background:#0d0f12;color:#fff;padding-bottom:96px;margin-bottom:-36px}
.jz .hd{background:linear-gradient(180deg,#160d24,#2a0f1f)}
.jhero{position:relative;z-index:2;margin:-40px 16px 0;padding:18px 18px 18px;border-radius:24px;background:radial-gradient(120% 120% at 100% 0%,#ff9a3c 0%,#e8433b 45%,#9b1230 100%);overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;gap:6px;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.jhero>div:first-child{flex:1;min-width:0}
.jhero b{display:block;font-size:24px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.2)}
.jhero p{font-size:12.5px;line-height:1.5;margin-top:6px;opacity:.95}
.jhero p.w{font-weight:800;color:#fff3c4}
.jchest{width:118px;height:100px;flex:none;animation:kfl 3s ease-in-out infinite}
.jhero.sm .jchest{width:90px;height:78px}
.jcoin{animation:jcn 2.4s ease-in-out infinite}.jcoin.c2{animation-delay:1.2s}
@keyframes jcn{50%{transform:translateY(-6px)}}
.jwarn{flex-basis:100%;display:flex;gap:10px;margin-top:8px;padding:12px;border-radius:14px;background:rgba(0,0,0,.18);font-size:12.5px;line-height:1.5}
.jwarn svg{width:20px;height:20px;flex:none;color:#fff3c4}
.jpad{padding:0 16px}
.jbatch{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:16px;border-radius:26px;background:linear-gradient(180deg,#ffe48a,#ffbb2e 55%,#f28c00);color:#4a2400;font-size:15.5px;font-weight:900;box-shadow:0 4px 0 #b15c00}
.jbatch b{direction:ltr}
.jbatch:disabled{background:#2e3575;color:#7d8499;box-shadow:none}
.jbatch svg{width:20px;height:20px}
.j2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.j2 button{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:15px;background:#1a1c1f;border:1px solid rgba(255,255,255,.07);font-size:14.5px;font-weight:800;color:#fff}
.j2 svg{width:20px;height:20px;color:#ffc83d}
.jcd{margin:14px 16px 0;border-radius:22px;background:#1a1c1f;border:1px solid rgba(255,255,255,.06);overflow:hidden}
.jch{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.jtag{height:34px;padding:0 18px 0 16px;border-radius:0 0 16px 0;display:grid;place-items:center;font-size:13.5px;font-weight:900;white-space:nowrap}
[dir=rtl] .jtag{border-radius:0 0 0 16px}
.jtag.new{background:linear-gradient(180deg,#ffe48a,#f2a91f);color:#4a2400}
.jtag.got{background:#384086;color:#c3c9db}
.jtag.exp{background:#3a1d26;color:#ff8a9a}
.jtm{padding:8px 14px 0 0;text-align:end;font-size:12px;line-height:1.45;direction:ltr}
[dir=rtl] .jtm{padding:8px 0 0 14px}
.jtm span{display:block;color:#c3c9db}
.jtm em{display:block;font-style:normal;color:#ff6b7d}
.jgm{display:flex;align-items:center;gap:12px;padding:12px 14px 0}
.jgm>div{min-width:0;flex:1}
.jgm b{display:block;font-size:15px;font-weight:800}
.jgm div span{display:block;margin-top:5px;padding:4px 10px;border-radius:8px;background:#111316;color:#9aa3bb;font-size:11.5px;direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jth{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.jth svg{width:40px;height:40px}
.jst{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 14px 0;text-align:center}
.jst>div+div{border-inline-start:1px solid rgba(255,255,255,.08)}
.jst b{display:block;font-size:18px;font-weight:900;direction:ltr}
.jst small{display:block;font-size:11.5px;color:#9aa3bb;margin-top:3px}
.o{color:#ffb547}.r{color:#ff5d73}
.jbt{display:block;width:calc(100% - 28px);height:46px;margin:14px;border-radius:23px;font-size:15px;font-weight:900;text-align:center}
.jbt.new{background:linear-gradient(180deg,#ffe48a,#ffbb2e 55%,#f28c00);color:#4a2400;box-shadow:0 4px 0 #b15c00}
.jbt.got{background:#384086;color:#c3c9db}
.jbt.exp{background:#2a1820;color:#ff8a9a}
.jemp{margin:24px 16px;text-align:center;color:#9aa3bb}
.jgo{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 14px);transform:translateX(-50%);z-index:20;display:flex;align-items:center;justify-content:center;gap:8px;width:calc(min(100vw,480px) - 32px);height:54px;border-radius:27px;background:linear-gradient(90deg,#5ee0a0,#c8f542);color:#0d1030;font-size:17px;font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.jgo.st{position:static;transform:none;width:100%;margin-top:18px}
.jgo svg{width:20px;height:20px}
.jsec{display:flex;align-items:center;gap:10px;margin:24px 16px 12px;font-size:18px;font-weight:900}
.jsec .ti{width:34px;height:34px;border-radius:11px;background:#1a1c1f;color:#5ee0a0}
.jtb{margin:0 16px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.jtb .jth{width:auto;height:auto;border-radius:0;display:grid;grid-template-columns:1fr 1.25fr .9fr;padding:13px 12px;background:#2e3575;font-size:13px;font-weight:800;text-align:center;box-shadow:none}
.jtr{display:grid;grid-template-columns:1fr 1.25fr .9fr;padding:12px;font-size:12.5px;text-align:center;background:#14183f;direction:ltr}
.jtr.alt{background:#1c2152}
.jtr b{color:#ff5d73;font-weight:900}
.jgl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 16px}
.jgl>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:16px;background:#1a1c1f;font-size:12px;font-weight:800}
.jnote{margin:18px 16px 0;padding:14px 16px;border-radius:18px;background:#1a1c1f}
.jnote li{list-style:none;position:relative;padding-inline-start:18px;margin-bottom:9px;font-size:13px;line-height:1.55;color:#c3c9db}
.jnote li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;border:6px solid transparent;border-inline-start:9px solid #5ee0a0;border-inline-end:0}
.jws{margin:12px 16px 0;padding:14px;border-radius:20px;background:#1a1c1f;border:1px solid rgba(255,255,255,.06)}
.jwh{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.jwh b{flex:1;font-size:15px;font-weight:900}
.jwh .jth{width:38px;height:38px;border-radius:11px}.jwh .jth svg{width:30px;height:30px}
.jav{width:42px;height:42px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #ffc83d;flex:none}
.jav img{width:100%;height:100%;object-fit:cover;display:block}
.jkv{display:flex;justify-content:space-between;gap:10px;margin-top:5px;padding:9px 12px;border-radius:10px;background:#111316;font-size:13px}
.jkv span{color:#9aa3bb}
.jkv b{font-weight:800;direction:ltr}
/* ================= Pakbaazi — FLAT PRO THEME ================= */
:root{
  --f9:#262c66;--f8:#353d81;--f7:#383b40;--f6:#343639;
  --lime:#3cf0bd;--lime-d:#1fc771;--up:#3cf0bd;--dn:#ff5f5f;
  --cream:#262c66;--card:#353d81;--field:#1c2152;--line:rgba(255,255,255,.08);
  --t1:#ffffff;--t2:#a0a5b1;--t3:#6e737e;--danger:#ff5f5f;
  --g1:#3cf0bd;--g2:#3cf0bd;--g3:#9fe871;--gE:transparent;--gT:#0b0d2a;
  --gold:linear-gradient(90deg,#3cf0bd,#9fe871);
  --hot:radial-gradient(130% 140% at 0% 0%,rgba(60,240,189,.20) 0%,rgba(60,240,189,0) 55%),#33373b;
  --mint:linear-gradient(90deg,#3cf0bd,#9fe871);
}
html,body{background:#262c66}
.app{background:#262c66!important}
/* headers */
.hd{background:linear-gradient(180deg,#2c2f33 0%,#2c2f33 100%)!important}
.hd::before{background-image:linear-gradient(rgba(60,240,189,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(60,240,189,.045) 1px,transparent 1px)!important}
/* cards */
.card{background:#353d81;border-color:rgba(255,255,255,.06);box-shadow:0 8px 22px rgba(0,0,0,.25)}
/* primary buttons -> gold 3D */
.go,.btn.pr,.agclaim,.go2,.tbtn:not(.lock):not(.done){background:var(--gold)!important;color:var(--gT)!important;box-shadow:none;text-shadow:none}
.go:active,.btn.pr:active,.agclaim:active,.go2:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gE)!important}
.go:disabled,.agclaim:disabled{background:#444c95!important;color:#7d8499!important;box-shadow:none!important;text-shadow:none}
.go svg,.agclaim svg{color:var(--gT)}
.btn.ghost{background:#444c95;color:#fff}
/* icon tiles */
.ti{background:rgba(60,240,189,.1);color:var(--lime)}
.sec .ti,.bh .ti{background:rgba(60,240,189,.14);color:var(--gT)}
/* chips */
.chips button{background:#1c2152;color:#9aa3bb}
.chips button.on{background:var(--gold);color:var(--gT);box-shadow:none}
/* inputs */
.inp{background:#1c2152;color:#fff;border-color:transparent}
.inp:focus{border-color:#3cf0bd;background:#1c2152}
.inp::placeholder{color:#6b7390}
/* sheets / toast */
.bs{background:#353d81;color:#fff;border-top:1px solid rgba(60,240,189,.25)}
.bs::before{background:rgba(255,255,255,.2)}
.toast{background:#444c95;border-left-color:#3cf0bd}
.scrim{background:rgba(3,5,8,.7)}
/* empty */
.empty{background:#353d81;border-color:rgba(255,255,255,.1)}
.empty .ei{background:rgba(60,240,189,.1);color:#3cf0bd}
/* hero cards -> eye-catching gradients */
.bal,.pcard,.wbal,.acb{background:var(--hot)!important;border:0!important;box-shadow:0 14px 30px rgba(155,18,48,.35)!important}
.scard,.srow{background:radial-gradient(120% 120% at 100% 0%,#9c8bff 0%,#5b47e0 50%,#2e1f8f 100%)!important;border:0!important;box-shadow:0 12px 26px rgba(60,40,170,.35)!important}
.agtop{background:radial-gradient(120% 120% at 100% 0%,#5fb0ff 0%,#2f73e0 50%,#163f96 100%)!important;border:0!important;box-shadow:0 14px 30px rgba(30,70,170,.35)}
.bal *,.pcard *,.wbal *,.acb *,.scard *,.srow *,.agtop *{border-color:rgba(255,255,255,.15)}
.bal small,.pcard small,.wbal .pl,.wbal .big small{color:rgba(255,255,255,.85)!important}
.wbal .pl svg{color:#fff}
.bal .rf,.wbal .rf,.pcard .rf{background:rgba(0,0,0,.18);color:#fff;border-color:rgba(255,255,255,.2)}
.acbr b{background:linear-gradient(180deg,#fff,#fff3c4)!important;-webkit-background-clip:text!important;background-clip:text!important}
.acbd,.ag3>div{background:rgba(0,0,0,.2)!important}
.aglv{background:#fff;color:#163f96}
.agclaim{margin-top:14px}
.wbal::after,.agtop::after,.acb::after{box-shadow:0 0 0 24px rgba(255,255,255,.06),0 0 0 48px rgba(255,255,255,.035)!important}
/* colourful icon tiles */
.tile{background:var(--gold)!important;color:var(--gT)!important;box-shadow:none}
.qa button:nth-child(4n+1) .tile{background:linear-gradient(180deg,#7cc4ff,#2f73e0)!important;color:#fff!important;box-shadow:none}
.qa button:nth-child(4n+2) .tile{background:linear-gradient(180deg,#6ff0a8,#1fa864)!important;color:#fff!important;box-shadow:none}
.qa button:nth-child(4n+3) .tile{background:linear-gradient(180deg,#ff8a95,#e2384d)!important;color:#fff!important;box-shadow:none}
.list .rw:nth-child(6n+1) .ti{background:linear-gradient(180deg,#ff8a95,#e2384d);color:#fff}
.list .rw:nth-child(6n+2) .ti{background:linear-gradient(180deg,#a99bff,#5b47e0);color:#fff}
.list .rw:nth-child(6n+3) .ti{background:rgba(60,240,189,.14);color:var(--gT)}
.list .rw:nth-child(6n+4) .ti{background:linear-gradient(180deg,#6ff0a8,#1fa864);color:#fff}
.list .rw:nth-child(6n+5) .ti{background:linear-gradient(180deg,#7cc4ff,#2f73e0);color:#fff}
.list .rw:nth-child(6n+6) .ti{background:linear-gradient(180deg,#ffb36b,#f06a1f);color:#fff}
.hg button:nth-child(1) .ti{background:linear-gradient(180deg,#a99bff,#5b47e0);color:#fff}
.hg button:nth-child(2) .ti{background:rgba(60,240,189,.14);color:var(--gT)}
.hg button:nth-child(3) .ti{background:linear-gradient(180deg,#6ff0a8,#1fa864);color:#fff}
.hg button:nth-child(4) .ti{background:linear-gradient(180deg,#ff8a95,#e2384d);color:#fff}
.rw:active{background:#383b40}
/* light leftovers -> dark */
.sg button,.sgrid>div,.mbc{background:#1c2152}
.inp:focus,.inp.bad,.amp:focus-within,.amp.bad,.damp:focus-within,.damp.bad{background:#1c2152!important}
.mts button.on,.lo.on,.wmt button.on,.atd.now{background:#444c95!important}
.btn.bd,.btn.out,.mbtn.dt{background:#444c95!important;color:#fff!important;border-color:#3cf0bd!important}
.wmt button{background:#353d81;border-color:rgba(255,255,255,.08)}
.wmt button.on{border-color:#3cf0bd!important}
.wmt button.on::after{background:#3cf0bd;box-shadow:0 0 0 3px #e8433b}
.wacc{background:#353d81;border-color:rgba(255,255,255,.06)}
.amp,.damp{background:#1c2152}
.amp b,.damp b{color:#3cf0bd}
.amp input,.damp input,.srch input{color:#fff}
.dsum{background:rgba(94,224,160,.1)!important}
.lvb.l2{background:#444c95!important;color:#3cf0bd!important}
.rtr.on,.rbr.on{background:rgba(60,240,189,.12)!important}
.rtr.on span:first-child,.rbr.on span{color:#3cf0bd!important}
.kw{background:linear-gradient(180deg,#444c95,#33373b)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.atd{background:#1c2152}
.atd.big{background:linear-gradient(160deg,#3a2a12,#5a3a10)!important}
.atd.got{background:rgba(94,224,160,.12)!important}
.atd.now{box-shadow:0 0 0 2.5px #3cf0bd}
.tbtn.done{background:rgba(94,224,160,.12)!important;color:#5ee0a0!important}
.tbtn.lock{background:#444c95;color:#7d8499}
.vbadge{background:rgba(60,240,189,.14);color:#3cf0bd}
.pbar{background:#1c2152}
.seg2,.srch{background:#1c2152}
.seg2 button.on{background:var(--gold);color:var(--gT)}
.ag6{background:rgba(255,255,255,.06)}
.ag6>div{background:#353d81}
.sbg>div,.agcode{background:#1c2152}
.agcode button,.ag3b .ti,.agh .ti,.av2{background:var(--gold);color:var(--gT)}
.agrl li::before{background:var(--gold);color:var(--gT)}
.rth{background:#444c95}
.agex{background:#1c2152}
.mini{background:#353d81!important;border-bottom:1px solid rgba(60,240,189,.2)}
.dbar{background:#353d81;border-top:1px solid rgba(60,240,189,.25)}
.dbar button{background:var(--gold);color:var(--gT);box-shadow:none}
.wln .allb{background:var(--gold);color:var(--gT)}
.dgrid button{background:#1c2152;color:#fff}
.dgrid button.on{background:var(--gold);color:var(--gT);border-color:transparent}
/* green text -> mint, dark-on-dark text -> light */
.stats2 b.g,.sclaim,.estl b,.spill.ok,.hr b.ok,.ws.done,.dsum .bn b,.wr b.grn,b.g,.g,.cmr small.ok,.rtr span:last-child,.rbr b,.sin{color:#5ee0a0!important}
.sh .va,.sg svg,.note svg,.lo svg,.lvn,.hrs svg,.wrul .hlx{color:#3cf0bd!important}
.ws.proc,.cmr small.pd{color:#ffb547!important}
.up{color:#5ee0a0}
/* misc */
.uid{background:rgba(255,255,255,.08)}
.vip2{background:var(--hot)}
.htabs button.on::after,.inw .all,.lst i{background:#3cf0bd}
.vp{background:#1c2152!important;border-color:rgba(60,240,189,.3)!important}
.vp b{color:#3cf0bd!important}
.mba{background:radial-gradient(120% 120% at 50% 0%,#ffb36b,#e8433b 60%,#9b1230)!important}
.mbtn.cl{background:var(--gold)!important;color:var(--gT)!important;box-shadow:none}
.mbtn.rc,.mbtn.lk{background:#444c95!important;color:#7d8499!important}

/* ---- flat overrides (no 3D) ---- */
.hd{background:#2c2f33!important;border-radius:0 0 24px 24px}
.hd::before{display:none}
.card,.wacc,.wmt button,.sbc,.jcd,.jws{box-shadow:none!important}
.go,.btn.pr,.agclaim,.go2,.tbtn:not(.lock):not(.done),.dbar button,.wln .allb,.mbtn.cl,.chips button.on,.seg2 button.on,.dgrid button.on{background:linear-gradient(90deg,#3cf0bd,#9fe871)!important;color:#0b0d2a!important;box-shadow:none!important;text-shadow:none!important}
.go:active,.btn.pr:active,.agclaim:active,.go2:active{transform:scale(.98)!important}
.go svg,.agclaim svg{color:#0b0d2a!important;stroke:#0b0d2a}
.bal,.pcard,.wbal,.acb{background:var(--hot)!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
.scard,.srow{background:radial-gradient(130% 140% at 0% 0%,rgba(140,120,255,.22),rgba(140,120,255,0) 55%),#33373b!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
.agtop{background:radial-gradient(130% 140% at 0% 0%,rgba(80,150,255,.22),rgba(80,150,255,0) 55%),#33373b!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
.bal small,.pcard small,.wbal .pl,.wbal .big small{color:#a0a5b1!important}
.bal .big small,.pcard .big small,.wbal .big small,.agbig small{color:#3cf0bd!important}
.wbal .pl svg{color:#3cf0bd}
.acbr b{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#fff!important}
.acbr div:last-child b{color:#3cf0bd!important}
.aglv{background:#3cf0bd;color:#0b0d2a}
.vip2{background:#33373b}
/* icon tiles: flat tints */
.tile,.qa button .tile{background:rgba(60,240,189,.12)!important;color:#3cf0bd!important;box-shadow:none!important}
.qa button:nth-child(4n+1) .tile{background:rgba(80,150,255,.14)!important;color:#5aa2ff!important}
.qa button:nth-child(4n+2) .tile{background:rgba(60,240,189,.12)!important;color:#3cf0bd!important}
.qa button:nth-child(4n+3) .tile{background:rgba(255,95,95,.13)!important;color:#ff6b6b!important}
.qa button:nth-child(4n+4) .tile{background:rgba(255,200,0,.13)!important;color:#ffc800!important}
.list .rw .ti,.hg button .ti{box-shadow:none}
.list .rw:nth-child(6n+1) .ti,.hg button:nth-child(4) .ti{background:rgba(255,95,95,.13);color:#ff6b6b}
.list .rw:nth-child(6n+2) .ti,.hg button:nth-child(1) .ti{background:rgba(150,130,255,.15);color:#a796ff}
.list .rw:nth-child(6n+3) .ti,.hg button:nth-child(2) .ti{background:rgba(255,200,0,.13);color:#ffc800}
.list .rw:nth-child(6n+4) .ti,.hg button:nth-child(3) .ti{background:rgba(60,240,189,.12);color:#3cf0bd}
.list .rw:nth-child(6n+5) .ti{background:rgba(80,150,255,.14);color:#5aa2ff}
.list .rw:nth-child(6n+6) .ti{background:rgba(255,140,60,.14);color:#ff9a4d}
.sec .ti,.bh .ti{background:rgba(60,240,189,.12)!important;color:#3cf0bd!important}
.agcode button,.ag3b .ti,.agh .ti,.av2,.agrl li::before{background:rgba(60,240,189,.12)!important;color:#3cf0bd!important}
.kw{background:#383b40!important;box-shadow:none!important}
.mba{background:radial-gradient(120% 120% at 50% 0%,rgba(60,240,189,.25),#33373b 70%)!important}
.vp{border-color:rgba(255,255,255,.08)!important}.vp b{color:#fff!important}
.atd.big{background:rgba(255,200,0,.1)!important}
.atd.now{box-shadow:0 0 0 2px #3cf0bd!important;animation:none}
.wmt button.on{border-color:#3cf0bd!important}
.wmt button.on::after{background:#3cf0bd;box-shadow:none}
.toast{background:#444c95;border-left-color:#3cf0bd}
.sh .va,.sg svg,.note svg,.lo svg,.lvn,.hrs svg,.wrul .hlx{color:#3cf0bd!important}
.uid{background:rgba(255,255,255,.06)}
/* activity banners: keep colour, drop depth */
.abn,.acx,.ahero{box-shadow:none!important}
.abt em{background:rgba(0,0,0,.25)}
/* super jackpot page */
.app.jdk,.jz{background:#262c66!important}
.jz .hd{background:#2c2f33!important}
.jhero{box-shadow:none}
.jcd,.jws,.jnote,.j2 button,.jgl>div{background:#353d81!important;border-color:rgba(255,255,255,.06)!important}
.jgm div span,.jkv{background:#1c2152!important}
.jtb .jth{background:#444c95!important}.jtr{background:#353d81!important}.jtr.alt{background:#303337!important}
.jbatch,.jbt.new{background:linear-gradient(90deg,#3cf0bd,#9fe871)!important;color:#0b0d2a!important;box-shadow:none!important}
.jbatch:disabled{background:#444c95!important;color:#6e737e!important}
.jtag.new{background:#3cf0bd!important;color:#0b0d2a!important}
.jbt.got,.jtag.got{background:#444c95!important}
.o{color:#ffc800}.j2 svg{color:#3cf0bd}
.jsec .ti{background:rgba(60,240,189,.12);color:#3cf0bd}
/* invite wheel pills: flatter */
.gpill{box-shadow:none!important;text-shadow:none!important}
.wpc .go,.bxr .go{box-shadow:none!important}
.tbn{background:rgba(255,200,0,.14)!important;color:#ffc800!important}.pbar i{background:linear-gradient(90deg,#3cf0bd,#9fe871)!important}
/* ===== clear coloured icon buttons (flat, no 3D) ===== */
.tile,.qa button .tile,.srow .tile{width:52px!important;height:52px!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;color:#fff!important}
.tile svg.i{width:26px;height:26px;stroke-width:2.2}
.list .rw .ti,.hg button .ti{color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.list .rw .ti svg.i,.hg .ti svg.i{stroke-width:2.1}
.sg button svg.i{width:44px!important;height:44px!important;padding:10px;border-radius:13px;color:#fff!important;stroke-width:2.1;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.app .qa button[data-nav="wallet"] .tile,.app [data-nav="wallet"] .tile,[data-nav="wallet"]>.ti,[data-nav="wallet"] .ti,.sg [data-nav="wallet"] svg.i{background:linear-gradient(180deg,#4f9bff,#2563eb)!important;color:#fff!important}
.app .qa button[data-nav="deposit"] .tile,.app [data-nav="deposit"] .tile,[data-nav="deposit"]>.ti,[data-nav="deposit"] .ti,.sg [data-nav="deposit"] svg.i{background:linear-gradient(180deg,#2fe08f,#10a85f)!important;color:#fff!important}
.app .qa button[data-nav="withdraw"] .tile,.app [data-nav="withdraw"] .tile,[data-nav="withdraw"]>.ti,[data-nav="withdraw"] .ti,.sg [data-nav="withdraw"] svg.i{background:linear-gradient(180deg,#ff9a3d,#ea5a0c)!important;color:#fff!important}
.app .qa button[data-nav="vip"] .tile,.app [data-nav="vip"] .tile,[data-nav="vip"]>.ti,[data-nav="vip"] .ti,.sg [data-nav="vip"] svg.i{background:linear-gradient(180deg,#ffd23f,#e9a100)!important;color:#fff!important}
.app .qa button[data-nav="safe"] .tile,.app [data-nav="safe"] .tile,[data-nav="safe"]>.ti,[data-nav="safe"] .ti,.sg [data-nav="safe"] svg.i{background:linear-gradient(180deg,#a78bfa,#7c3aed)!important;color:#fff!important}
.app .qa button[data-nav="games"] .tile,.app [data-nav="games"] .tile,[data-nav="games"]>.ti,[data-nav="games"] .ti,.sg [data-nav="games"] svg.i{background:linear-gradient(180deg,#a78bfa,#7c3aed)!important;color:#fff!important}
.app .qa button[data-nav="transactions"] .tile,.app [data-nav="transactions"] .tile,[data-nav="transactions"]>.ti,[data-nav="transactions"] .ti,.sg [data-nav="transactions"] svg.i{background:linear-gradient(180deg,#4f9bff,#2563eb)!important;color:#fff!important}
.app .qa button[data-nav="deposits"] .tile,.app [data-nav="deposits"] .tile,[data-nav="deposits"]>.ti,[data-nav="deposits"] .ti,.sg [data-nav="deposits"] svg.i{background:linear-gradient(180deg,#2fe08f,#10a85f)!important;color:#fff!important}
.app .qa button[data-nav="withdrawals"] .tile,.app [data-nav="withdrawals"] .tile,[data-nav="withdrawals"]>.ti,[data-nav="withdrawals"] .ti,.sg [data-nav="withdrawals"] svg.i{background:linear-gradient(180deg,#ff9a3d,#ea5a0c)!important;color:#fff!important}
.app .qa button[data-nav="notifications"] .tile,.app [data-nav="notifications"] .tile,[data-nav="notifications"]>.ti,[data-nav="notifications"] .ti,.sg [data-nav="notifications"] svg.i{background:linear-gradient(180deg,#ff6b81,#e11d48)!important;color:#fff!important}
.app .qa button[data-nav="gifts"] .tile,.app [data-nav="gifts"] .tile,[data-nav="gifts"]>.ti,[data-nav="gifts"] .ti,.sg [data-nav="gifts"] svg.i{background:linear-gradient(180deg,#c084fc,#9333ea)!important;color:#fff!important}
.app .qa button[data-nav="activity"] .tile,.app [data-nav="activity"] .tile,[data-nav="activity"]>.ti,[data-nav="activity"] .ti,.sg [data-nav="activity"] svg.i{background:linear-gradient(180deg,#ffd23f,#e9a100)!important;color:#fff!important}
.app .qa button[data-nav="agent"] .tile,.app [data-nav="agent"] .tile,[data-nav="agent"]>.ti,[data-nav="agent"] .ti,.sg [data-nav="agent"] svg.i{background:linear-gradient(180deg,#2fe08f,#10a85f)!important;color:#fff!important}
.app .qa button[data-nav="wheel"] .tile,.app [data-nav="wheel"] .tile,[data-nav="wheel"]>.ti,[data-nav="wheel"] .ti,.sg [data-nav="wheel"] svg.i{background:linear-gradient(180deg,#ff6b81,#e11d48)!important;color:#fff!important}
.app .qa button[data-nav="coupons"] .tile,.app [data-nav="coupons"] .tile,[data-nav="coupons"]>.ti,[data-nav="coupons"] .ti,.sg [data-nav="coupons"] svg.i{background:linear-gradient(180deg,#ff9a3d,#ea5a0c)!important;color:#fff!important}
.app .qa button[data-nav="stats"] .tile,.app [data-nav="stats"] .tile,[data-nav="stats"]>.ti,[data-nav="stats"] .ti,.sg [data-nav="stats"] svg.i{background:linear-gradient(180deg,#4f9bff,#2563eb)!important;color:#fff!important}
.app .qa button[data-nav="settings"] .tile,.app [data-nav="settings"] .tile,[data-nav="settings"]>.ti,[data-nav="settings"] .ti,.sg [data-nav="settings"] svg.i{background:linear-gradient(180deg,#94a3b8,#64748b)!important;color:#fff!important}
.app .qa button[data-nav="feedback"] .tile,.app [data-nav="feedback"] .tile,[data-nav="feedback"]>.ti,[data-nav="feedback"] .ti,.sg [data-nav="feedback"] svg.i{background:linear-gradient(180deg,#4f9bff,#2563eb)!important;color:#fff!important}
.app .qa button[data-nav="announcements"] .tile,.app [data-nav="announcements"] .tile,[data-nav="announcements"]>.ti,[data-nav="announcements"] .ti,.sg [data-nav="announcements"] svg.i{background:linear-gradient(180deg,#ff9a3d,#ea5a0c)!important;color:#fff!important}
.app .qa button[data-nav="support"] .tile,.app [data-nav="support"] .tile,[data-nav="support"]>.ti,[data-nav="support"] .ti,.sg [data-nav="support"] svg.i{background:linear-gradient(180deg,#2fe08f,#10a85f)!important;color:#fff!important}
.app .qa button[data-nav="guide"] .tile,.app [data-nav="guide"] .tile,[data-nav="guide"]>.ti,[data-nav="guide"] .ti,.sg [data-nav="guide"] svg.i{background:linear-gradient(180deg,#c084fc,#9333ea)!important;color:#fff!important}
.app .qa button[data-nav="about"] .tile,.app [data-nav="about"] .tile,[data-nav="about"]>.ti,[data-nav="about"] .ti,.sg [data-nav="about"] svg.i{background:linear-gradient(180deg,#38bdf8,#0284c7)!important;color:#fff!important}
.app .qa button[data-nav="edit"] .tile,.app [data-nav="edit"] .tile,[data-nav="edit"]>.ti,[data-nav="edit"] .ti,.sg [data-nav="edit"] svg.i{background:linear-gradient(180deg,#ffd23f,#e9a100)!important;color:#fff!important}
.app .qa button[data-nav="email"] .tile,.app [data-nav="email"] .tile,[data-nav="email"]>.ti,[data-nav="email"] .ti,.sg [data-nav="email"] svg.i{background:linear-gradient(180deg,#4f9bff,#2563eb)!important;color:#fff!important}
#langRow .ti{background:linear-gradient(180deg,#38bdf8,#0284c7)!important;color:#fff!important}
.app .qa button[data-nav="vip"] .tile,.app [data-nav="vip"] .tile,[data-nav="activity"] .ti,[data-nav="edit"] .ti{color:#3a2600!important}
.qa button{font-size:13px;font-weight:800}
#rwMail .ti{background:linear-gradient(180deg,#4f9bff,#2563eb)!important;color:#fff!important}
#rwPass .ti{background:linear-gradient(180deg,#ff6b81,#e11d48)!important;color:#fff!important}
.list .rw .ti{background:linear-gradient(180deg,#5b6170,#404245);color:#fff}

/* ---- BC-style lighter greys + live accents ---- */
.hd{background:linear-gradient(180deg,#2c2f33 0%,#2a2e31 100%)!important;border-bottom:1px solid rgba(255,255,255,.05)}
.hd::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 120% at 85% 0%,rgba(60,240,189,.14),rgba(60,240,189,0) 70%)}
.hd>*{position:relative;z-index:1}
.card,.wacc,.wmt button,.sbc,.jcd,.jws,.empty{border-color:rgba(255,255,255,.05)!important}
.chips button,.seg2,.srch{background:#383b40!important}
.chips button.on,.seg2 button.on{background:linear-gradient(90deg,#3cf0bd,#9fe871)!important}
.rw:active{background:#383b40}
.bal,.pcard,.wbal,.acb{background:radial-gradient(130% 150% at 0% 0%,rgba(60,240,189,.26) 0%,rgba(60,240,189,0) 55%),radial-gradient(90% 120% at 100% 100%,rgba(90,162,255,.14),rgba(90,162,255,0) 60%),#33373b!important}
/* ================= Pakbaazi — PRO THEME (final) =================
   Base: blue-slate (not black, not white). Solid fills, no gradient buttons,
   tight radii, no glow. One primary green, gold for money/VIP, red for risk. */
:root{
  --bg:#272e69;--nav:#181c48;--card:#384086;--raise:#48509b;--hover:#3b5566;--input:#181c48;
  --txt:#ffffff;--mut:#b1bad3;--dim:#7f8ea3;--bd:rgba(255,255,255,.07);
  --pri:#20d6a4;--pri-h:#25e27a;--pri-t:#13163d;--blu:#3d8bff;--gld:#ffbe2e;--red:#ff4d5e;--ocean:#1c4664;
  --f9:#181c48;--f8:#384086;--f7:#48509b;--f6:#3b5566;--lime:#20d6a4;--lime-d:#19b85f;--up:#20d6a4;--dn:#ff4d5e;
  --cream:#272e69;--field:#181c48;--line:rgba(255,255,255,.07);--t1:#fff;--t2:#b1bad3;--t3:#7f8ea3;--danger:#ff4d5e;
  --gold:#20d6a4;--hot:#1c4664;--mint:#20d6a4;--gT:#13163d;--gE:transparent;
}
html,body,.app{background:#272e69!important}
.app.dk{background:#0a0c0f!important}
/* top bars: flat, darker band */
.hd{background:#181c48!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.hd::before,.hd::after{display:none!important}
/* surfaces */
.card,.wacc,.wmt button,.sbc,.empty,.hg button,.ag6>div{background:#384086!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;box-shadow:none!important}
.ag6{background:rgba(255,255,255,.06)!important;border-radius:12px!important}
.empty{border-style:dashed!important}
.rw:active,.hg button:active{background:#48509b!important}
.list .rw+.rw::before{background:rgba(255,255,255,.06)!important}
/* inputs */
.inp,.amp,.damp,.srch,.box{background:#181c48!important;border:1px solid #48509b!important;border-radius:10px!important;color:#fff}
.inp:focus,.amp:focus-within,.damp:focus-within{border-color:#3d8bff!important;background:#181c48!important}
.inp.bad,.amp.bad,.damp.bad{border-color:#ff4d5e!important}
/* PRIMARY BUTTON: solid green, dark text, 10px radius */
.go,.btn.pr,.agclaim,.go2,.tbtn:not(.lock):not(.done),.dbar button,.jbatch,.jbt.new,.mbtn.cl,.wln .allb{
  background:#20d6a4!important;color:#13163d!important;border:0!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important;font-weight:700!important;letter-spacing:0!important;transition:background .15s,transform .1s!important}
.go:hover,.btn.pr:hover,.agclaim:hover,.go2:hover{background:#25e27a!important}
.go:active,.btn.pr:active,.agclaim:active,.go2:active,.jbatch:active{transform:translateY(1px)!important}
.go svg,.agclaim svg{color:#13163d!important;stroke:#13163d!important}
.go:disabled,.agclaim:disabled,.jbatch:disabled{background:#48509b!important;color:#7f8ea3!important}
.go:disabled svg{color:#7f8ea3!important;stroke:#7f8ea3!important}
/* SECONDARY BUTTON: slate */
.btn.ghost,.btn.bd,.btn.out,.mbtn.dt,.jbt.got,.tbtn.lock,.mbtn.rc,.mbtn.lk{background:#48509b!important;color:#fff!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
.tbtn.done{background:rgba(32,214,164,.12)!important;color:#20d6a4!important;border-radius:10px!important}
.wln .allb{height:30px!important;border-radius:8px!important}
/* chips / tabs */
.chips button,.seg2{background:#181c48!important;border-radius:8px!important;color:#b1bad3!important;box-shadow:none!important}
.chips button.on,.seg2 button.on,.dgrid button.on{background:#48509b!important;color:#fff!important;box-shadow:none!important}
.seg2 button{border-radius:6px!important}
.dgrid button{background:#181c48!important;border-radius:8px!important;border:1px solid transparent!important}
.dgrid button.on{border-color:#20d6a4!important}
.wmt button.on{border-color:#20d6a4!important;background:#384086!important}
.wmt button.on::after{background:#20d6a4!important;box-shadow:none!important}
/* hero cards: solid colour, no glow */
.bal,.pcard,.wbal,.acb{background:#1c4664!important;border:0!important;border-radius:14px!important;box-shadow:none!important}
.bal::after,.wbal::after,.acb::after,.agtop::after,.pcard::after{display:none!important}
.scard,.srow{background:#3a2f7a!important;border:0!important;border-radius:14px!important;box-shadow:none!important}
.agtop{background:#1a5378!important;border:0!important;border-radius:14px!important;box-shadow:none!important}
.bal small,.pcard small,.wbal .pl,.ag3 small{color:#b9cde0!important}
.bal .big small,.pcard .big small,.wbal .big small,.agbig small{color:#20d6a4!important}
.acbr b{color:#fff!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}
.acbr div:last-child b{color:#ffbe2e!important}
.acbd,.ag3>div,.bal .rf,.wbal .rf{background:rgba(0,0,0,.2)!important;border-color:transparent!important;border-radius:10px!important}
.aglv{background:#ffbe2e!important;color:#2b1d00!important}
/* icon tiles: solid colour, no inner highlight */
.tile,.list .rw .ti,.hg button .ti,.sg button svg.i{box-shadow:none!important;border-radius:12px!important}
.tile{border-radius:14px!important}
/* replace icon-tile gradients by their solid base colour */
.app .qa button[data-nav="wallet"] .tile,.app [data-nav="wallet"] .tile,[data-nav="transactions"] .ti,[data-nav="stats"] .ti,.sg [data-nav="feedback"] svg.i,#rwMail .ti{background:#3d8bff!important}
.app .qa button[data-nav="deposit"] .tile,.app [data-nav="deposit"] .tile,[data-nav="deposits"] .ti,[data-nav="agent"] .ti,.sg [data-nav="support"] svg.i{background:#18b863!important}
.app .qa button[data-nav="withdraw"] .tile,.app [data-nav="withdraw"] .tile,[data-nav="withdrawals"] .ti,[data-nav="coupons"] .ti,.sg [data-nav="announcements"] svg.i{background:#f2700f!important}
.app .qa button[data-nav="vip"] .tile,.app [data-nav="vip"] .tile,[data-nav="activity"] .ti,[data-nav="edit"] .ti{background:#ffbe2e!important;color:#2b1d00!important}
.app [data-nav="safe"] .tile,[data-nav="games"] .ti,[data-nav="gifts"] .ti,.sg [data-nav="guide"] svg.i{background:#7b5cf0!important}
[data-nav="notifications"] .ti,[data-nav="wheel"] .ti,#rwPass .ti{background:#e8364f!important}
#langRow .ti,.sg [data-nav="about"] svg.i{background:#12a3d6!important}
.sg [data-nav="settings"] svg.i{background:#5b6b80!important}
.sg button{background:#181c48!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.05)!important}
.sec .ti,.bh .ti,.sh h2 .ti,.agcode button,.ag3b .ti,.agh .ti,.av2,.agrl li::before,.jsec .ti{background:#48509b!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important}
.kw{background:#48509b!important;box-shadow:none!important;border-radius:14px!important}
/* misc */
.mini{background:#181c48!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.toast{background:#48509b!important;border-left:4px solid #20d6a4!important;border-radius:10px!important}
.bs{background:#384086!important;border-radius:16px 16px 0 0!important;border-top:0!important}
.scrim{background:rgba(8,10,34,.65)!important}
.dbar{background:#181c48!important;border-radius:0!important;border-top:1px solid rgba(255,255,255,.06)!important}
.uid{background:rgba(255,255,255,.07)!important}
.sh .va,.sg svg,.note svg,.lo svg,.lvn,.hrs svg,.wrul .hlx{color:#20d6a4!important}
.stats2 b.g,.sclaim,.estl b,.spill.ok,.hr b.ok,.ws.done,.dsum .bn b,.wr b.grn,b.g,.g,.cmr small.ok,.rtr span:last-child,.rbr b,.sin,.pd .pf,.lr .pf{color:#20d6a4!important}
.ws.proc,.cmr small.pd,.o{color:#ffbe2e!important}
.lvb.l1{background:#20d6a4!important;color:#13163d!important}.lvb.l2{background:#48509b!important;color:#fff!important}
.rtr.on,.rbr.on{background:rgba(61,139,255,.14)!important}.rtr.on span:first-child,.rbr.on span{color:#7fb2ff!important}
.rth{background:#181c48!important}
.atd{background:#181c48!important;border-radius:10px!important}
.atd.got{background:rgba(32,214,164,.12)!important}.atd.now{box-shadow:0 0 0 2px #20d6a4!important}.atd.big{background:rgba(255,190,46,.12)!important}
.tbn{background:rgba(255,190,46,.14)!important;color:#ffbe2e!important;border-radius:8px!important}
.pbar{background:#181c48!important}.pbar i{background:#20d6a4!important}
.vp{background:#181c48!important;border-color:rgba(255,255,255,.08)!important;border-radius:8px!important}
.mba{background:#48509b!important}
.dsum{background:rgba(32,214,164,.1)!important}
/* promo banners: solid brand colours, no radial glow */
.abn,.acx,.ahero,.jhero{box-shadow:none!important;border-radius:14px!important}
.abart .o1,.abart .o2{display:none}
.b-wheel,.h-jp,.jhero{background:#c8283f!important}
.b-fd,.h-fd{background:#2563c9!important}
.b-vid,.h-vid{background:#151515!important}
.b-ag,.h-inv{background:#0f7a4a!important}
.c-gift,.h-gift{background:#5b3fd6!important}
.c-att,.h-att{background:#e08600!important}
.h-reb{background:#0f8f55!important}
.abt em{background:rgba(0,0,0,.22)!important;border-radius:8px!important}
/* jackpot pages */
.app.jdk,.jz{background:#272e69!important}
.jz .hd{background:#181c48!important}
.jcd,.jws,.jnote,.j2 button,.jgl>div{background:#384086!important;border-color:rgba(255,255,255,.06)!important;border-radius:12px!important}
.jgm div span,.jkv{background:#181c48!important}
.jtb .jth{background:#181c48!important}.jtr{background:#384086!important}.jtr.alt{background:#2b2d30!important}
.jtag.new{background:#20d6a4!important;color:#13163d!important}
.jgo{background:#20d6a4!important;color:#13163d!important;border-radius:10px!important}
.jbt{border-radius:10px!important}
/* ================= PROFILE v2 + SAFE v2 ================= */
.ph{padding:calc(env(safe-area-inset-top) + 6px) 16px 58px!important}
.ph .tb h2{font-size:17px;font-weight:700}
.ph .who{margin-top:8px}
.ph .nm h1{font-size:21px;font-weight:800}
.pvip{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:11px 12px;border-radius:12px;background:#272e69;border:1px solid rgba(255,255,255,.06);text-align:start}
.pvb{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:7px;background:#ffbe2e;color:#2b1d00;font-weight:800;font-size:13px;flex:none;direction:ltr}
.pvb svg{width:15px;height:15px;stroke-width:2.2}
.pvm{flex:1;min-width:0}
.pvt{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#b1bad3;font-weight:600}
.pvt b{color:#fff;font-weight:800}
.pvbar{display:block;height:6px;border-radius:3px;background:#181c48;margin-top:7px;overflow:hidden}
.pvbar i{display:block;height:100%;width:0;background:#ffbe2e;border-radius:inherit;transition:width .8s ease}
.pvip .ch,.psafe .ch{width:18px;height:18px;color:#7f8ea3;flex:none}
[dir=ltr] .pvip .ch.flip,[dir=ltr] .psafe .ch.flip{transform:none}
.pbal{position:relative;z-index:2;margin:-40px 16px 0;padding:16px 16px 14px;border-radius:14px;background:#384086;border:1px solid rgba(255,255,255,.06)}
.pbt{display:flex;justify-content:space-between;align-items:center}
.pbal .lab{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#b1bad3;font-weight:600}
.pbal .eye{width:30px;height:30px;display:grid;place-items:center;color:#b1bad3;border-radius:8px}
.pbal .eye svg{width:18px;height:18px}
.pbal .rf{width:34px;height:34px;border-radius:8px;background:#48509b!important;color:#fff;border:0!important;display:grid;place-items:center}
.pbal .rf svg{width:17px;height:17px}
.pbal .amt{display:flex;align-items:baseline;gap:6px;margin-top:4px;font-size:34px;font-weight:800;letter-spacing:-.5px;direction:ltr;color:#fff}
[dir=rtl] .pbal .amt{justify-content:flex-end}
.pbal .amt small{font-size:17px;color:#7f8ea3;font-weight:700}
.pbal .pf{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;color:#7f8ea3}
.pbal .chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:6px;font-size:12.5px;font-weight:800;border:0;direction:ltr}
.pbal .chip.up{background:rgba(32,214,164,.14);color:#20d6a4}.pbal .chip.dn{background:rgba(255,77,94,.14);color:#ff4d5e}
.pbal .chip svg{width:14px;height:14px}
.pbtn2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.pbtn2 button{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:10px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}
.pbtn2 button:active{transform:translateY(1px)}
.pbtn2 .b1{background:#20d6a4;color:#13163d}.pbtn2 .b1:hover{background:#25e27a}
.pbtn2 .b2{background:#48509b;color:#fff}.pbtn2 .b2:hover{background:#3b5566}
.pbtn2 svg{width:19px;height:19px;stroke-width:2.2}
.pq{margin-top:12px!important}
.app .pq [data-nav="wallet"] .tile{background:#3d8bff!important;color:#fff!important}
.app .pq [data-nav="activity"] .tile{background:#ffbe2e!important;color:#2b1d00!important}
.app .pq [data-nav="wheel"] .tile{background:#e8364f!important;color:#fff!important}
.app .pq [data-nav="agent"] .tile{background:#18b863!important;color:#fff!important}
.psafe{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:12px 16px 0;padding:13px 12px 13px 14px;border-radius:14px;background:#384086;border:1px solid rgba(255,190,46,.28);text-align:start;transition:background .15s}
.psafe:active{background:#3a3c3f}
.psafe .vault{width:46px;height:46px;flex:none}
.psafe .tx{flex:1;min-width:0}
.psafe .tx b{display:block;font-size:15.5px;font-weight:800;color:#fff}
.psafe .tx small{display:block;font-size:12px;color:#b1bad3;margin-top:2px}
.psafe .sv{text-align:end;direction:ltr;flex:none}
.psafe .sv b{display:block;font-size:15px;font-weight:800;color:#fff}
.psafe .sv small{display:block;font-size:12px;font-weight:700;color:#20d6a4;margin-top:2px}
.prec{padding:14px 6px 10px!important}
.prh{padding:0 10px 10px;font-size:14.5px;font-weight:800}
.rg4{display:grid;grid-template-columns:repeat(4,1fr)}
.rg4 button{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#b1bad3;text-align:center;padding:4px 2px;border-radius:10px}
.rg4 button:active{background:#48509b}
.rg4 .ti{width:44px;height:44px;border-radius:12px!important;color:#fff!important}
/* no purple anywhere in the profile area */
.app [data-nav="games"] .ti,.app [data-nav="gifts"] .ti,.sg [data-nav="guide"] svg.i{background:#0fae98!important;color:#fff!important}
.app [data-nav="transactions"] .ti{background:#3d8bff!important}
.c-gift,.h-gift{background:#0f8f7f!important}
.scard,.srow{background:#384086!important}
/* ---- SAFE ---- */
.vhero{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-40px 16px 0;padding:18px 16px 14px;border-radius:14px;background:#384086;border:1px solid rgba(255,190,46,.28)}
.vl{flex:1;min-width:0}
.vlab{display:block;font-size:13.5px;color:#b1bad3;font-weight:600}
.vbig{display:flex;align-items:baseline;gap:6px;margin-top:6px;font-size:clamp(26px,8.5vw,34px);font-weight:800;direction:ltr;color:#fff;letter-spacing:-.5px}
[dir=rtl] .vbig{justify-content:flex-end}
.vbig small{font-size:17px;color:#7f8ea3;font-weight:700}
.vrate{display:inline-flex;align-items:center;gap:5px;height:26px;margin-top:10px;padding:0 9px;border-radius:7px;background:rgba(255,190,46,.14);color:#ffbe2e;font-size:12px;font-weight:800}
.vrate svg{width:14px;height:14px}
.vart{width:88px;height:88px;flex:none}
.vnext{flex-basis:100%;display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:#b1bad3}
.vnext svg{width:15px;height:15px;flex:none}
.vnext b{color:#fff;font-weight:800;direction:ltr}
.vsec{margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px;color:#20d6a4;font-weight:700;font-size:12px}
.vsec svg{width:14px;height:14px}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 16px 0;border-radius:12px;background:#384086;border:1px solid rgba(255,255,255,.06)}
.vgrid>div{padding:12px 10px;min-width:0}
.vgrid>div+div{border-inline-start:1px solid rgba(255,255,255,.07)}
.vgrid small{display:block;font-size:11px;color:#7f8ea3;font-weight:600;line-height:1.3;min-height:28px}
.vgrid b{display:block;margin-top:4px;font-size:14px;font-weight:800;direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
[dir=rtl] .vgrid b{text-align:right}
.vgrid b.g{color:#20d6a4!important}
.vact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 16px 0}
.vact .btn{height:48px;font-size:15px;display:flex;align-items:center;justify-content:center}
.vclaim{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);height:48px;margin:10px 16px 0;border-radius:10px;background:#ffbe2e;color:#2b1d00;font-size:15px;font-weight:800;transition:background .15s,transform .1s}
.vclaim:hover{background:#ffc94d}.vclaim:active{transform:translateY(1px)}
.vclaim svg{width:18px;height:18px;stroke-width:2.2}
.vhow{margin:12px 16px 0;padding:4px 14px;border-radius:12px;background:#384086;border:1px solid rgba(255,255,255,.06)}
.vst{display:flex;align-items:center;gap:12px;padding:11px 0}
.vst+.vst{border-top:1px solid rgba(255,255,255,.06)}
.vst i{width:26px;height:26px;border-radius:7px;background:#48509b;color:#fff;font-style:normal;font-weight:800;font-size:12.5px;display:grid;place-items:center;flex:none}
.vst span{font-size:13.5px;color:#d5dbe8;line-height:1.45}
/* transfer sheet */
.pcts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.pcts button{height:34px;border-radius:8px;background:#48509b;color:#fff;font-size:13px;font-weight:700;text-align:center}
.pcts button:active{background:#3b5566}
#bsMove .avl{display:flex;justify-content:space-between;margin-top:14px;padding:11px 12px;border-radius:8px;background:#181c48;font-size:13px;color:#b1bad3}
#bsMove .avl b{color:#fff;direction:ltr}
#bsMove .estl{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding:11px 12px;border-radius:8px;background:rgba(32,214,164,.08);font-size:12.5px;color:#b1bad3}
.vst span{text-align:start;flex:1}.vhow{text-align:start}

/* ---- invite wheel: new background + silver coin stand ---- */
.app.dk{background:#14183f!important}
.wz{background-color:#14183f!important;background-size:100% auto!important;background-position:center top!important}
.wz::before{display:block!important;content:"";position:absolute;inset:0 0 auto 0;height:440px;background:linear-gradient(180deg,rgba(7,9,30,.62) 0%,rgba(7,9,30,.25) 55%,rgba(7,9,30,0) 100%)!important;-webkit-mask-image:none!important;mask-image:none!important;pointer-events:none;z-index:0}
.whl2{width:min(84%,350px)!important;margin-top:30px!important}
.wwrap2::before{box-shadow:0 0 0 4px rgba(255,214,90,.16),0 18px 34px rgba(0,0,0,.45)!important}
.wst{position:relative;z-index:3!important;width:120.8%!important;margin:-19.6% 0 0 -11%!important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.gpill.wide{margin-top:14px!important}

.wz::after{content:"";position:absolute;left:0;right:0;top:calc(min(100vw,480px)*1.951 - 220px);height:220px;background:linear-gradient(180deg,rgba(22,26,66,0),#14183f 92%);pointer-events:none;z-index:0}
.wz>*{position:relative;z-index:1}
.wz>.wzh{z-index:5}
.wlf2{display:table!important;margin:12px auto 0!important;padding:8px 14px!important;border-radius:10px;background:rgba(10,12,38,.66);font-size:14px!important;text-shadow:none!important}
.wcd2{display:table;margin:0 auto;padding:4px 12px;border-radius:8px;background:rgba(10,12,38,.45)}
.gb{background:rgba(10,12,38,.42)!important;border-color:rgba(255,214,90,.25)!important}
.gb.open{background:rgba(255,190,46,.12)!important;border-color:rgba(255,214,90,.6)!important}
.gb .ry svg{fill:rgba(255,214,90,.22)}
.bsub{color:#e9efe6!important;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.bxc{text-shadow:0 1px 6px rgba(0,0,0,.6)}
.wsec2{text-shadow:0 2px 6px rgba(0,0,0,.4)}
.gb svg.box{background:none!important;border:0!important;border-radius:0!important}.gb .gamt{background:rgba(10,12,38,.88)!important;border-color:#ffc93c!important;color:#ffd96b!important}
.bxr .go{background:linear-gradient(180deg,#ffe48a 0%,#ffbb2e 55%,#f28c00 100%)!important;color:#fff!important;text-shadow:0 1px 0 rgba(150,62,0,.5)!important;border-radius:27px!important}.bxr .go svg{color:#fff!important;stroke:#fff!important}.bxr .hlx{color:#ffd75e!important}.bxr{background:rgba(10,12,38,.78)!important}
.avg{grid-template-columns:repeat(5,1fr)!important;gap:10px!important;max-height:none}.avg button img{object-position:50% 30%!important}

/* ===== profile player card ===== */
.ph{padding-bottom:56px!important}
.pcx{position:relative;margin-top:6px;padding:16px;border-radius:16px;overflow:hidden;background:radial-gradient(120% 140% at 100% 0%,rgba(255,190,46,.16) 0%,rgba(255,190,46,0) 45%),linear-gradient(160deg,#3b438b 0%,#2a316e 100%);border:1px solid rgba(255,214,120,.18)}
.pcx::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.2px);background-size:12px 12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.pcr{position:relative;display:flex;align-items:center;gap:14px}
.pav{width:80px!important;height:80px!important;flex:none}
.pcx .ring .trk{stroke:rgba(255,255,255,.1)!important}
.pcx .ring .prg{stroke:#ffbe2e!important}
.pcx .pen{background:#ffbe2e!important;color:#2b1d00!important;border-color:#2a316e!important}
.pci{flex:1;min-width:0}
.pcn h1{font-size:22px;font-weight:800;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}
.pvchip{display:inline-flex;align-items:center;gap:5px;height:26px;margin-top:6px;padding:0 10px 0 4px;border-radius:13px;background:linear-gradient(90deg,#ffcf5a,#f2a91f);color:#2b1d00;font-size:12.5px;font-weight:800;direction:ltr}
.pvchip img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.pcm{margin-top:8px}
.pcx .uid{height:30px;padding:0 10px;border-radius:8px;background:rgba(0,0,0,.22)!important;border:1px solid rgba(255,255,255,.08);font-size:12.5px;gap:6px}
.pcx .uid b{font-size:13px}
.pcx .uid svg{width:14px;height:14px}
.pcv{position:relative;display:block;width:100%;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);text-align:start}
.pcvt{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;color:#b1bad3}
.pcvt b{color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:4px;direction:ltr}
.pcvt b i{font-style:normal;color:#ffbe2e;margin:0 4px}
#vipExp{direction:ltr;font-weight:700}
.pcbar{display:block;height:8px;margin-top:8px;border-radius:4px;background:rgba(0,0,0,.3);overflow:hidden}
.pcbar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#f2a91f,#ffd76a);transition:width .9s ease}
.pcvf{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#8fa0b5}
.pcvf b{color:#ffbe2e;font-weight:800}
.pcl{display:inline-flex;align-items:center;gap:4px}
.pcl svg{width:13px;height:13px}

/* ===== clean header (no box) ===== */
.pcx{margin-top:2px!important;padding:6px 0 0!important;border:0!important;border-radius:0!important;background:none!important;overflow:visible!important}
.pcx::before{display:none!important}
.pcr{gap:16px}
.pav{width:76px!important;height:76px!important}
.pcn h1{font-size:22px}
.pvchip{margin-top:5px}
.pcm{margin-top:7px}
.pcx .uid{background:rgba(255,255,255,.06)!important;border:0!important}
.pcv{margin-top:16px!important;padding-top:0!important;border-top:0!important}
.pcbar{height:6px!important;background:rgba(255,255,255,.08)!important}
.ph{padding-bottom:58px!important}
/* ===== balance card with design ===== */
.pbal{background-color:#373f84!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMaxYMid%20slice%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%22.06%22%20stroke-width%3D%221.2%22%3E%0A%3Cpath%20d%3D%22M-10%2060%20C70%2030%20140%2095%20220%2062%20S330%2020%20380%2040%22/%3E%0A%3Cpath%20d%3D%22M-10%2076%20C70%2046%20140%20111%20220%2078%20S330%2036%20380%2056%22/%3E%0A%3C/g%3E%0A%3Cg%20transform%3D%22translate%28338%20112%29%22%3E%0A%3Ccircle%20r%3D%2258%22%20fill%3D%22%23ffbe2e%22%20fill-opacity%3D%22.05%22/%3E%0A%3Ccircle%20r%3D%2258%22%20fill%3D%22none%22%20stroke%3D%22%23ffbe2e%22%20stroke-opacity%3D%22.2%22%20stroke-width%3D%229%22/%3E%0A%3Ccircle%20r%3D%2241%22%20fill%3D%22none%22%20stroke%3D%22%23ffbe2e%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%222%22/%3E%0A%3Ctext%20x%3D%22-8%22%20y%3D%2212%22%20text-anchor%3D%22middle%22%20font-family%3D%22Arial%22%20font-weight%3D%22900%22%20font-size%3D%2232%22%20fill%3D%22%23ffbe2e%22%20fill-opacity%3D%22.16%22%3ERs%3C/text%3E%0A%3C/g%3E%3C/svg%3E"),linear-gradient(135deg,#1d4c66 0%,#3b438b 45%,#2a316e 100%)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:right center!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(10,12,38,.35)!important;padding:18px 16px 16px!important;overflow:hidden}
.pbal::after{display:none;content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ffbe2e,#20d6a4);border-radius:16px 0 0 16px}
[dir=rtl] .pbal::after{left:auto;right:0;border-radius:0 16px 16px 0}
.pbal .lab{color:#c8d6e2!important}
.pbal .amt{font-size:36px!important;margin-top:6px!important;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.pbal .amt small{color:#ffbe2e!important;font-size:18px!important}
.pbal .rf{background:rgba(0,0,0,.22)!important}
.pbal .pf{color:#9fb3c4!important}
.pbtn2{margin-top:16px!important}
.pbtn2 .b2{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.1)!important}
/* ===== general polish ===== */
.v-profile-gap{height:0}
#v-profile>.card,#v-profile>.psafe{margin-top:12px!important}
.pq{padding:14px 6px 12px!important}
.pq button span:last-child{font-size:12.5px;color:#d5dde8}
.prh{font-size:13px!important;color:#8fa0b5;text-transform:uppercase;letter-spacing:.6px}
.sv .sh h2{font-size:15px}
.lo-btn{margin-top:14px!important}
.pbtn2 .b2{background:#2a4b60!important;border:0!important}.pbtn2 .b2:hover{background:#33576e!important}.pbal>*{position:relative;z-index:1}
[dir=rtl] .pbal{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20360%20220%22%20preserveAspectRatio%3D%22xMinYMid%20slice%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%22.06%22%20stroke-width%3D%221.2%22%3E%0A%3Cpath%20d%3D%22M-10%2040%20C40%2020%20140%2095%20220%2062%20S330%2030%20380%2060%22/%3E%0A%3Cpath%20d%3D%22M-10%2056%20C40%2036%20140%20111%20220%2078%20S330%2046%20380%2076%22/%3E%0A%3C/g%3E%0A%3Cg%20transform%3D%22translate%2822%20112%29%22%3E%0A%3Ccircle%20r%3D%2258%22%20fill%3D%22%23ffbe2e%22%20fill-opacity%3D%22.05%22/%3E%0A%3Ccircle%20r%3D%2258%22%20fill%3D%22none%22%20stroke%3D%22%23ffbe2e%22%20stroke-opacity%3D%22.2%22%20stroke-width%3D%229%22/%3E%0A%3Ccircle%20r%3D%2241%22%20fill%3D%22none%22%20stroke%3D%22%23ffbe2e%22%20stroke-opacity%3D%22.14%22%20stroke-width%3D%222%22/%3E%0A%3Ctext%20x%3D%228%22%20y%3D%2212%22%20text-anchor%3D%22middle%22%20font-family%3D%22Arial%22%20font-weight%3D%22900%22%20font-size%3D%2232%22%20fill%3D%22%23ffbe2e%22%20fill-opacity%3D%22.16%22%3ERs%3C/text%3E%0A%3C/g%3E%3C/svg%3E"),linear-gradient(225deg,#1d4c66 0%,#3b438b 45%,#2a316e 100%)!important;background-position:left center!important}

/* ===== level badges ===== */
.lvbadge{display:block;height:34px;width:auto;margin-top:6px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));-webkit-user-drag:none}
.lvbadge.sm{height:28px;margin-top:6px}
.lvpair{display:inline-flex;align-items:center;gap:6px}
.lvpair img{height:24px;width:auto;display:block}
.lvpair i{font-style:normal;color:#ffbe2e;font-weight:800}
.pcm{margin-top:8px!important}
#vipMedal{display:none!important}.lvbadge{height:40px}.lvbadge.sm{height:30px}
/* ===== 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}

/* ===== gift boxes (reference style) ===== */
.wz.bxz{background:#000!important;background-image:none!important}
.wz.bxz::before,.wz.bxz::after{display:none!important}
.bxz .bxs{justify-content:flex-start;padding-top:12vh}
.bxz .orn h1{font-size:30px}
.bxz .bxg{gap:28px 18px;margin-top:44px;max-width:330px}
.gb2{position:relative;aspect-ratio:1/1;display:grid;place-items:center;background:none;border:0;padding:0;-webkit-tap-highlight-color:transparent}
.gb2 .gbx{position:relative;z-index:2;width:92%;height:auto;overflow:visible;transition:transform .2s,filter .3s,opacity .25s}
.gb2 .gbx.o{position:absolute;opacity:0;transform:scale(.9)}
.gb2:active .gbx.c{transform:scale(.95)}
.bxg.lock .gb2{pointer-events:none}
.gb2 .burst{position:absolute;inset:-22%;z-index:1;border-radius:50%;opacity:0;transform:scale(.4);background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,90,70,.75) 22%,rgba(255,30,30,.35) 45%,rgba(255,0,0,0) 68%);-webkit-mask:repeating-conic-gradient(#000 0 6deg,rgba(0,0,0,.35) 6deg 12deg);mask:repeating-conic-gradient(#000 0 6deg,rgba(0,0,0,.35) 6deg 12deg);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.2);pointer-events:none}
.gb2.hit .burst{opacity:1;transform:scale(1)}
.gb2.hit .gbx.c{filter:brightness(1.9) saturate(.55);transform:scale(1.06)}
.gb2.open .gbx.c{opacity:0;transform:scale(.9)}
.gb2.open .gbx.o{opacity:1;transform:none;filter:none}
.gb2.hit.open .gbx.o{animation:bxpop .45s cubic-bezier(.2,.9,.3,1.4)}
@keyframes bxpop{from{transform:scale(.8)}}
.gb2.other .burst{display:none}
.gpill{position:absolute;left:50%;bottom:-6%;z-index:3;transform:translate(-50%,6px) scale(.85);opacity:0;min-width:74%;padding:5px 12px;border-radius:999px;background:#3b0b0e;border:1.5px solid #e2384d;color:#ffd166;font-size:16px;font-weight:800;text-align:center;white-space:nowrap;direction:ltr;transition:opacity .3s,transform .35s cubic-bezier(.2,.9,.3,1.3)}
.gb2.show .gpill{opacity:1;transform:translate(-50%,0) scale(1)}
.bxz .bxc{margin-top:26px;color:#fff;font-size:17px;font-weight:500}
.bxz .bxr{background:#140608!important;border:1px solid rgba(226,56,77,.45)!important;margin-top:26px}
.gpill{text-transform:none!important;letter-spacing:0!important;font-size:14.5px!important;padding:4px 12px!important;min-width:70%!important}
.bxz .bxs{padding-top:5vh!important;padding-bottom:110px!important}

/* ===== profile: clean pass (one card style, soft tinted icons) ===== */
#v-profile .card,#v-profile .psafe{background:#333b7e!important;border:0!important;box-shadow:none!important;border-radius:14px!important}
#v-profile .psafe{border:0!important}
#v-profile .tile,#v-profile .list .rw .ti,#v-profile .rg4 .ti,#v-profile .sg button svg.i{box-shadow:none!important;background-image:none!important}
#v-profile .sg button{background:transparent!important;border:0!important}
#v-profile .sg button svg.i{width:46px!important;height:46px!important;padding:12px;border-radius:14px}
#v-profile .sg button span{color:#b9c4d4;font-weight:600}
#v-profile .list .rw .ti{width:38px!important;height:38px!important;border-radius:11px!important}
#v-profile .list .rw .ti svg.i{width:20px;height:20px}
#v-profile .list .rw .tt{font-weight:600}
#v-profile .rg4 .ti{width:46px!important;height:46px!important;border-radius:14px!important}
#v-profile .rg4 button span:last-child{color:#b9c4d4;font-weight:600}
#v-profile .pq .tile{width:48px!important;height:48px!important;border-radius:15px!important}
#v-profile .pq button span:last-child{color:#d5dde8;font-weight:600}
#v-profile .tile svg.i,#v-profile .rg4 .ti svg.i{stroke-width:2}
#v-profile .pbal{box-shadow:none!important;border:0!important}
#v-profile .lo-btn{background:transparent!important;border:1px solid rgba(255,77,94,.35)!important}
#v-profile [data-nav="wallet"] .tile,#v-profile [data-nav="wallet"] .ti,#v-profile .sg [data-nav="wallet"] svg.i{background:rgba(76,154,255,.14)!important;color:#4c9aff!important}
#v-profile [data-nav="deposit"] .tile,#v-profile [data-nav="deposit"] .ti,#v-profile .sg [data-nav="deposit"] svg.i{background:rgba(32,214,164,.14)!important;color:#20d6a4!important}
#v-profile [data-nav="withdraw"] .tile,#v-profile [data-nav="withdraw"] .ti,#v-profile .sg [data-nav="withdraw"] svg.i{background:rgba(255,138,61,.14)!important;color:#ff8a3d!important}
#v-profile [data-nav="vip"] .tile,#v-profile [data-nav="vip"] .ti,#v-profile .sg [data-nav="vip"] svg.i{background:rgba(255,190,46,.14)!important;color:#ffbe2e!important}
#v-profile [data-nav="activity"] .tile,#v-profile [data-nav="activity"] .ti,#v-profile .sg [data-nav="activity"] svg.i{background:rgba(255,190,46,.14)!important;color:#ffbe2e!important}
#v-profile [data-nav="wheel"] .tile,#v-profile [data-nav="wheel"] .ti,#v-profile .sg [data-nav="wheel"] svg.i{background:rgba(255,90,110,.14)!important;color:#ff5a6e!important}
#v-profile [data-nav="agent"] .tile,#v-profile [data-nav="agent"] .ti,#v-profile .sg [data-nav="agent"] svg.i{background:rgba(32,214,164,.14)!important;color:#20d6a4!important}
#v-profile [data-nav="safe"] .tile,#v-profile [data-nav="safe"] .ti,#v-profile .sg [data-nav="safe"] svg.i{background:rgba(255,190,46,.14)!important;color:#ffbe2e!important}
#v-profile [data-nav="games"] .tile,#v-profile [data-nav="games"] .ti,#v-profile .sg [data-nav="games"] svg.i{background:rgba(34,195,166,.14)!important;color:#22c3a6!important}
#v-profile [data-nav="transactions"] .tile,#v-profile [data-nav="transactions"] .ti,#v-profile .sg [data-nav="transactions"] svg.i{background:rgba(76,154,255,.14)!important;color:#4c9aff!important}
#v-profile [data-nav="deposits"] .tile,#v-profile [data-nav="deposits"] .ti,#v-profile .sg [data-nav="deposits"] svg.i{background:rgba(32,214,164,.14)!important;color:#20d6a4!important}
#v-profile [data-nav="withdrawals"] .tile,#v-profile [data-nav="withdrawals"] .ti,#v-profile .sg [data-nav="withdrawals"] svg.i{background:rgba(255,138,61,.14)!important;color:#ff8a3d!important}
#v-profile [data-nav="notifications"] .tile,#v-profile [data-nav="notifications"] .ti,#v-profile .sg [data-nav="notifications"] svg.i{background:rgba(255,90,110,.14)!important;color:#ff5a6e!important}
#v-profile [data-nav="gifts"] .tile,#v-profile [data-nav="gifts"] .ti,#v-profile .sg [data-nav="gifts"] svg.i{background:rgba(34,195,166,.14)!important;color:#22c3a6!important}
#v-profile [data-nav="coupons"] .tile,#v-profile [data-nav="coupons"] .ti,#v-profile .sg [data-nav="coupons"] svg.i{background:rgba(255,138,61,.14)!important;color:#ff8a3d!important}
#v-profile [data-nav="stats"] .tile,#v-profile [data-nav="stats"] .ti,#v-profile .sg [data-nav="stats"] svg.i{background:rgba(76,154,255,.14)!important;color:#4c9aff!important}
#v-profile [data-nav="settings"] .tile,#v-profile [data-nav="settings"] .ti,#v-profile .sg [data-nav="settings"] svg.i{background:rgba(154,168,184,.14)!important;color:#9aa8b8!important}
#v-profile [data-nav="feedback"] .tile,#v-profile [data-nav="feedback"] .ti,#v-profile .sg [data-nav="feedback"] svg.i{background:rgba(76,154,255,.14)!important;color:#4c9aff!important}
#v-profile [data-nav="announcements"] .tile,#v-profile [data-nav="announcements"] .ti,#v-profile .sg [data-nav="announcements"] svg.i{background:rgba(255,138,61,.14)!important;color:#ff8a3d!important}
#v-profile [data-nav="support"] .tile,#v-profile [data-nav="support"] .ti,#v-profile .sg [data-nav="support"] svg.i{background:rgba(32,214,164,.14)!important;color:#20d6a4!important}
#v-profile [data-nav="guide"] .tile,#v-profile [data-nav="guide"] .ti,#v-profile .sg [data-nav="guide"] svg.i{background:rgba(34,195,166,.14)!important;color:#22c3a6!important}
#v-profile [data-nav="about"] .tile,#v-profile [data-nav="about"] .ti,#v-profile .sg [data-nav="about"] svg.i{background:rgba(56,189,248,.14)!important;color:#38bdf8!important}
#v-profile #langRow .ti{background:rgba(56,189,248,.14)!important;color:#38bdf8!important}

/* ================= v29 ================= */
:root{--bg:#1e2356}
html,body,.app{background:#1e2356!important}
/* header band: brand green, solid */
.hd{background:#323a7c!important;border-bottom:0!important}
.hd.ph{background:linear-gradient(180deg,#35373a 0%,#323a7c 100%)!important;padding-bottom:62px!important}
.hd .tb h2{color:#fff}
/* profile header */
.pcx{padding-top:10px!important}
.pcr{display:flex;align-items:center;gap:16px}
.avf{position:relative;width:92px;height:92px;flex:none;padding:0;border-radius:26px;background:linear-gradient(145deg,var(--fa),var(--fb));box-shadow:0 0 0 2px rgba(0,0,0,.25),0 8px 18px rgba(0,0,0,.3)}
.avf .fr{position:absolute;inset:4px;border-radius:22px;overflow:hidden;background:#21275d;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35)}
.avf .fr .pic{width:100%;height:100%;display:block;border-radius:0;border:0}
.avf .fr .pic img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;border-radius:0}
.avf .gem{position:absolute;left:50%;bottom:-7px;width:16px;height:16px;margin-left:-8px;transform:rotate(45deg);border-radius:3px;background:var(--fg);box-shadow:0 0 0 2.5px var(--fb),0 2px 4px rgba(0,0,0,.4)}
.avf .pen{position:absolute;right:-6px;top:-6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#323a7c;box-shadow:0 2px 6px rgba(0,0,0,.3);border:0!important}
[dir=rtl] .avf .pen{right:auto;left:-6px}
.avf .pen svg{width:13px;height:13px;stroke-width:2.4}
.avf.lv5::before,.avf.lv6::before,.avf.lv7::before,.avf.lv8::before,.avf.lv9::before,.avf.lv10::before{content:"";position:absolute;left:50%;top:-11px;width:26px;height:14px;margin-left:-13px;background:var(--fa);clip-path:polygon(0 100%,8% 20%,30% 62%,50% 0,70% 62%,92% 20%,100% 100%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.avf.lv0{--fa:#e9eef3;--fb:#8d99a6;--fg:#c9d2dc}
.avf.lv1{--fa:#f2b07c;--fb:#9a4f22;--fg:#e07a3a}
.avf.lv2{--fa:#7cc0ff;--fb:#1f5fc4;--fg:#3d8bff}
.avf.lv3{--fa:#ffe08a;--fb:#c98a0c;--fg:#ffbe2e}
.avf.lv4{--fa:#c79bff;--fb:#6b2fd1;--fg:#9b5cff}
.avf.lv5{--fa:#7ef0ff;--fb:#0f8fb0;--fg:#2ad1f0}
.avf.lv6{--fa:#ff8a7a;--fb:#b3161f;--fg:#ff3b3b}
.avf.lv7{--fa:#8ff0a0;--fb:#17853a;--fg:#2fd15a}
.avf.lv8{--fa:#b9a0ff;--fb:#4b2bb8;--fg:#8a6bff}
.avf.lv9{--fa:#9fe0ff;--fb:#c98a0c;--fg:#4cc3ff}
.avf.lv10{--fa:#ffd36b;--fb:#c2410c;--fg:#ff7a1a}

.pci{min-width:0;flex:1}
.pcn{display:flex;align-items:center;gap:8px;min-width:0}
.pcn h1{font-size:22px!important;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pcn .lvbadge{height:28px!important;margin:0!important;flex:none}
.pcx .uid{margin-top:8px;background:rgba(0,0,0,.22)!important}
.pll{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:12px;color:#a9c6bb}
.pll svg{width:13px;height:13px}
.pcv{margin-top:18px!important}
.pcvt{color:#cfe3da!important}
.pcbar{background:rgba(0,0,0,.28)!important}
.pcvf{color:#a9c6bb!important}
/* balance card: clean solid */
.pbal,[dir=rtl] .pbal{background:#333b7e!important;background-image:none!important;border:0!important;box-shadow:0 10px 22px rgba(0,0,0,.25)!important}
.pbal .amt{font-size:34px!important;text-shadow:none!important}
.pbal .amt small{color:#7f93a5!important}
.pbtn2{margin-top:14px!important}
.pbtn2 .b1{background:#20d6a4!important;color:#13163d!important}
.pbtn2 .b2{background:#424447!important;color:#fff!important}
/* markhor banner */
.mkb{position:relative;display:flex;align-items:center;width:calc(100% - 32px);height:118px;margin:26px 16px 0;padding:0 16px;border-radius:16px;background:#1fae5f;text-align:start;overflow:visible}
.mkb::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 140% at 100% 100%,#22c76c 0%,#178f4e 60%,#0f6d3b 100%);z-index:0}
.mkt{position:relative;z-index:1;max-width:58%}
.mkt small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#d8ffe8}
.mkt b{display:block;margin-top:3px;font-size:21px;line-height:1.15;font-weight:900;color:#fff}
.mkc{display:inline-flex;align-items:center;height:30px;margin-top:9px;padding:0 13px;border-radius:8px;background:#fff;color:#0f6d3b;font-size:13px;font-weight:800}
.mki{position:absolute;z-index:1;right:4px;bottom:0;height:150px;width:auto;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}
[dir=rtl] .mki{right:auto;left:4px;transform:scaleX(-1)}
[dir=rtl] .mkb::before{background:radial-gradient(120% 140% at 0% 100%,#22c76c 0%,#178f4e 60%,#0f6d3b 100%)}
/* cards */
#v-profile .card,#v-profile .psafe{background:#333b7e!important}
/* VIP cards: completed */
.vcd .vgb{font-size:15px;font-weight:800;line-height:1.35}
.vdone{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:8px;height:28px;padding:0 11px 0 6px;border-radius:14px;background:rgba(255,255,255,.88);color:#0f7a3c;font-size:12.5px;font-weight:800;animation:vdin .6s cubic-bezier(.2,.9,.3,1.4) both}
.vdone svg{width:20px;height:20px;fill:#20d6a4;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vdone svg path{stroke-dasharray:16;stroke-dashoffset:16;animation:vdck .5s .35s ease-out forwards}
@keyframes vdin{from{opacity:0;transform:scale(.6)}}
@keyframes vdck{to{stroke-dashoffset:0}}
.vcd .vbar.full i{background:linear-gradient(90deg,var(--ct),#fff 50%,var(--ct));background-size:200% 100%;animation:vshine 2.4s linear infinite}
@keyframes vshine{from{background-position:200% 0}to{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.vdone,.vdone svg path,.vcd .vbar.full i{animation:none!important;stroke-dashoffset:0}}
/* deposit: floating action bar */
.dbar{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%);width:100%;max-width:480px;z-index:30;margin:0!important;border-radius:16px 16px 0 0!important;background:#171b45!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;box-shadow:0 -8px 20px rgba(0,0,0,.3)}
.dbar button{background:#20d6a4!important;color:#13163d!important;border-radius:10px!important;box-shadow:none!important;min-width:140px}
#v-gen:has(.dbar){padding-bottom:96px}
/* 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}
.dpPay{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;background:rgba(8,10,34,.72)}
.dpPay.on{display:flex}
.dpb{width:min(320px,86vw);padding:22px 20px 20px;border-radius:16px;background:#384086;text-align:center;animation:dpIn .25s ease}
@keyframes dpIn{from{transform:scale(.92);opacity:0}}
.dph{display:flex;align-items:center;gap:12px;text-align:start}
.dpl{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#fff}
.dph b{display:block;font-size:16px;color:#fff}.dph small{font-size:12px;color:#8fa0b3}
.dpa{margin:16px 0 6px;font-size:30px;font-weight:900;color:#fff}
.dpr{position:relative;width:64px;height:64px;margin:12px auto 6px}
.dsp{position:absolute;inset:4px;border-radius:50%;border:5px solid #48509b;border-top-color:#20d6a4;animation:dspin .8s linear infinite}
@keyframes dspin{to{transform:rotate(360deg)}}
.dck{position:absolute;inset:0;width:64px;height:64px;opacity:0}
.dck circle{fill:#20d6a4}.dck path{fill:none;stroke:#13163d;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40}
.dpPay.s2 .dsp{display:none}.dpPay.s2 .dck{opacity:1;animation:dpIn .25s ease}.dpPay.s2 .dck path{animation:dckd .45s .1s ease forwards}
@keyframes dckd{to{stroke-dashoffset:0}}
.dps{font-size:14px;font-weight:700;color:#d5dceb;margin-top:6px}
.dpPay.s2 .dps{color:#20d6a4}
.ws.done{background:rgba(32,214,164,.14)!important;color:#20d6a4!important}
/* ===== 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}
/* ===== v31: game history, order history, legal ===== */
.swGi{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
.swGi svg{width:22px;height:22px}
.ghs{margin:12px 16px 0;padding:14px;border-radius:14px;background:#384086}
.ghk{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ghk>div{padding:11px 12px;border-radius:10px;background:#272e69;min-width:0}
.ghk small{display:block;font-size:11.5px;font-weight:700;color:#8fa0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ghk b{display:block;margin-top:4px;font-size:16px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:isolate}
[dir=rtl] .ghk b{text-align:right}
.ghk b.pos,.gbp.pos,.gsp.pos,.num.pos{color:#20d6a4}.ghk b.neg,.gbp.neg,.gsp.neg,.num.neg{color:#ff6b78}.num.amb,.gsp.amb{color:#ffbe2e}.num.mut,.gsp.mut{color:#8fa0b3}
.ghw{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12.5px;font-weight:700;color:#b1bad3}
.ghw i{flex:1;height:8px;border-radius:4px;background:#272e69;overflow:hidden}.ghw em{display:block;height:100%;background:#20d6a4;border-radius:4px}
.ghw b{color:#fff}
.ghf{margin:10px 16px 0;display:flex;flex-direction:column;gap:8px}
.ghf .chips{display:flex;gap:6px;padding:4px;border-radius:10px;background:#384086}
.ghf .chips button{flex:1;height:34px;border-radius:7px;font-size:12.5px;font-weight:700;color:#b1bad3;white-space:nowrap}
.ghf .chips button.on{background:#48509b;color:#fff}
.ghr{display:flex;gap:6px}
.ghr button{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;height:34px;border-radius:9px;background:#384086;font-size:12.5px;font-weight:700;color:#b1bad3;border:1.5px solid transparent;white-space:nowrap}
.ghr button.on{border-color:#20d6a4;color:#fff;background:rgba(32,214,164,.1)}
.ghg{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.ghg::-webkit-scrollbar{display:none}
.ghg button{flex:0 0 auto;display:flex;align-items:center;gap:7px;height:38px;padding:0 12px 0 5px;border-radius:10px;background:#384086;font-size:12.5px;font-weight:700;color:#d5dceb;border:1.5px solid transparent;white-space:nowrap}
.ghg button:first-child{padding:0 14px}
.ghg button.on{border-color:#20d6a4;background:rgba(32,214,164,.1);color:#fff}
.ghg .swGi{flex:0 0 28px;width:28px;height:28px;border-radius:7px}.ghg .swGi svg{width:18px;height:18px}
.ghhd,.gbr{display:grid;grid-template-columns:minmax(0,1.5fr) .9fr .75fr 1fr;align-items:center;gap:6px}
.ghhd{margin:14px 16px 0;padding:0 12px;font-size:11.5px;font-weight:700;color:#8fa0b3}
.ghhd span:not(:first-child){text-align:end}
.ghd{margin:14px 16px 6px;font-size:12.5px;font-weight:800;color:#b1bad3;letter-spacing:.3px}
.ghl{margin:0 16px;border-radius:12px;background:#384086;overflow:hidden}
.gbr{width:100%;min-height:58px;padding:8px 12px;text-align:start;border-bottom:1px solid rgba(255,255,255,.05);background:none}
.gbr:last-child,.hxr:last-child{border-bottom:0}
.gbr:active,.hxr:active{background:#454d97}
.gbr .gbn{display:flex;align-items:center;gap:10px;min-width:0}
.gbr .gbn>span{min-width:0}
.gbn b{display:block;font-size:14px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbn small{display:block;margin-top:2px;font-size:11.5px;color:#8fa0b3;font-weight:600}
.gbb,.gbm,.gbp{text-align:end;font-size:13px;font-weight:800;color:#d5dceb;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
[dir=rtl] .gbb,[dir=rtl] .gbm,[dir=rtl] .gbp,[dir=rtl] .ghhd span:not(:first-child){text-align:left}
.gbp{color:#b1bad3}
.ghm{display:block;margin:12px auto 0;height:42px;padding:0 22px;border-radius:10px;background:#48509b;color:#fff;font-size:13.5px;font-weight:800}
.ghm small{color:#8fa0b3;font-weight:700}
/* rebuild the game row: icon+name block */
.gbr .swGi{grid-row:1}
/* sheets */
#bsGh,#bsHx{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.gsh{display:flex;align-items:center;gap:12px;margin:6px 0 4px}
.gsh>div{flex:1;min-width:0}.gsh b{display:block;font-size:17px;font-weight:800;color:#fff}.gsh small{font-size:12px;color:#8fa0b3}
.gsp{margin:12px 0 4px;font-size:32px;font-weight:900;text-align:center;direction:ltr}
.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-style:normal;font-size:11.5px;font-weight:800;white-space:nowrap}
.pill.ok{background:rgba(32,214,164,.15);color:#20d6a4}.pill.pend{background:rgba(255,190,46,.15);color:#ffbe2e}.pill.rej{background:rgba(255,77,94,.15);color:#ff6b78}
.wh .pill{height:28px;font-size:12.5px;padding:0 12px}
.hxt{margin-top:12px;border-radius:12px;background:#272e69;padding:4px 14px}
.kv{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}
.kv:last-child{border-bottom:0}
.kv>span{color:#8fa0b3;font-weight:600;white-space:nowrap}
.kv>b{display:flex;align-items:center;gap:6px;font-weight:800;color:#fff;text-align:end;min-width:0;word-break:break-all;direction:ltr;unicode-bidi:isolate}
.kv .cp{width:28px;height:28px;border-radius:7px;background:#48509b;display:grid;place-items:center;flex:0 0 28px}
.kv .cp svg{width:15px;height:15px}
.hxn{display:flex;gap:9px;align-items:flex-start;margin:12px 0;font-size:12.5px;line-height:1.5;color:#b1bad3}
.hxn svg{flex:0 0 18px;width:18px;height:18px;color:#20d6a4}
#bsGh .go,#bsHx .go{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px;text-decoration:none}
#bsHx .go.ghost{background:#48509b!important;color:#fff!important}
.hxh{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:6px}
.hxc{width:56px;height:56px;border-radius:50%;display:grid;place-items:center}
.hxc svg{width:28px;height:28px;stroke-width:2.6}
.hxh.ok .hxc{background:rgba(32,214,164,.15);color:#20d6a4}.hxh.pend .hxc{background:rgba(255,190,46,.15);color:#ffbe2e}.hxh.rej .hxc{background:rgba(255,77,94,.15);color:#ff6b78}
.hxh>b{font-size:15px;font-weight:800}.hxh.ok>b{color:#20d6a4}.hxh.pend>b{color:#ffbe2e}.hxh.rej>b{color:#ff6b78}
.hxh .gsp{margin:2px 0 0}
.hxw{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.55}
.hxw b{display:block;margin-bottom:4px;font-size:12.5px;font-weight:800;letter-spacing:.3px}
.hxw.rej{background:rgba(255,77,94,.1);border:1px solid rgba(255,77,94,.35);color:#ffd2d6}.hxw.rej b{color:#ff6b78}
.hxw.pend{background:rgba(255,190,46,.08);border:1px solid rgba(255,190,46,.3);color:#ffe5a8}
.hxw.ok{background:rgba(32,214,164,.08);border:1px solid rgba(32,214,164,.3);color:#c9f7dd}
.hxl{margin-top:12px}
.hxr{display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 12px;text-align:start;border-bottom:1px solid rgba(255,255,255,.05);background:none}
.hxi{flex:0 0 38px;width:38px;height:38px;border-radius:10px;object-fit:cover;background:#fff}
.hxr .gbn{flex:1;min-width:0}
.hxa{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.hxa b{font-size:14px;font-weight:800;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
[dir=rtl] .hxa{align-items:flex-start}
.ghk.h2>div:first-child b{font-size:18px}
/* legal */
.lga{margin:12px 16px 0;padding:6px 16px 18px;border-radius:14px;background:#384086}
.lga section{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.lga section:last-of-type{border-bottom:0}
.lga h3{font-size:15px;font-weight:800;color:#fff;margin-bottom:6px}
.lga p{font-size:13.5px;line-height:1.65;color:#c3cedb}
.lgu{padding-top:12px;font-size:12px!important;color:#8fa0b3!important;font-weight:600}
.lg18{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(255,77,94,.08);color:#ff9aa4!important;font-size:12.5px!important;font-weight:700;text-align:center}
.lg18.out{margin:12px 16px 0}
/* ===== v32 gift boxes (PNG art) ===== */
.bxg.gx{gap:30px 14px;margin-top:40px;max-width:340px;overflow:visible}
.gb3{position:relative;aspect-ratio:1/1.02;display:block;background:none;border:0;padding:0;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.bxg.lock .gb3{pointer-events:none}
.gb3.sel{z-index:3}
.gb3 img{position:absolute;display:block;max-width:none;pointer-events:none;-webkit-user-drag:none}
.gx-box{position:absolute;left:8%;width:84%;bottom:9%;aspect-ratio:330/338;z-index:2;transform-origin:50% 70%;transition:transform .18s}
.gb3:not(.lock):active .gx-box{transform:scale(.94)}
.gx-c,.gx-w{left:0;bottom:0;width:100%;transition:opacity .12s}
.gx-w{opacity:0;filter:brightness(0) invert(1);transition:opacity .5s ease-in}
.gx-o{left:3.9%;bottom:0;width:92.2%;opacity:0}
.gx-l{width:78%;left:-10%;top:-21%;opacity:0;transform-origin:30% 80%;transform:translate(16%,30%) rotate(24deg) scale(1.15)}
.gx-gold{position:absolute;z-index:0;left:-38%;width:176%;aspect-ratio:640/400;bottom:58%;opacity:0;background:center/100% 100% no-repeat;mix-blend-mode:screen;transform-origin:50% 86%;pointer-events:none}
.gx-glow{position:absolute;inset:-48% -50% -40%;z-index:0;opacity:0;transform:scale(.45);background:center/contain no-repeat;pointer-events:none;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.3,1)}
.gx-ring{position:absolute;inset:-18% -20% -6%;z-index:1;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,.6) 0,rgba(10,0,0,.5) 60%,rgba(255,255,255,.2) 66.5%,rgba(255,255,255,0) 70.5%)}
.gx-stars{position:absolute;inset:-14%;z-index:4;pointer-events:none}
.gx-stars i{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;opacity:0;transform:scale(0)}
.gx-stars svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 3px rgba(255,255,255,.9))}
.gx-dots{position:absolute;inset:0;z-index:3;pointer-events:none}
.gx-dots i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe2e2;box-shadow:0 0 4px #ff6b6b;opacity:0}
/* 1. tap: box vanishes, amount shows */
.gb3.tap .gx-box{opacity:0;transform:scale(.55);transition:none}
/* 2. box comes back */
.gb3.tap.back .gx-box{opacity:1;transform:scale(1);transition:transform .22s cubic-bezier(.3,1.7,.5,1),opacity .08s}
/* 3. glow + whiten */
.gb3.glow .gx-glow{opacity:1;transform:scale(1)}
.gb3.tap.back.glow .gx-box{transform:scale(1.1);transition:transform .55s cubic-bezier(.2,.8,.3,1)}
.gb3.glow .gx-w{opacity:.62}
.gb3.glow .gx-c{filter:saturate(.8) brightness(1.12)}
/* 4. flip to open art, 5. lid pops */
.gb3.flip .gx-c{opacity:0;transition:none}
.gb3.flip .gx-w{opacity:0;transition:opacity .18s}
.gb3.flip .gx-o,.gb3.flip .gx-l{opacity:1}
.gb3.open .gx-l{transform:none;transition:transform .32s cubic-bezier(.25,1.6,.45,1)}
.gb3.open:not(.other) .gx-gold{animation:gxGold .75s ease-out forwards}
.gb3.open:not(.other) .gx-dots i{animation:gxDot .7s ease-in var(--d) forwards}
.gb3.open:not(.other) .gx-box{animation:gxKick .35s cubic-bezier(.3,1.5,.5,1)}
/* 6. dark ring with star sparkles */
.gb3.ring .gx-ring{animation:gxRing .9s ease-out forwards}
.gb3.ring .gx-stars i{animation:gxTw .75s ease-out var(--d) forwards}
.gb3.done .gx-glow{animation:gxPulse 2.2s ease-in-out infinite}
/* other boxes: plain open */
.gb3.other .gx-l,.gb3.other .gx-o{transition:transform .3s cubic-bezier(.25,1.6,.45,1)}
.gb3.other .gx-box{animation:gxOth .4s cubic-bezier(.3,1.5,.5,1)}
.gb3 .gpill{bottom:-1%;z-index:5}
.gb3.show .gpill{opacity:1;transform:translate(-50%,0) scale(1)}
@keyframes gxGold{0%{opacity:0;transform:scale(.4,.2)}25%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.15,1.25)}}
@keyframes gxDot{0%{opacity:0;transform:translateY(-14px)}25%{opacity:1}100%{opacity:0;transform:translateY(16px)}}
@keyframes gxKick{0%{transform:scale(1.1)}40%{transform:scale(1.18,1.04)}100%{transform:scale(1.1)}}
@keyframes gxRing{0%{opacity:0;transform:scale(.8)}30%{opacity:1}70%{opacity:.9}100%{opacity:0;transform:scale(1.12)}}
@keyframes gxTw{0%{opacity:0;transform:scale(0) rotate(0)}35%{opacity:1;transform:scale(var(--s)) rotate(30deg)}100%{opacity:0;transform:scale(calc(var(--s) * .4)) rotate(70deg)}}
@keyframes gxPulse{0%,100%{opacity:.82;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}
@keyframes gxOth{0%{transform:scale(1)}45%{transform:scale(1.08,.95)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.gb3.done .gx-glow{animation:none}}
.gb3 .gpill{height:auto!important;min-width:0!important;width:auto;padding:3px 12px!important;font-size:13.5px!important;line-height:1.35;background:#3a0a0e;border:1.5px solid #e2384d;color:#ffd166;box-shadow:0 0 10px rgba(226,56,77,.35)!important;transition:opacity .15s,transform .25s cubic-bezier(.2,.9,.3,1.3)}
.bxz .bxs{padding-bottom:150px!important}
/* v52: after the boxes open — a short "free spin mode" banner, then the wheel opens by itself */
.bxfm{display:flex;align-items:center;gap:12px;max-width:300px;margin:18px auto 0;padding:10px 16px 10px 10px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,215,94,.18),rgba(255,170,30,.08));border:1px solid rgba(255,210,90,.45);box-shadow:0 0 24px rgba(255,190,46,.25);animation:bxfmIn .45s cubic-bezier(.2,1.4,.4,1) both}
.bxfm-x{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:900;color:#3a2400;
  background:radial-gradient(circle at 35% 30%,#fff6c9,#ffcd3f 50%,#d48d0a);box-shadow:inset 0 -3px 0 rgba(150,90,0,.4),0 0 16px rgba(255,200,60,.55)}
.bxfm-t{display:flex;flex-direction:column;text-align:start}
.bxfm-t b{font-size:16px;font-weight:900;color:#ffd75e}
.bxfm-t small{font-size:12px;color:rgba(255,255,255,.75);margin-top:2px}
.bxfm-t small::after{content:'';display:inline-block;width:10px;height:10px;margin-inline-start:6px;vertical-align:-1px;border:2px solid rgba(255,215,94,.8);border-right-color:transparent;border-radius:50%;animation:bxfmSp .8s linear infinite}
@keyframes bxfmIn{from{opacity:0;transform:translateY(14px) scale(.9)}}
@keyframes bxfmSp{to{transform:rotate(360deg)}}
/* ===== v33 promotion: 6-tier agent program ===== */
.prh .tb .ib svg.i{stroke:currentColor;fill:none}
.prhero{position:relative;overflow:hidden;margin:12px 16px 0;padding:16px 16px 14px;border-radius:18px;background:#20d6a4;color:#13163d}
.prhero::before,.prhero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.prhero::before{width:210px;height:210px;right:-70px;top:-90px;background:#3ee088}
.prhero::after{width:120px;height:120px;right:40px;top:-60px;background:#5ce99c}
.prhero>*{position:relative;z-index:1}
.prhd{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:800}
.prrl{display:flex;align-items:center;gap:2px;height:30px;padding:0 6px 0 11px;border-radius:15px;background:#13163d;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.prrl svg.i{width:16px;height:16px}
[dir=rtl] .prrl svg.i{transform:scaleX(-1)}
.prbig{margin-top:6px;font-size:38px;font-weight:900;line-height:1.1;letter-spacing:-.8px;direction:ltr;unicode-bidi:isolate}
[dir=rtl] .prbig{text-align:right}
.prbig small{font-size:20px;margin-inline-end:4px;letter-spacing:0}
.prbig.proc b{font-size:28px}
.prsub{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12.5px;font-weight:700;color:#3a4289}
.prsub svg.i{width:16px;height:16px;stroke-width:2.6}
.prft{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.prft>div{padding:9px 11px;border-radius:11px;background:rgba(21,23,26,.12)}
.prft small{display:block;font-size:11.5px;font-weight:700;color:#3a4289}
.prft b{display:block;margin-top:2px;font-size:16px;font-weight:900;direction:ltr;unicode-bidi:isolate}
[dir=rtl] .prft b{text-align:right}
.prov,.prnet,.prsum,.prmenu,.prcard,.prsx,.prfl{margin:12px 16px 0;border-radius:16px;background:#384086}
.prov{padding:14px 12px 12px}
.provh{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 10px}
.provh b{font-size:15px;font-weight:800;color:#fff}
.provh small{font-size:11.5px;color:#8fa0b3;font-weight:600}
.prdt{display:flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:13px;background:#272e69;font-size:11.5px;font-weight:700;color:#b1bad3;white-space:nowrap}
.prdt svg.i{width:14px;height:14px}
.prcols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.prcol{padding:12px 11px 6px;border-radius:12px;background:#272e69;min-width:0;border-top:3px solid #20d6a4}
.prcol.tm{border-top-color:#4c9aff}
.prch{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.prch b{display:block;font-size:14px;font-weight:800;color:#fff}.prch small{display:block;font-size:11px;font-weight:700;color:#8fa0b3}
.prci{flex:0 0 30px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(32,214,164,.15);color:#20d6a4}
.prcol.tm .prci{background:rgba(76,154,255,.15);color:#4c9aff}
.prci svg.i{width:17px;height:17px}
.prr{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:34px;border-top:1px solid rgba(255,255,255,.05);font-size:12px;color:#8fa0b3;font-weight:600}
.prr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prr b{font-size:14.5px;font-weight:800;color:#fff;direction:ltr}
.prdots{display:inline-flex;gap:3px}.prdots i{width:5px;height:5px;border-radius:50%;background:#ffbe2e;animation:prdt 1s infinite}
.prdots i:nth-child(2){animation-delay:.15s}.prdots i:nth-child(3){animation-delay:.3s}
@keyframes prdt{50%{opacity:.25}}
.prinv{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:12px 16px 0;padding:12px 14px;border-radius:16px;background:#ffbe2e;color:#2b1a00;text-align:start}
.prinv:active{transform:scale(.985)}
.prinvi{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#2b1a00;color:#ffbe2e;display:grid;place-items:center}
.prinvi svg.i{width:24px;height:24px;stroke-width:2.2}
.prinvt{flex:1;min-width:0}.prinvt b{display:block;font-size:16.5px;font-weight:900}.prinvt small{display:block;margin-top:2px;font-size:12px;font-weight:700;color:#6b4700;line-height:1.35}
.prinv .ch{width:20px;height:20px;stroke-width:2.6}
[dir=rtl] .prinv .ch,[dir=rtl] .prm .ch{transform:scaleX(-1)}
.prmenu{padding:4px 0;overflow:hidden}
.prm{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:8px 14px;text-align:start;border-bottom:1px solid rgba(255,255,255,.05);background:none}
.prm:last-child{border-bottom:0}.prm:active{background:#454d97}
.prmi{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center}
.prmi svg.i{width:20px;height:20px}
.prmi{background:rgba(255,255,255,.06);color:#c9d6de}
.prmt{flex:1;min-width:0}.prmt b{display:block;font-size:14.5px;font-weight:800;color:#fff}.prmt small{display:block;margin-top:2px;font-size:12px;color:#8fa0b3;font-weight:600;direction:ltr;unicode-bidi:isolate}
[dir=rtl] .prmt small{text-align:right}
.prm .ch{width:18px;height:18px;color:#6f8293}
.prcp{flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#48509b;display:grid;place-items:center;color:#fff}
.prcp svg.i{width:17px;height:17px}
.prnet{padding:14px 12px 8px}
.prt{display:grid;grid-template-columns:38px 1fr 58px;align-items:center;gap:10px;width:100%;height:42px;padding:0 4px;border-radius:10px;background:none;text-align:start}
.prt:active{background:#454d97}
.prtl b{display:grid;place-items:center;width:34px;height:26px;border-radius:7px;font-size:12.5px;font-weight:900;color:#13163d}
.prtb{position:relative;height:26px;border-radius:7px;background:#272e69;overflow:hidden}
.prtb i{position:absolute;inset:0 auto 0 0;border-radius:7px;opacity:.28}
[dir=rtl] .prtb i{inset:0 0 0 auto}
.prtb em{position:absolute;inset:0 10px;display:flex;align-items:center;font-style:normal;font-size:12px;font-weight:800;color:#fff}
.prtb em span{color:#b1bad3;font-weight:600;margin-inline-start:4px}
.prtr{text-align:end;font-size:13px;font-weight:800;color:#fff}
.t1 .prtl b,.prtg.t1,.prua.t1{background:#20d6a4}.t1 .prtb i{background:#20d6a4}
.t2 .prtl b,.prtg.t2,.prua.t2{background:#4c9aff}.t2 .prtb i{background:#4c9aff}
.t3 .prtl b,.prtg.t3,.prua.t3{background:#22c3a6}.t3 .prtb i{background:#22c3a6}
.t4 .prtl b,.prtg.t4,.prua.t4{background:#ffbe2e}.t4 .prtb i{background:#ffbe2e}
.t5 .prtl b,.prtg.t5,.prua.t5{background:#ff8a3d}.t5 .prtb i{background:#ff8a3d}
.t6 .prtl b,.prtg.t6,.prua.t6{background:#ff5a6e}.t6 .prtb i{background:#ff5a6e}
.prtg{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:5px;font-style:normal;font-size:10.5px;font-weight:900;color:#13163d;vertical-align:1px}
.prsum{padding:12px;margin-bottom:8px}
.prsg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.prsg>div{padding:12px;border-radius:12px;background:#272e69;min-width:0}
.prsg small{display:block;font-size:11.5px;font-weight:700;color:#8fa0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prsg b{display:block;margin-top:4px;font-size:18px;font-weight:900;color:#fff;direction:ltr;unicode-bidi:isolate;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[dir=rtl] .prsg b{text-align:right}
.prsg .g b{color:#20d6a4}
/* subordinate data */
.prfl{padding:10px;display:flex;flex-direction:column;gap:10px}
.prds{display:grid;grid-template-columns:44px 1fr 44px;gap:6px}
.prds>button{height:48px;border-radius:11px;background:#48509b;color:#fff;display:grid;place-items:center}
.prds>button:disabled{opacity:.35}
.prds>button svg.i{width:20px;height:20px}
[dir=rtl] .prds>button svg.i{transform:scaleX(-1)}[dir=rtl] .prds>button svg.i.flip{transform:none}
.prdl{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border-radius:11px;background:#272e69;color:#fff;overflow:hidden}
.prdl svg.i{width:20px;height:20px;color:#20d6a4}
.prdl span{display:flex;flex-direction:column;line-height:1.2}.prdl b{font-size:14px;font-weight:800}.prdl small{font-size:11.5px;color:#8fa0b3;font-weight:600}
.prdl input{position:absolute;inset:0;width:100%;height:100%;opacity:0;-webkit-appearance:none;appearance:none;border:0;cursor:pointer}
.prch2{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.prch2::-webkit-scrollbar{display:none}
.prch2 button{flex:1 0 auto;min-width:46px;height:34px;padding:0 12px;border-radius:9px;background:#272e69;color:#b1bad3;font-size:12.5px;font-weight:800;border:1.5px solid transparent}
.prch2 button.on{border-color:#20d6a4;background:rgba(32,214,164,.1);color:#fff}
.prfl .srch{margin:0}
.prbn{display:flex;align-items:flex-start;gap:9px;margin:10px 16px 0;padding:11px 13px;border-radius:12px;font-size:12.5px;line-height:1.5;font-weight:600}
.prbn svg.i{flex:0 0 18px;width:18px;height:18px}
.prbn.live{background:rgba(76,154,255,.1);border:1px solid rgba(76,154,255,.3);color:#cfe2ff}
.prbn.proc{background:rgba(255,190,46,.08);border:1px solid rgba(255,190,46,.3);color:#ffe5a8}
.prpulse{flex:0 0 10px;width:10px;height:10px;margin-top:4px;border-radius:50%;background:#4c9aff;animation:prpl 1.4s infinite}
@keyframes prpl{0%{box-shadow:0 0 0 0 rgba(76,154,255,.6)}100%{box-shadow:0 0 0 9px rgba(76,154,255,0)}}
.prsx{padding:12px}
.prsxh{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:12px;background:#20d6a4;color:#13163d}
.prsxh small{font-size:13px;font-weight:800}.prsxh b{font-size:20px;font-weight:900;direction:ltr}
.prsxh .prpend{background:#13163d;color:#20d6a4}
.prsxg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.prc{padding:10px 11px;border-radius:11px;background:#272e69;min-width:0}
.prc small{display:block;font-size:11.5px;font-weight:700;color:#8fa0b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prc b{display:block;margin-top:3px;font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:isolate}
[dir=rtl] .prc b{text-align:right}
.prpend{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;background:rgba(255,190,46,.14);color:#ffbe2e;font-size:11.5px;font-weight:800;white-space:nowrap}
.prlh{display:flex;align-items:baseline;justify-content:space-between;margin:18px 16px 8px}
.prlh b{font-size:15px;font-weight:800;color:#fff}.prlh small{font-size:11.5px;color:#8fa0b3;font-weight:600}
.prul{margin:0 16px;border-radius:14px;background:#384086;overflow:hidden}
.pru{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;padding:9px 12px;text-align:start;border-bottom:1px solid rgba(255,255,255,.05);background:none}
.pru:last-child,.prcd:last-child{border-bottom:0}.pru:active,.prcd:active{background:#454d97}
.prrk{flex:0 0 22px;text-align:center;font-size:12.5px;font-weight:800;color:#6f8293}
.prrk.top{height:22px;border-radius:50%;display:grid;place-items:center;color:#2b1a00;font-size:11.5px}
.prrk.r1{background:#ffbe2e}.prrk.r2{background:#c9d3de}.prrk.r3{background:#e09a5f}
.prua{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#13163d}
.prua.big{flex:0 0 48px;width:48px;height:48px;border-radius:13px;font-size:17px}
.prun{flex:1;min-width:0}.prun b{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:#fff;white-space:nowrap}
.prun small{display:block;margin-top:3px;font-size:11.5px;color:#8fa0b3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prum{font-size:14px;font-weight:900;color:#20d6a4;white-space:nowrap;direction:ltr}
.prcd{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;width:100%;min-height:64px;padding:10px 12px;text-align:start;border-bottom:1px solid rgba(255,255,255,.05);background:none}
.prcdd b{display:block;font-size:13.5px;font-weight:800;color:#fff}.prcdd small{font-size:11.5px;color:#8fa0b3;font-weight:600}
.prcdm small{display:block;font-size:11.5px;color:#b1bad3;font-weight:600;line-height:1.55;white-space:nowrap}
.prcdr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
[dir=rtl] .prcdr{align-items:flex-start}
.prcdr b{font-size:14.5px;font-weight:900;direction:ltr}.prcdr b.g{color:#20d6a4}.prcdr b.mut{color:#6f8293}
.prsxg.two{grid-template-columns:1fr 1fr}
/* sheets */
.prush{display:flex;align-items:center;gap:12px;margin:4px 0 2px}
.prush b{display:block;font-size:17px;font-weight:800;color:#fff}.prush small{display:block;margin-top:3px;font-size:12px;color:#8fa0b3}
.prsh{margin:14px 2px -4px;font-size:12px;font-weight:800;color:#8fa0b3;letter-spacing:.3px;text-transform:uppercase}
#bsPrU .kv b.g,#bsPrD .g{color:#20d6a4!important}
#bsPrU .go,#bsPrD .go{display:flex;align-items:center;justify-content:center;width:100%;margin-top:14px}
#bsPrU,#bsPrD,#bsPrI{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.prbt{margin-top:12px;border-radius:12px;background:#272e69;padding:2px 12px}
.prbr{display:grid;grid-template-columns:44px 1fr 62px 1fr;align-items:center;gap:6px;min-height:42px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:#d5dceb;font-weight:700}
.prbr>*:not(:first-child){text-align:end}
.prbr.h{font-size:11.5px;color:#8fa0b3;min-height:36px}
.prbr.f{border-bottom:0;color:#fff}
.prbr .prtg{justify-self:start}
.prqr{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px 0 4px}
.prqrb{width:168px;height:168px;padding:10px;border-radius:14px;background:#fff}
.prqrb svg{display:block;width:100%;height:100%}
.prqr small{font-size:12px;color:#8fa0b3;font-weight:600}
#bsPrI .agcode{margin-top:10px}
.prib{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.prib button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:64px;border-radius:12px;background:#48509b;color:#fff;font-size:12px;font-weight:800}
.prib button.g{background:#20d6a4;color:#13163d}
.prib svg.i{width:21px;height:21px}
/* rules */
.prcard{padding:16px}
.prcard h3{font-size:16px;font-weight:800;color:#fff;margin-bottom:6px}
.prcard>p{font-size:13.5px;line-height:1.6;color:#c3cedb}
.prrt{margin-top:12px;border-radius:12px;background:#272e69;padding:2px 12px}
.prrr{display:grid;grid-template-columns:1.2fr .8fr 1fr;align-items:center;min-height:44px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:#fff}
.prrr:last-child{border-bottom:0}
.prrr>*:not(:first-child){text-align:end}
.prrr.h{font-size:11.5px;color:#8fa0b3;font-weight:700;min-height:36px}
.prrr small{font-size:11px;color:#8fa0b3;font-weight:700}
.prrr b{font-weight:800}.prrr b.g{color:#20d6a4}
.prex{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(32,214,164,.08);border:1px solid rgba(32,214,164,.3)}
.prex b{display:block;font-size:12.5px;font-weight:800;color:#20d6a4;margin-bottom:3px}.prex p{font-size:13px;line-height:1.55;color:#c9f7dd}
.prnote{margin-top:10px;font-size:12.5px!important;color:#8fa0b3!important}
.prtl{list-style:none;margin:10px 0 0;padding:0}
.prtl li{position:relative;display:flex;gap:12px;padding:0 0 16px 22px}
.prtl li:last-child{padding-bottom:0}
.prtl li::before{content:"";position:absolute;left:4px;top:6px;width:10px;height:10px;border-radius:50%;background:#ffbe2e}
.prtl li::after{content:"";position:absolute;left:8px;top:18px;bottom:-2px;width:2px;background:#48509b}
.prtl li:last-child::after{display:none}
.prtl li.g::before{background:#20d6a4}
[dir=rtl] .prtl li{padding:0 22px 16px 0}[dir=rtl] .prtl li::before{left:auto;right:4px}[dir=rtl] .prtl li::after{left:auto;right:8px}
.prtl span{flex:0 0 92px;font-size:13px;font-weight:900;color:#fff;direction:ltr}
.prtl p{font-size:13px;line-height:1.5;color:#c3cedb}
.prir{list-style:none;margin:0;padding:0}
.prir li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.prir li:last-child{border-bottom:0}
.prir span{flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:#48509b;display:grid;place-items:center;font-size:12.5px;font-weight:900;color:#20d6a4}
.prir p{font-size:13.5px;line-height:1.6;color:#c3cedb}
#v-gen .prhero~*:last-child{margin-bottom:12px}
.prds>button svg.i.flip{transform:rotate(180deg)!important}
[dir=rtl] .prds>button svg.i{transform:rotate(180deg)!important}[dir=rtl] .prds>button svg.i.flip{transform:none!important}
.prus{display:flex!important;gap:12px;overflow:visible!important}
.prus i{font-style:normal;color:#6f8293}.prus b{color:#d5dceb;font-weight:800}
.prhero.ov,.prfl.ov,.prcard.ov{margin-top:-40px!important}
.prun .prus b{display:inline!important;font-size:11.5px;color:#d5dceb}
.scrim{z-index:46!important}.bs{z-index:47!important}
.prrr{grid-template-columns:1.1fr .8fr 1.1fr}
.prbr.f b:first-child{font-size:13px}
.prdl small,.prdt .num,.prcdd small,#prDs .sub{direction:ltr;unicode-bidi:isolate}
/* v34 invite card + overview */
.pri{position:relative;margin:12px 16px 0;padding:16px 14px 14px;border-radius:16px;overflow:hidden;background:radial-gradient(130% 120% at 100% 0%,#1d8a52 0%,#3f4144 34%,#333538 62%,#384086 100%)}
[dir=rtl] .pri{background:radial-gradient(130% 120% at 0% 0%,#1d8a52 0%,#3f4144 34%,#333538 62%,#384086 100%)}
.prih{position:relative;min-height:96px;padding-inline-end:108px}
.prit small{display:inline-block;padding:3px 8px;border-radius:6px;background:rgba(255,190,46,.16);color:#ffbe2e;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.prit b{display:block;margin-top:8px;font-size:18px;line-height:1.25;font-weight:900;color:#fff;letter-spacing:-.2px}
.prit p{margin-top:5px;font-size:12.5px;line-height:1.5;color:#c3d6cc}
.primk{position:absolute;right:-8px;top:-10px;height:122px;width:auto;transform:scaleX(-1);filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));pointer-events:none}
[dir=rtl] .primk{right:auto;left:-8px;transform:none}
.pril{display:flex;align-items:center;gap:8px;margin-top:14px;padding:5px 5px 5px 12px;border-radius:12px;background:rgba(15,17,20,.55);border:1px solid rgba(255,255,255,.08)}
[dir=rtl] .pril{padding:5px 12px 5px 5px}
.prilk{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:#8fa0b3}
.prilk svg.i{flex:0 0 18px;width:18px;height:18px;color:#20d6a4}
.prilk b{font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr}
.pricp{flex:none;height:38px;padding:0 14px;border-radius:9px;background:#20d6a4;color:#13163d;font-size:13px;font-weight:800}
.pricp:active{transform:scale(.97)}
.pric{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 6px 8px 12px;border-radius:12px;background:rgba(15,17,20,.35)}
[dir=rtl] .pric{padding:8px 12px 8px 6px}
.pric small{display:block;font-size:11px;font-weight:700;color:#8fa0b3}.pric b{display:block;margin-top:1px;font-size:15px;font-weight:900;color:#ffbe2e;letter-spacing:.4px;direction:ltr}
.pric button{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.pric button svg.i{width:17px;height:17px}
.pria{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.pria button{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:12.5px;font-weight:800}
.pria button svg.i{width:17px;height:17px;color:#20d6a4}
.pria button:active{background:rgba(255,255,255,.12)}
.prsm{margin:12px 16px 14px;padding:6px 16px 4px;border-radius:16px;background:#384086}
.prsm h3{padding:10px 0 6px;font-size:15px;font-weight:800;color:#fff}
.prsr{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;border-top:1px solid rgba(255,255,255,.06);font-size:13.5px;color:#b1bad3;font-weight:600}
.prsr b{font-size:15px;font-weight:800;color:#fff;direction:ltr;unicode-bidi:isolate}.prsr b.g{color:#20d6a4}
/* v34 wheel: records row with invite, history page, popups */
.wrh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:30px 20px 12px}
.wrh .wsec2{margin:0}
.wib{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:18px;background:#ffbe2e;color:#2b1a00;font-size:13px;font-weight:900;box-shadow:0 3px 0 #b57f00}
.wib svg.i{width:17px;height:17px;stroke-width:2.4}
.wib:active{transform:translateY(2px);box-shadow:0 1px 0 #b57f00}
.wzh .ib{position:relative}
.whdot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#ffbe2e;box-shadow:0 0 0 2px rgba(0,0,0,.4)}
.whtab{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:11px;background:#272e69}
.whtab button{height:38px;border-radius:8px;font-size:13.5px;font-weight:800;color:#b1bad3}
.whtab button.on{background:#48509b;color:#fff}
.whl{margin-top:12px}
.whci{flex:0 0 38px;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}
.whci svg.i{width:19px;height:19px;stroke-width:2.4}
.whci.ok{background:rgba(32,214,164,.15);color:#20d6a4}.whci.pend{background:rgba(255,190,46,.15);color:#ffbe2e}.whci.rej{background:rgba(255,77,94,.15);color:#ff6b78}
.whrl{padding:4px 0}
.whrl .rec2{padding-left:12px;padding-right:12px}
#bsWhc{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
#bsWhc .go{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px}
#bsWhc .go.ghost{background:#48509b!important;color:#fff!important}
.wpc .wpu,.wpc .wpc2{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 6px;border-radius:50%;background:rgba(255,190,46,.15);color:#ffbe2e}
.wpc .wpu svg.i,.wpc .wpc2 svg.i{width:30px;height:30px;stroke-width:2.2}
.wpc>small{display:block;margin-top:6px;line-height:1.5}
.wpc .pill{margin-top:6px}
.wpc .go.gh{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;margin-top:8px}
/* v34 profile header: dark, soft green light from the settings corner, rounded bottom */
#v-profile .hd.ph{background:radial-gradient(115% 125% at 100% 0%,#22b866 0%,#178f50 16%,#11643e 34%,#323a7c 56%,#252b64 80%,#20255a 100%)!important;border-radius:0 0 26px 26px!important;border-bottom:0!important}
[dir=rtl] #v-profile .hd.ph{background:radial-gradient(115% 125% at 0% 0%,#22b866 0%,#178f50 16%,#11643e 34%,#323a7c 56%,#252b64 80%,#20255a 100%)!important}
/* v35: make the rounded header shape stand out from the page */
#v-profile .hd.ph{background:radial-gradient(115% 125% at 100% 0%,#22b866 0%,#178f50 16%,#11643e 34%,#343639 54%,#3a4289 78%,#35373a 100%)!important;border-radius:0 0 30px 30px!important;box-shadow:inset 0 -2px 0 rgba(32,214,164,.55),0 14px 30px rgba(0,0,0,.45)!important;z-index:1}
[dir=rtl] #v-profile .hd.ph{background:radial-gradient(115% 125% at 0% 0%,#22b866 0%,#178f50 16%,#11643e 34%,#343639 54%,#3a4289 78%,#35373a 100%)!important}
#v-profile .hd.ph~*{position:relative;z-index:2}
/* v51 wheel: amount card, long invite button, flying coins */
.wbox{position:relative;margin:10px auto 0;max-width:320px;padding:12px 16px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,200,61,.16),rgba(0,0,0,.35));border:1px solid rgba(255,210,90,.35);box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12)}
.wbox .wbig{margin-top:0!important;font-size:40px!important;background:linear-gradient(180deg,#fff,#ffe08a);-webkit-background-clip:text;background-clip:text;color:transparent}
.wbox .wbig small{-webkit-text-fill-color:#ffd34d}
.wbcn{position:absolute;top:-14px;left:50%;margin-left:-14px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c9,#ffcd3f 45%,#d48d0a);box-shadow:0 0 0 3px rgba(0,0,0,.25),0 0 18px rgba(255,200,60,.6)}
.wbpr{height:7px;border-radius:4px;background:rgba(0,0,0,.4);overflow:hidden;margin-top:6px}
.wbpr i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#ffcf3a,#33e3b0);box-shadow:0 0 10px rgba(51,227,176,.6);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.wbt{display:block;margin-top:5px;font-size:11.5px;color:rgba(255,255,255,.7);direction:ltr}
.wbox.hit{animation:wHit .5s ease-out}
@keyframes wHit{30%{transform:scale(1.06);box-shadow:0 0 30px rgba(255,210,80,.65),inset 0 1px 0 rgba(255,255,255,.2)}}
.winv2{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);max-width:420px;margin:14px auto 6px;padding:12px 14px;border-radius:16px;border:0;
  background:linear-gradient(180deg,#33e3b0,#16b85f);color:#13163d;text-align:start;box-shadow:0 5px 0 #0c7a3d,0 10px 24px rgba(32,214,164,.35);font:inherit}
.winv2:active{transform:translateY(3px);box-shadow:0 2px 0 #0c7a3d}
.winv2i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(0,0,0,.14);flex:none}.winv2i svg{width:24px;height:24px;stroke-width:2.4}
.winv2t{flex:1;min-width:0;display:flex;flex-direction:column}.winv2t b{font-size:17px;font-weight:900}.winv2t small{font-size:12px;font-weight:700;opacity:.8}
.winv2a{width:22px;height:22px;flex:none}
.wwin{position:fixed;z-index:120;transform:translate(-50%,-50%) scale(.3);opacity:0;padding:10px 20px;border-radius:999px;font-size:26px;font-weight:900;color:#3a2400;
  background:linear-gradient(180deg,#fff2b0,#ffcf3a 50%,#f59e0b);box-shadow:0 0 0 4px rgba(255,255,255,.25),0 10px 30px rgba(0,0,0,.45),0 0 40px rgba(255,200,60,.7);animation:wWin .45s cubic-bezier(.2,1.5,.4,1) forwards;pointer-events:none;white-space:nowrap}
.wwin.out{animation:wWinO .45s ease-in forwards}
@keyframes wWin{to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes wWinO{from{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-120%) scale(.6);opacity:0}}
.wfc{position:fixed;left:0;top:0;z-index:121;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 35% 30%,#fff6c9,#ffcd3f 45%,#d48d0a);box-shadow:inset 0 0 0 2px rgba(160,100,0,.45),0 0 10px rgba(255,200,60,.6)}
/* v51b: real gift-box art inside the cash-out popup icon, instead of a flat svg */
.wpc .wpgift{width:72px;height:72px;background:radial-gradient(circle,rgba(255,200,60,.22),rgba(255,200,60,0) 70%)}
.wpc .wpgift img{width:60px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
/* v52 wheel page — compact, in the order of the reference: amount, cash out, wheel, invite, small notes, record */
.wz3 .wam3{padding:6px 20px 0;text-align:center}
.wcd3{display:flex;justify-content:center;gap:4px;align-items:center;font-size:13px;font-weight:700;color:rgba(255,255,255,.9);text-shadow:0 1px 3px rgba(0,0,0,.5)}
.wcd3 b{font-weight:800;font-variant-numeric:tabular-nums;direction:ltr}
.wbox3{display:block;margin-top:0}
.wz3 .wbig{margin-top:0!important;font-size:38px!important;line-height:1.15}
.wz3 .wbig small{font-size:24px!important}
.wbox3.hit .wbig{animation:wTick .22s ease-out}
@keyframes wTick{50%{transform:scale(1.07)}}
.wcash3{display:block;margin:6px auto 0;min-width:150px;height:38px;padding:0 26px;border:0;border-radius:19px;font:inherit;font-size:14.5px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:#4a2a00;
  background:linear-gradient(180deg,#ffe58f 0%,#ffbd2e 55%,#f59300 100%);box-shadow:0 3px 0 #b86a00,0 6px 14px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.wcash3:active{transform:translateY(2px);box-shadow:0 1px 0 #b86a00}
.wcash3.off{filter:saturate(.75) brightness(.92)}
.wz3 .whl2{margin-top:12px!important}
.winv3w{position:relative;z-index:4;text-align:center;margin-top:16px;padding:0 16px}
.winv3{display:block;text-align:center;margin:0 auto;width:100%;height:48px;padding:0 24px;border:0;border-radius:24px;font:inherit;font-size:15px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;color:#4a2a00;
  background:linear-gradient(180deg,#ffe58f 0%,#ffbd2e 55%,#f59300 100%);box-shadow:0 3px 0 #b86a00,0 6px 14px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.winv3:active{transform:translateY(2px);box-shadow:0 1px 0 #b86a00}
.wlf3{margin:8px 24px 0;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.82);line-height:1.45}
.wlf3 b,.wlf3 .hlx{color:#ffd75e;font-weight:800}
.wrh3{margin:20px 16px 8px}
.wrh3 h2{margin:0;font-size:15px;font-weight:900;color:#fff}
.wrl3{margin:0 12px!important;border-radius:14px!important}
.wrl3 .rec2{gap:10px;padding:9px 12px}
.wrl3 .rec2 .rav{width:30px;height:30px}
.wrl3 .rec2 .mx b{font-size:12.5px}
.wrl3 .rec2 .mx small{font-size:10.5px}
.wrl3 .rec2 .ra2 b{font-size:12.5px}
.wrl3 .rec2 .ra2 small{font-size:10px}
.wrl3 .wemp{font-size:12px}
/* v52 coins: a real-looking coin (rim, face, shine) that flips while flying */
.wfc3{position:fixed;left:0;top:0;z-index:121;width:24px;height:24px;margin:-12px 0 0 -12px;pointer-events:none;perspective:200px}
.wfc3 i{display:block;width:100%;height:100%;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,transparent 52%,rgba(150,90,0,.55) 54%,transparent 58%),radial-gradient(circle at 34% 28%,#fff8d6 0%,#ffe27a 22%,#f5b723 55%,#c98208 100%);
  box-shadow:inset 0 0 0 1.5px #a86b05,inset 0 -2px 0 rgba(120,70,0,.45),0 2px 6px rgba(0,0,0,.35),0 0 8px rgba(255,200,60,.45);animation:wCoinFlip .5s linear infinite}
.wfc3:nth-child(3n) i{animation-duration:.38s}.wfc3:nth-child(3n+1) i{animation-duration:.62s;animation-direction:reverse}
@keyframes wCoinFlip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg) scaleX(.9)}100%{transform:rotateY(360deg)}}
.wflash{position:fixed;z-index:119;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,240,180,.85) 0%,rgba(255,200,60,.35) 35%,rgba(255,200,60,0) 70%);animation:wFlash .6s ease-out forwards}
@keyframes wFlash{from{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}
/* v52: sub-page headers — the green block no longer ends in a hard edge, it fades into the page */
.hd.sub:not(.ntH){background:linear-gradient(180deg,#323a7c 0%,#2a2c2f 30%,rgba(42,44,47,.55) 62%,rgba(42,44,47,0) 100%)!important;border-radius:0!important;border-bottom:0!important;box-shadow:none!important}
/* ===== v37 stats / achievements / limits ===== */
.stw{margin:0 16px}
.stlv{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px 14px 0 0;background:#384086}
.stlv>span{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:900;color:#20d6a4;letter-spacing:.5px;text-transform:uppercase}
.stlv>span i{width:8px;height:8px;border-radius:50%;background:#20d6a4;animation:pzLv 1.5s infinite;box-shadow:0 0 0 0 rgba(32,214,164,.6)}
.stlv small{font-size:11.5px;color:#8fa0b3;font-weight:600}
.stcp{display:flex;gap:4px;padding:4px 10px 12px;background:#384086;border-radius:0 0 14px 14px}
.stcp button{flex:1;height:34px;border-radius:8px;font-size:12.5px;font-weight:800;color:#b1bad3;background:#272e69}
.stcp button.on{background:#48509b;color:#fff}
.stnet{margin-top:12px;padding:16px;border-radius:16px;background:radial-gradient(120% 140% at 100% 0%,#434548 0%,#353d81 45%,#384086 100%);text-align:center}
.stnet small{font-size:12px;font-weight:800;color:#b9d3c6;text-transform:uppercase;letter-spacing:.6px}
.stnet>b{display:block;margin-top:4px;font-size:30px;font-weight:900;direction:ltr}
.p{color:#20d6a4!important}.n{color:#ff6b78!important}
.stwr{display:flex;align-items:center;gap:10px;margin-top:10px}
.stwr span{white-space:nowrap;font-size:12px;color:#c3cedb}.stwr span b{font-size:14px;color:#fff}
.stwr i{flex:1;height:8px;border-radius:4px;background:rgba(0,0,0,.3);overflow:hidden}.stwr i em{display:block;height:100%;background:#20d6a4;border-radius:4px}
.stg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.stg>div{position:relative;padding:12px;border-radius:12px;background:#384086;min-width:0}
.stg small{display:block;font-size:11.5px;font-weight:700;color:#8fa0b3}
.stg b{display:block;margin-top:4px;font-size:17px;font-weight:900;color:#fff;direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stge{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;font-style:normal;font-size:11px;font-weight:800;color:#ffbe2e}
[dir=rtl] .stge{right:auto;left:10px}
.stge .swGi,.stfv .swGi,.stgn .swGi{width:22px;height:22px;flex:0 0 22px;border-radius:6px}.stge .swGi svg,.stfv .swGi svg,.stgn .swGi svg{width:14px;height:14px}
.stfv{display:flex!important;align-items:center;gap:8px;font-size:15px!important}
.stcard{margin-top:0;padding:12px;border-radius:16px;background:#384086}
.stw .pzsh{margin:18px 0 10px}
.stch{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end}
.stcb{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.stcbw{height:50px;display:flex;align-items:flex-end}
.stcb i{display:block;width:18px;border-radius:5px 5px 2px 2px}.stcb i.p{background:#20d6a4}.stcb i.n{background:#ff6b78}
.stcb small{font-size:10.5px;font-weight:700;color:#8fa0b3}
.stcb em{font-style:normal;font-size:9.5px;font-weight:800;color:#8fa0b3;white-space:nowrap;direction:ltr}
.stgr{display:grid;grid-template-columns:minmax(0,1.6fr) .7fr .8fr 1fr;align-items:center;gap:6px;min-height:46px;border-top:1px solid rgba(255,255,255,.05);font-size:13px;color:#d5dceb;font-weight:700}
.stgr.h{min-height:30px;border-top:0;font-size:11px;color:#8fa0b3}
.stgr>*:not(:first-child){text-align:end}
.stgr>b{font-weight:900;direction:ltr}
.stgn{display:flex;align-items:center;gap:8px;min-width:0}.stgn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.stgo{margin:12px 0 0}
/* achievements */
.achd{display:flex;align-items:center;gap:16px;margin:0 16px 12px;padding:16px;border-radius:16px;background:radial-gradient(120% 140% at 100% 0%,#5a4310 0%,#2f2a18 45%,#384086 100%)}
.acring{flex:0 0 78px;width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#ffbe2e calc(var(--p)*1%),rgba(255,255,255,.1) 0);position:relative}
.acring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#2a2a1c}
.acring b,.acring small{position:relative}.acring b{font-size:24px;font-weight:900;color:#ffd36b;line-height:1}.acring small{font-size:11px;color:#c3cedb;font-weight:700}
.achd>div:last-child b{display:block;font-size:17px;font-weight:900;color:#fff}.achd p{margin-top:4px;font-size:12.5px;color:#c3cedb}
.acl{margin:0 16px 16px}
.acr{display:flex;align-items:center;gap:12px;min-height:64px;border-bottom:1px solid rgba(255,255,255,.05)}
.acr:last-child{border-bottom:0}
.aci{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#272e69;color:#6f8293;filter:grayscale(1)}
.acr.ok .aci{background:linear-gradient(160deg,#fff1a8,#ffcb2e 45%,#e08e00);color:#2b1a00;filter:none;box-shadow:0 0 12px rgba(255,190,46,.35)}
.aci svg.i{width:21px;height:21px}
.acm{flex:1;min-width:0}.acm b{display:block;font-size:14px;font-weight:900;color:#fff}.acm small{display:block;margin-top:2px;font-size:11.5px;color:#8fa0b3;font-weight:600}
.acb{display:block;height:5px;margin-top:6px;border-radius:3px;background:#272e69;overflow:hidden}.acb em{display:block;height:100%;border-radius:3px;background:#ffbe2e}
.acr.ok .acb em{background:#20d6a4}
.acn{font-size:12px;font-weight:800;color:#8fa0b3;white-space:nowrap;direction:ltr}.acn svg.i{width:20px;height:20px;color:#20d6a4;stroke-width:2.6}
/* limits */
.lmh{display:flex;align-items:center;gap:14px;margin:0 16px 12px;padding:16px;border-radius:16px;background:#384086}
.lmi{flex:0 0 48px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(32,214,164,.15);color:#20d6a4}.lmi svg.i{width:26px;height:26px}
.lmh b{display:block;font-size:17px;font-weight:900;color:#fff}.lmh p{margin-top:3px;font-size:12.5px;color:#8fa0b3}
.lmc{margin:0 16px 12px}.lmc>b{display:block;font-size:15px;font-weight:900;color:#fff}.lmc>p{margin-top:4px;font-size:12.5px;line-height:1.5;color:#8fa0b3}
.lmo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.lmo button{height:40px;border-radius:10px;background:#272e69;color:#d5dceb;font-size:13px;font-weight:800;border:1.5px solid transparent}
.lmo button.on{border-color:#20d6a4;background:rgba(32,214,164,.1);color:#fff}
.lmo button.cf{border-color:#ff6b78;background:rgba(255,77,94,.12);color:#ffb3bb;font-size:11.5px}
.lmo button:disabled{opacity:.4}
.lmu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.lmu>div{padding:10px 12px;border-radius:10px;background:#272e69}
.lmu small{display:block;font-size:11.5px;color:#8fa0b3;font-weight:700}.lmu b{display:block;margin-top:2px;font-size:15px;font-weight:900;color:#fff;direction:ltr;text-align:start}.lmu b.g{color:#20d6a4}
.lmc .acb{margin-top:10px}
.lmbrk{margin:0 16px 12px!important}
.lmn{margin:4px 20px 20px;font-size:12px;line-height:1.55;color:#6f8293}
#v-profile [data-nav="achv"] .ti{background:rgba(255,190,46,.14)!important;color:#ffbe2e!important}
#v-profile [data-nav="plim"] .ti{background:rgba(32,214,164,.14)!important;color:#20d6a4!important}
.acb{display:block!important;width:100%!important;height:5px!important;margin-top:6px!important;padding:0!important;border-radius:3px!important;background:#272e69!important;overflow:hidden;box-shadow:none!important}
.acb em{display:block;height:100%!important;border-radius:3px}
.lmo button{display:flex!important;align-items:center;justify-content:center;text-align:center;padding:0 6px!important}
.stcp button{white-space:nowrap;font-size:12px}
.stcb em{font-size:9px}
.lmc .acb{width:auto!important}
/* ===== v36 Prizes: weekly race ===== */
.pz{background:#14183f;min-height:100dvh;padding-bottom:110px;overflow:hidden}
.pzh{position:relative;aspect-ratio:780/1293;max-height:690px;background:top center/100% auto no-repeat;overflow:hidden}
.pzh::before{content:"";position:absolute;inset:0 0 auto;height:120px;background:linear-gradient(180deg,rgba(8,10,34,.7),rgba(8,10,34,0));z-index:1;pointer-events:none}
.pzh::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(180deg,rgba(22,26,66,0) 0%,rgba(22,26,66,.75) 55%,#14183f 100%);z-index:3;pointer-events:none}
.pzt{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 12px 0}
.pzt h2{font-size:18px;font-weight:900;color:#fff;letter-spacing:.2px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.pzt .ib{width:40px;height:40px;border-radius:12px;background:rgba(10,12,38,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;color:#fff}
.pzt .ib svg.i{width:22px;height:22px;stroke:currentColor;fill:none}
.pzk{position:absolute;z-index:5;left:50%;top:calc(env(safe-area-inset-top) + 60px);transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:14px;background:rgba(10,12,38,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,190,46,.35);color:#ffd36b;font-size:12px;font-weight:800;white-space:nowrap}
.pzk i{width:7px;height:7px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 0 0 rgba(255,77,94,.7);animation:pzLv 1.5s infinite}
@keyframes pzLv{70%{box-shadow:0 0 0 7px rgba(255,77,94,0)}100%{box-shadow:0 0 0 0 rgba(255,77,94,0)}}
/* bike on the stage */
.pzb{position:absolute;z-index:2;left:9%;width:82%;bottom:14.6%;transform-origin:50% 100%;animation:pzSway 7s ease-in-out infinite;will-change:transform}
.pzb img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 14px rgba(0,0,0,.55));-webkit-user-drag:none;pointer-events:none}
.pzb::after{content:"";position:absolute;inset:0;-webkit-mask:var(--bk) center/100% 100% no-repeat;mask:var(--bk) center/100% 100% no-repeat;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%);background-size:260% 100%;animation:pzShine 4.5s ease-in-out infinite;mix-blend-mode:overlay;pointer-events:none}
@keyframes pzSway{0%,100%{transform:perspective(900px) rotateY(-15deg) translateY(0)}50%{transform:perspective(900px) rotateY(15deg) translateY(-7px)}}
@keyframes pzShine{0%,30%{background-position:120% 0}70%,100%{background-position:-20% 0}}
.pzg{position:absolute;z-index:1;left:4%;width:92%;bottom:11.5%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,196,64,.55),rgba(255,160,20,.18) 60%,rgba(255,160,20,0));animation:pzGl 3.5s ease-in-out infinite}
@keyframes pzGl{50%{opacity:.55;transform:scaleX(.94)}}
.pzsp{position:absolute;z-index:4;width:5px;height:5px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 8px 2px rgba(255,210,90,.8);opacity:0;animation:pzSp 4s ease-in-out infinite}
.pzsp.s1{left:16%;bottom:40%}.pzsp.s2{left:78%;bottom:46%;animation-delay:1.1s}.pzsp.s3{left:56%;bottom:52%;animation-delay:2.2s}.pzsp.s4{left:30%;bottom:30%;animation-delay:3s}
@keyframes pzSp{0%{opacity:0;transform:translateY(8px) scale(.5)}30%{opacity:1}100%{opacity:0;transform:translateY(-40px) scale(1)}}
@media (prefers-reduced-motion:reduce){.pzb,.pzb::after,.pzg,.pzsp{animation:none}}
/* countdown */
.pzcd{position:relative;z-index:4;margin:-62px 16px 0;padding:14px 14px 12px;border-radius:18px;background:rgba(27,29,32,.92);border:1px solid rgba(255,190,46,.28);box-shadow:0 14px 30px rgba(0,0,0,.4);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pzcd>small{display:block;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#ffd36b}
.pzcb{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin-top:8px;direction:ltr}
.pzcb>span{display:flex;flex-direction:column;align-items:center;min-width:60px}
.pzcb b{display:block;width:60px;height:52px;border-radius:12px;background:#111316;border:1px solid rgba(255,255,255,.06);font-size:28px;font-weight:900;line-height:52px;color:#fff}
.pzcb small{margin-top:4px;font-size:10.5px;font-weight:700;color:#8fa0b3;text-transform:uppercase;letter-spacing:.5px}
.pzc{font-style:normal;font-size:24px;font-weight:900;color:#ffbe2e;line-height:52px}
.pzcd p{margin-top:8px;font-size:12px;color:#8fa0b3;font-weight:600}
/* prizes */
.pzsh{margin:22px 16px 10px;font-size:17px;font-weight:900;color:#fff}
.pzsh2{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:22px 16px 10px}
.pzsh2 h3{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900;color:#fff}
.pzsh2 small{font-size:11.5px;color:#8fa0b3;font-weight:600}
.pzld{width:8px;height:8px;border-radius:50%;background:#20d6a4;animation:pzLv 1.5s infinite;box-shadow:0 0 0 0 rgba(32,214,164,.6)}
.pzpr{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin:0 16px}
.pzp1{position:relative;padding:12px 12px 12px;border-radius:16px;background:radial-gradient(120% 90% at 50% 0%,#5a4310 0%,#2c2410 55%,#1a1a12 100%);border:1.5px solid rgba(255,190,46,.55);overflow:hidden;text-align:center}
.pzp1 img{display:block;width:100%;height:auto;margin:6px 0 4px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.pzp1 b{display:block;font-size:15px;font-weight:900;color:#ffd36b}
.pzp1 small,.pzpc small{display:block;margin-top:2px;font-size:11.5px;color:#c3cedb;font-weight:600}
.pzp2{display:grid;grid-template-rows:1fr 1fr;gap:10px}
.pzpc{padding:12px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.pzpc b{display:block;margin-top:6px;font-size:19px;font-weight:900;color:#fff;direction:ltr}
.pzpc.s{background:linear-gradient(160deg,#343639,#252b64);border:1.5px solid rgba(201,211,222,.45)}
.pzpc.b{background:linear-gradient(160deg,#3a2a1c,#22180f);border:1.5px solid rgba(224,154,95,.5)}
.pzpt{display:flex;justify-content:center}
.pzpt em{font-style:normal;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;font-size:11px;font-weight:900;letter-spacing:.3px;background:#ffbe2e;color:#2b1a00}
.pzpc.s .pzpt em{background:#c9d3de;color:#20255a}.pzpc.b .pzpt em{background:#e09a5f;color:#2a1608}
/* my position */
.pzme{margin:14px 16px 0;padding:14px;border-radius:16px;background:#384086;border:1px solid rgba(32,214,164,.25)}
.pzmh{display:flex;align-items:center;gap:12px}
.pzma{flex:0 0 46px;width:46px;height:46px;border-radius:13px;overflow:hidden;background:#48509b}.pzma img{width:100%;height:100%;object-fit:cover}
.pzmh>div:not(.pzmw){flex:1;min-width:0}
.pzmh small{display:block;font-size:11.5px;font-weight:700;color:#8fa0b3}
.pzmh b{display:block;margin-top:2px;font-size:20px;font-weight:900;color:#fff}
.pzmw{text-align:end}.pzmw b{font-size:16px;color:#20d6a4;direction:ltr}
.pzbar{height:8px;margin-top:12px;border-radius:4px;background:#272e69;overflow:hidden}.pzbar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#20d6a4,#ffbe2e)}
.pzme p{margin-top:8px;font-size:12.5px;color:#c3cedb;font-weight:600}.pzme p.g{color:#20d6a4}
.pzme p .hlx{color:#ffbe2e}
.pzgo{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;margin-top:12px;border-radius:12px;background:#20d6a4;color:#13163d;font-size:14.5px;font-weight:900;text-decoration:none}
.pzgo svg.i{width:18px;height:18px}
/* leaderboard */
.pzlb{margin:0 16px;padding:14px 12px 6px;border-radius:18px;background:#272e69}
.pzpod{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px}
.pzpd{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.pzpa{position:relative;width:54px;height:54px;border-radius:50%;padding:3px;background:#c9d3de}
.pzpd.p1 .pzpa{width:66px;height:66px;background:#ffbe2e}.pzpd.p3 .pzpa{background:#e09a5f}
.pzpa img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#48509b}
.pzpa em{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:inherit;color:#1a1300;font-style:normal;font-size:11px;font-weight:900;display:grid;place-items:center;border:2px solid #272e69}
.pzcr{position:absolute;left:50%;top:-14px;width:24px;height:18px;transform:translateX(-50%) rotate(-8deg)}
.pzpd>b{margin-top:12px;font-size:12.5px;font-weight:800;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pzpd>small{font-size:12px;font-weight:800;color:#20d6a4;direction:ltr}
.pzst{width:100%;margin-top:8px;border-radius:10px 10px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:9px;font-size:11.5px;font-weight:900}
.pzpd.p1 .pzst{height:74px;background:linear-gradient(180deg,#ffbe2e,#c98a00);color:#2b1a00}
.pzpd.p2 .pzst{height:54px;background:linear-gradient(180deg,#c9d3de,#8796a5);color:#20255a}
.pzpd.p3 .pzst{height:40px;background:linear-gradient(180deg,#e09a5f,#a8642c);color:#2a1608}
.pzpd.me>b{color:#20d6a4}
.pzl{margin-top:10px}
.pzr{display:flex;align-items:center;gap:10px;min-height:50px;border-top:1px solid rgba(255,255,255,.05)}
.pzr.me{margin:0 -8px;padding:0 8px;border-radius:12px;background:rgba(32,214,164,.1);border:1px solid rgba(32,214,164,.35)}
.pzn{flex:0 0 24px;text-align:center;font-size:13px;font-weight:800;color:#8fa0b3}
.pzra{flex:0 0 32px;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#48509b}.pzra img{width:100%;height:100%;object-fit:cover}
.pzr>b{flex:1;min-width:0;font-size:13.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pzr.me>b{color:#20d6a4}
.pzw{font-size:13px;font-weight:800;color:#d5dceb;direction:ltr;white-space:nowrap}
/* how it works */
.pzhw{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 16px}
.pzhw>div{position:relative;padding:12px 10px;border-radius:14px;background:#384086;min-width:0}
.pzhw span{position:absolute;top:8px;right:10px;font-size:22px;font-weight:900;color:rgba(255,255,255,.07)}
[dir=rtl] .pzhw span{right:auto;left:10px}
.pzhw svg.i{width:24px;height:24px;color:#ffbe2e}
.pzhw b{display:block;margin-top:8px;font-size:13px;font-weight:900;color:#fff;line-height:1.25}
.pzhw small{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:#8fa0b3;font-weight:600}
/* past winners */
.pzpast{margin:0 16px}
.pzwk{padding:4px 12px 4px;border-radius:16px;background:#384086;margin-bottom:10px}
.pzwh{display:flex;align-items:center;justify-content:space-between;min-height:40px;border-bottom:1px solid rgba(255,255,255,.06)}
.pzwh b{font-size:14px;font-weight:900;color:#fff}.pzwh small{font-size:12px;color:#8fa0b3;font-weight:600}
.pzwr{display:flex;align-items:center;gap:10px;min-height:54px;border-bottom:1px solid rgba(255,255,255,.05)}
.pzwr:last-child{border-bottom:0}
.pzmd{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:900}
.pzmd.m1{background:#ffbe2e;color:#2b1a00}.pzmd.m2{background:#c9d3de;color:#20255a}.pzmd.m3{background:#e09a5f;color:#2a1608}
.pzwn{flex:1;min-width:0}.pzwn b{display:block;font-size:13.5px;font-weight:800;color:#fff}.pzwn small{font-size:11.5px;color:#8fa0b3;font-weight:600;direction:ltr}
.pzwp{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12.5px;font-weight:900;color:#ffd36b;white-space:nowrap}
[dir=rtl] .pzwp{align-items:flex-start}
.pzwp .pill{height:20px;font-size:10.5px}
.pzrl{display:flex;align-items:center;gap:10px;width:calc(100% - 32px);height:52px;margin:6px 16px 0;padding:0 14px;border-radius:14px;background:#384086;color:#fff;font-size:14px;font-weight:800;text-align:start}
.pzrl svg.i{width:20px;height:20px;color:#ffbe2e}.pzrl span{flex:1}.pzrl .ch{color:#6f8293}
[dir=rtl] .pzrl .ch{transform:scaleX(-1)}
.pzrlist{list-style:none;margin:10px 0 0;padding:0}
.pzrlist li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.pzrlist span{flex:0 0 24px;height:24px;border-radius:7px;background:#48509b;display:grid;place-items:center;font-size:12px;font-weight:900;color:#ffbe2e}
.pzrlist p{font-size:13px;line-height:1.55;color:#c3cedb}
/* bottom nav: Prizes button */
.bnav .spin.prz .ring span{background:#ffbe2e!important}
.bnav .spin.prz.on .ring span{background:#20d6a4!important}
.bnav .spin.prz .ring span svg{animation:none!important}
.bnav .spin.prz .ring span::after{display:none!important}
.pzcd p,.pzwh small,.pzwn small,.pzpd>small{direction:ltr;unicode-bidi:isolate}
/* v37: celebration hero (baked bike photo + separated bike layer) */
.pzb{display:none}
.pzh{background-size:100% auto!important}
.pzfx,.pzcf{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pzfx{z-index:1}
.pzcf{z-index:4}
.pzray{position:absolute;z-index:1;left:52%;top:63%;width:175%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:.75;
  background:repeating-conic-gradient(from 0deg,rgba(255,214,90,0) 0deg 7deg,rgba(255,214,90,.42) 9deg 11deg,rgba(255,214,90,0) 13deg 22deg);
  -webkit-mask:radial-gradient(circle,#000 0%,rgba(0,0,0,.85) 18%,transparent 55%);mask:radial-gradient(circle,#000 0%,rgba(0,0,0,.85) 18%,transparent 55%);animation:pzRot 32s linear infinite}
@keyframes pzRot{to{transform:translate(-50%,-50%) rotate(360deg)}}
.pzhalo{position:absolute;z-index:1;left:50%;top:64%;width:96%;height:34%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(closest-side,rgba(255,200,80,.55),rgba(255,170,40,.18) 55%,rgba(255,170,40,0));animation:pzHalo 3.2s ease-in-out infinite}
@keyframes pzHalo{50%{opacity:.55;transform:translate(-50%,-50%) scale(.92)}}
.pzg{bottom:13.5%!important;left:2%!important;width:96%!important;height:10%!important;z-index:1!important;mix-blend-mode:screen}
.pzbeam{position:absolute;z-index:1;top:-6%;width:46%;height:92%;pointer-events:none;mix-blend-mode:screen;opacity:.55;
  background:linear-gradient(180deg,rgba(255,240,190,.55),rgba(255,220,120,.12) 60%,rgba(255,220,120,0));clip-path:polygon(44% 0,56% 0,100% 100%,0 100%)}
.pzbeam.l{left:-6%;transform-origin:50% 0;animation:pzBeamL 6s ease-in-out infinite}
.pzbeam.r{right:-6%;transform-origin:50% 0;animation:pzBeamR 6s ease-in-out infinite}
@keyframes pzBeamL{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(6deg)}}
@keyframes pzBeamR{0%,100%{transform:rotate(24deg)}50%{transform:rotate(-6deg)}}
.pzbn{position:absolute;z-index:1;left:11%;top:24.5%;width:66%;height:23%;pointer-events:none;mix-blend-mode:overlay;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.75) 45%,transparent 60%);background-size:280% 100%;animation:pzShine 5s ease-in-out infinite}
.pzbw{position:absolute;z-index:2;pointer-events:none}
.pzbw img{display:block;width:100%;height:auto;-webkit-user-drag:none}
.pzbw::after{content:"";position:absolute;inset:0;-webkit-mask:var(--bk) center/100% 100% no-repeat;mask:var(--bk) center/100% 100% no-repeat;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.6) 48%,transparent 58%);background-size:280% 100%;animation:pzShine 4s ease-in-out infinite;mix-blend-mode:overlay}
.pzgl{position:absolute;z-index:3;width:18px;height:18px;margin:-9px 0 0 -9px;opacity:0;animation:pzGlint 3.6s ease-in-out infinite;animation-delay:var(--d,0s);
  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)}
@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)}}
.pzsp{display:none}
@media (prefers-reduced-motion:reduce){.pzray,.pzhalo,.pzbeam,.pzbn,.pzbw::after,.pzgl{animation:none}}
/* v37b: hero badge, podium standing, winner sheet */
.pzk{display:none!important}
.pzbg2{position:absolute;z-index:5;left:50%;top:calc(env(safe-area-inset-top) + 58px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:16px;white-space:nowrap;
  background:linear-gradient(180deg,rgba(18,14,4,.78),rgba(10,8,2,.7));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,200,60,.55);box-shadow:0 8px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,230,150,.25);overflow:hidden}
[dir=rtl] .pzbg2{padding:6px 6px 6px 14px}
.pzbg2::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,230,150,.35) 48%,transparent 60%);background-size:260% 100%;animation:pzShine 3.6s ease-in-out infinite;pointer-events:none}
.pzbgi{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(160deg,#fff1a8,#ffcb2e 45%,#e08e00);box-shadow:0 0 14px rgba(255,190,46,.55)}
.pzbgi svg{width:22px;height:17px}
.pzbg2 b{display:block;font-size:15px;font-weight:900;letter-spacing:1.6px;background:linear-gradient(180deg,#fff7d1,#ffcf3a 55%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.pzbg2 small{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:11px;font-weight:800;color:#f3e3b0}
.pzlv{width:6px;height:6px;border-radius:50%;background:#ff4d5e;animation:pzLv 1.5s infinite;box-shadow:0 0 0 0 rgba(255,77,94,.7);margin-inline-start:2px}
.pzst{flex-direction:column;align-items:center;gap:1px;padding-top:7px!important}
.pzst b{font-size:18px;font-weight:900;line-height:1}.pzst b sup{font-size:10px;margin-inline-start:1px}
.pzst span{font-size:10px;font-weight:800;opacity:.8;text-transform:uppercase;letter-spacing:.4px}
.pzpd.p3 .pzst b{font-size:15px}.pzpd.p3 .pzst span{font-size:9px}
.pzwr{cursor:pointer}.pzwr:active{background:rgba(255,255,255,.04)}
.pzch{flex:0 0 16px;width:16px;height:16px;color:#6f8293;margin-inline-start:-2px}
[dir=rtl] .pzch{transform:scaleX(-1)}
#bsPzW{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.pzwd{display:flex;align-items:center;gap:12px;margin:6px 0 12px}
.pzwda{position:relative;flex:0 0 58px;width:58px;height:58px;border-radius:50%;padding:3px;background:#ffbe2e}
.pzwda.m2{background:#c9d3de}.pzwda.m3{background:#e09a5f}
.pzwda img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#48509b}
.pzwda em{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;background:inherit;border:2px solid #384086;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900;color:#1a1300}
.pzwd b{display:block;font-size:18px;font-weight:900;color:#fff}.pzwd small{font-size:12px;color:#8fa0b3;font-weight:600}
.pzwpz{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,#4a3a10,#2a2410);border:1px solid rgba(255,190,46,.45)}
.pzwpz.m2{background:linear-gradient(120deg,#343639,#252b64);border-color:rgba(201,211,222,.4)}.pzwpz.m3{background:linear-gradient(120deg,#3a2a1c,#22180f);border-color:rgba(224,154,95,.45)}
.pzwpz small{font-size:12px;font-weight:700;color:#c3cedb}.pzwpz b{flex:1;font-size:17px;font-weight:900;color:#ffd36b;direction:ltr;text-align:start}
.pzwg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.pzwg>div{padding:11px 12px;border-radius:12px;background:#272e69}
.pzwg small{display:block;font-size:11.5px;font-weight:700;color:#8fa0b3}.pzwg b{display:block;margin-top:3px;font-size:16px;font-weight:900;color:#fff;direction:ltr;text-align:start}
.pzwg b.g,#bsPzW .kv b.g,#bsPzW .kv .g{color:#20d6a4}
.pzfg{display:inline-flex;align-items:center;gap:6px}.pzfg .swGi{width:22px;height:22px;flex:0 0 22px;border-radius:6px}.pzfg .swGi svg{width:14px;height:14px}
#bsPzW .go{display:flex;align-items:center;justify-content:center;width:100%;margin-top:14px}
.pzbg2{display:none!important}

/* ===== v51: Pakbaazi-branded race stage ===== */
.pzstage{position:relative;margin:-4px -4px 0;padding:22px 8px 0;border-radius:16px 16px 0 0;overflow:hidden;
  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%)}
.pzwm{position:absolute;left:50%;top:6px;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}
.pzbm{position:absolute;top:-30px;width:90px;height:240px;background:linear-gradient(180deg,rgba(255,226,140,.18),rgba(255,226,140,0));filter:blur(2px);pointer-events:none}
.pzbm.l{left:16%;transform:rotate(18deg)}.pzbm.r{right:16%;transform:rotate(-18deg)}
.pzstage .pzpod{position:relative}
.pzpa{background:conic-gradient(from 200deg,#e8eef5,#8796a5,#e8eef5,#8796a5,#e8eef5)!important;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.pzpd.p1 .pzpa{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)}
.pzpd.p3 .pzpa{background:conic-gradient(from 200deg,#ffd0a8,#a8642c,#ffd0a8,#a8642c,#ffd0a8)!important}
.pzst{position:relative;overflow:hidden;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -6px 12px rgba(0,0,0,.18)}
.pzst::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.28) 45%,rgba(255,255,255,0) 60%);transform:translateX(-120%);animation:pzsh 4.5s ease-in-out infinite}
@keyframes pzsh{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.pzem{position:absolute;right:6px;top:6px;width:17px;height:17px;border-radius:50%;background:rgba(0,0,0,.16);box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.18);font:900 10px/17px Inter,sans-serif;font-style:italic;color:rgba(0,0,0,.5);text-align:center}
[dir=rtl] .pzem{right:auto;left:6px}
.pzco{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)}
.pzr .pzn{display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 6px;border-radius:7px;background:rgba(255,255,255,.06);font-size:12px}
.pzr.me .pzn{background:#3cf0bd;color:#0d1030}
/* ===== v38 games page / ledger / notifications ===== */
.ghsh{margin:20px 16px 10px!important}
.ghm2 .ghf{margin-top:0}
.txw{margin:0 16px}
.txw .ghd{margin:14px 0 6px}.txw .ghl{margin:0}
.txs{padding:14px;border-radius:16px;background:radial-gradient(120% 140% at 100% 0%,#434548 0%,#353d81 45%,#384086 100%)}
.txnow small{display:block;font-size:12px;font-weight:800;color:#b9d3c6;text-transform:uppercase;letter-spacing:.5px}
.txnow b{display:block;margin-top:2px;font-size:26px;font-weight:900;color:#fff;direction:ltr;text-align:start}
.txio{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.txio>div{padding:9px 10px;border-radius:10px;background:rgba(0,0,0,.22);min-width:0}
.txio small{display:block;font-size:11px;font-weight:700;color:#b1bad3}.txio b{display:block;margin-top:2px;font-size:14px;font-weight:900;direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txf{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.txf .chips{display:flex;gap:4px;padding:4px;border-radius:10px;background:#384086}
.txf .chips button{flex:1;height:34px;border-radius:7px;font-size:12.5px;font-weight:700;color:#b1bad3}
.txf .chips button.on{background:#48509b;color:#fff}
.txf .ghg button{padding:0 14px!important}
.txr{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;padding:9px 12px;text-align:start;border-bottom:1px solid rgba(255,255,255,.05);background:none}
.txr:last-child{border-bottom:0}.txr:active{background:#454d97}
.txr .gbn{flex:1;min-width:0}
.txr .gbn small{display:block;margin-top:2px;font-size:11.5px;color:#8fa0b3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txa{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
[dir=rtl] .txa{align-items:flex-start}
.txa b{font-size:14.5px;font-weight:900;direction:ltr;white-space:nowrap}.txa small{font-size:11px;color:#6f8293;font-weight:700;white-space:nowrap;direction:ltr}
.txi{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.txi svg.i{width:19px;height:19px;stroke-width:2.2}
.txi.dep{background:rgba(32,214,164,.15);color:#20d6a4}.txi.wd{background:rgba(255,138,61,.15);color:#ff8a3d}.txi.wdr{background:rgba(76,154,255,.15);color:#4c9aff}
.txi.bon,.txi.demo{background:rgba(255,190,46,.15);color:#ffbe2e}.txi.com{background:rgba(34,195,166,.15);color:#22c3a6}.txi.open{background:#48509b;color:#b1bad3}
.txr .swGi,.gsh .swGi{flex:0 0 36px;width:36px;height:36px}
.txhow{margin:14px 4px 0;font-size:12px;line-height:1.55;color:#6f8293}
#bsTx,#bsNt{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
#bsTx .gsp.p,#bsTx .p{color:#20d6a4!important}#bsTx .gsp.n,#bsTx .n{color:#ff6b78!important}
.txflow{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;border-radius:12px;background:#272e69}
.txflow>div{flex:1;min-width:0}.txflow small{display:block;font-size:11px;font-weight:700;color:#8fa0b3;line-height:1.3}.txflow b{display:block;margin-top:3px;font-size:16px;font-weight:900;color:#fff;direction:ltr;text-align:start}
.txflow>div:last-child{text-align:end}.txflow>div:last-child b{text-align:end}
.txflow svg.i{flex:0 0 20px;width:20px;height:20px;color:#20d6a4}
[dir=rtl] .txflow svg.i{transform:scaleX(-1)}
#bsTx .go{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px}
#bsTx .go.ghost{background:#48509b!important;color:#fff!important}
/* notifications */
.ntf{flex-direction:row!important;align-items:center;justify-content:space-between}
.ntf .ghg{flex:1;min-width:0}
.ntra{flex:none;height:34px;padding:0 10px;border-radius:9px;background:none;color:#20d6a4;font-size:12px;font-weight:800;white-space:nowrap}
.ntl{margin-top:10px!important}
.ntr{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;text-align:start;border-bottom:1px solid rgba(255,255,255,.05);background:none}
.ntr:last-child{border-bottom:0}.ntr:active{background:#454d97}
.ntr.new{background:rgba(32,214,164,.05)}
.nti{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#48509b;color:#b1bad3}
.nti svg.i{width:19px;height:19px;stroke-width:2.2}
.nti.s-done{background:rgba(32,214,164,.15);color:#20d6a4}.nti.s-proc{background:rgba(255,190,46,.15);color:#ffbe2e}.nti.s-rej{background:rgba(255,77,94,.15);color:#ff6b78}.nti.s-acc{background:rgba(76,154,255,.15);color:#4c9aff}
.ntm{flex:1;min-width:0}.ntm b{display:block;font-size:14px;font-weight:800;color:#fff}
.ntm small{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:#b1bad3}
.ntm em{display:block;margin-top:5px;font-style:normal;font-size:11px;font-weight:700;color:#6f8293}
.ntd{position:absolute;top:16px;right:14px;width:8px;height:8px;border-radius:50%;background:#20d6a4}
[dir=rtl] .ntd{right:auto;left:14px}
.ghm2 .gbn small{white-space:nowrap;font-size:11px}
.ghm2 .gbr{grid-template-columns:minmax(0,1.8fr) .8fr .7fr .9fr}
.ntf{flex-direction:column!important;align-items:stretch!important}
.ntra{align-self:flex-end;height:26px;margin-top:-2px}
/* v44 pro analytics */
.annet{margin-top:12px;padding:14px 14px 10px;border-radius:16px;background:#2a316e;border:1px solid #333538}
.annh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.annh small{display:block;font-size:11px;font-weight:800;color:#8fa6b8;text-transform:uppercase;letter-spacing:.6px}
.annh>div>b{display:block;margin-top:3px;font-size:26px;font-weight:900;direction:ltr}
.annet .p,.ank .p,.anwr .p,.ansh .p,.ancl .p{color:#20d6a4}.annet .n,.ank .n,.anwr .n,.ansh .n,.ancl .n{color:#ff4d5e}
.anpill{display:flex;gap:6px}.anpill span{background:#1e2356;border-radius:10px;padding:6px 9px;text-align:center;min-width:62px}
.anpill small{font-size:10px;letter-spacing:.3px}.anpill b{display:block;font-size:13.5px;font-weight:800;color:#fff;margin-top:1px}
.ancv{display:block;width:100%;height:120px;margin-top:10px}
.ancl{display:flex;justify-content:space-between;font-size:11px;color:#7f95a8;font-weight:700;margin-top:4px}
.anwr{margin-top:8px;padding:12px 14px;border-radius:14px;background:#384086}
.anwrt{display:flex;justify-content:space-between;font-size:12px;color:#9fb3c4}.anwrt b{font-size:15px;font-weight:800;color:#fff}
.anwr>i{display:block;height:6px;border-radius:3px;background:#ff4d5e;margin-top:9px;overflow:hidden}.anwr>i em{display:block;height:100%;background:#20d6a4;border-radius:3px 0 0 3px}
.ank{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ank>div{position:relative;background:#384086;border-radius:12px;padding:10px;min-width:0}
.ank small{display:block;font-size:10.5px;color:#8fa6b8;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ank b{display:block;font-size:14px;font-weight:800;color:#fff;margin-top:3px;white-space:nowrap;direction:ltr;text-align:start}
.ank .stge{position:static;display:flex;align-items:center;gap:3px;margin-top:3px;font-style:normal;font-size:10.5px;color:#ffb020}.ank .stge svg,.ank .stge img{width:14px;height:14px;border-radius:4px}
.stw .pzsh small{display:block;font-size:11.5px;font-weight:600;color:#8fa6b8;margin-top:2px}
.anbar{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;margin-bottom:6px}.anbar i{display:block;height:100%;min-width:2px}
.angr{display:grid;grid-template-columns:1fr auto 74px;align-items:center;gap:8px;height:46px}.angr+.angr{border-top:1px solid #454d97}
.angn{display:flex;align-items:center;gap:8px;min-width:0}.angn em{width:4px;height:26px;border-radius:2px;flex:none}
.angn>svg,.angn>img,.angn>span:first-of-type:not(:last-child){flex:none}
.angn>span:last-child{display:flex;flex-direction:column;min-width:0}.angn b{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.angn small{font-size:11px;color:#8fa6b8}
.ansp{font-size:12px;color:#b8c7d4;font-weight:700}.angr>b{text-align:end;font-size:13px;font-weight:800}
.anh{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.anh i{display:block;aspect-ratio:1;border-radius:5px;background:#454d97;position:relative;overflow:hidden}
.anh i::after{content:'';position:absolute;inset:0;background:#20d6a4;opacity:var(--a)}
.anhl{display:flex;justify-content:space-between;font-size:10px;color:#7f95a8;margin-top:6px;direction:ltr}
.anpk{margin:8px 0 0;font-size:12px;color:#9fb3c4}.anpk b{color:#fff}
.anfv{display:flex;align-items:center;gap:12px}.anfv>svg,.anfv>img{width:40px;height:40px;border-radius:10px;flex:none}
.anfv>div{flex:1;min-width:0}.anfv b{display:block;font-size:15px;color:#fff}.anfv small{font-size:12px;color:#8fa6b8}
.anpl{background:#20d6a4;color:#13163d;font-weight:800;font-size:13px;border-radius:10px;padding:9px 16px;text-decoration:none}
/* recent bets card → full screen */
.abc{margin:20px 16px 0;background:#384086;border-radius:16px;padding:12px 12px 10px}
.abch{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px}.abch b{display:block;font-size:16px;font-weight:800;color:#fff}.abch small{font-size:11.5px;color:#8fa6b8}
.abgo{display:inline-flex;align-items:center;gap:2px;background:none;border:0;color:#20d6a4;font:inherit;font-size:12.5px;font-weight:800}.abgo .i{width:14px;height:14px}
.abc .gbr{background:#2a316e;border-radius:12px;margin-top:6px}
.abmore{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px;height:44px;border:0;border-radius:12px;background:#3d3f42;color:#fff;font:inherit;font-weight:800;font-size:14px}
.anpill b,.ancv,.ancl,.anwrt b{direction:ltr}.ancl{flex-direction:row}[dir=rtl] .ancl{direction:ltr}[dir=rtl] .ancl span{direction:rtl;unicode-bidi:plaintext}
/* notifications v44 */
.hd.sub.ntH{background:#21275d!important;border-radius:0!important;padding-bottom:6px!important;box-shadow:none!important;border-bottom:0!important}
.hd.ntH::before,.hd.ntH::after{display:none!important}
.ntH h2{font-size:17px}
.ntrb{color:#20d6a4}.ntrb .i{width:20px;height:20px;stroke-width:2.6}
.ntw{margin:0 0 24px}
.ntt{position:sticky;top:0;z-index:3;display:flex;gap:4px;padding:0 12px;background:#21275d;border-bottom:1px solid #333b7e}
.ntt button{position:relative;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:44px;background:none;border:0;color:#8396a8;font:inherit;font-size:13.5px;font-weight:700}
.ntt button.on{color:#fff}
.ntt button.on::after{content:'';position:absolute;left:18%;right:18%;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:#20d6a4}
.ntt em{font-style:normal;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#20d6a4;color:#13163d;font-size:10.5px;font-weight:800;display:inline-grid;place-items:center}
.ntg{margin:16px 16px 8px;font-size:12px;font-weight:800;color:#7f93a6;text-transform:uppercase;letter-spacing:.5px}
.ntl2{margin:0 12px;background:#2a316e;border-radius:14px;overflow:hidden}
.ntr2{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 14px;text-align:start;background:none;border:0;font:inherit;color:inherit}
.ntr2+.ntr2{border-top:1px solid #3a4289}
.ntr2:active{background:#384086}
.ntr2.new::before{content:'';position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#20d6a4}
.ntr2 .nti{flex:0 0 36px;width:36px;height:36px;border-radius:50%}
.ntr2 .nti svg.i{width:17px;height:17px}
.ntm2{flex:1;min-width:0}
.ntt2{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.ntt2 b{font-size:14px;font-weight:700;color:#c9d6e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ntr2.new .ntt2 b{color:#fff;font-weight:800}
.ntt2 em{flex:none;font-style:normal;font-size:11px;font-weight:700;color:#6f8396}
.ntm2 small{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:#93a5b6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ntch{flex:none;width:14px;height:14px;color:#4f6577}
.ntt button:not(.on) em{background:#37393c;color:#b9c7d3}
/* prizes v44: calmer stage, real light on the bike, stats below */
.pzray,.pzbeam,.pzbn{display:none!important}
.pzhalo{opacity:.45!important}.pzg{opacity:.7}
.pzgl{transform:scale(.8)}
.pzbw::after{background:linear-gradient(110deg,transparent 36%,rgba(255,250,235,.0) 40%,rgba(255,250,235,.85) 47%,rgba(255,226,160,.35) 51%,transparent 58%)!important;background-size:300% 100%!important;mix-blend-mode:screen;animation:pzSweep 4.8s cubic-bezier(.45,0,.25,1) infinite!important}
@keyframes pzSweep{0%{background-position:120% 0}55%,100%{background-position:-60% 0}}
.pzbw::before{content:"";position:absolute;left:0;right:0;top:95%;height:100%;background:var(--bk) center top/100% auto no-repeat;transform:scaleY(-1);opacity:.32;filter:blur(1px) saturate(1.2);-webkit-mask:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.9) 100%);mask:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.9) 100%);pointer-events:none}
.pzcd{margin-left:16px!important;margin-right:16px!important;background:#1c2152!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.pzx{margin:0 16px;padding:12px;border-radius:16px;background:#212326;border:1px solid #384086}
.pzkk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pzkk>div{background:#161a43;border-radius:12px;padding:10px 8px;min-width:0}
.pzkk small{display:block;font-size:10.5px;font-weight:700;color:#8a9eb0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pzkk b{display:block;margin-top:3px;font-size:15px;font-weight:900;color:#fff;direction:ltr;text-align:start}
.pzkk em{display:block;font-style:normal;font-size:10px;color:#ffbe2e;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pzdp{margin-top:12px}.pzdph{display:flex;justify-content:space-between;font-size:12px;color:#9fb2c2;margin-bottom:6px}.pzdph b{color:#fff}
.pzdpb{display:grid;grid-template-columns:repeat(15,1fr);gap:3px}.pzdpb i{height:8px;border-radius:3px;background:#333538}
.pzdpb i.d{background:#20d6a4}.pzdpb i.c{background:#ffbe2e;box-shadow:0 0 8px rgba(255,190,46,.6)}
.pzpc2{display:block;width:100%;height:auto}
.pzpx{display:flex;justify-content:space-between;padding:0 6px;font-size:10px;color:#6f8396;direction:ltr}
.pzlg{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.pzlg span{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c9d6e2;font-weight:700}.pzlg i{width:10px;height:10px;border-radius:3px}.pzlg b{margin-inline-start:auto;color:#fff}
.pzgap{display:flex;flex-direction:column;gap:10px}
.pzgr{display:grid;grid-template-columns:104px 1fr 58px;align-items:center;gap:8px}
.pzgn{display:flex;align-items:center;gap:6px;min-width:0}.pzgn em{font-style:normal;font-size:11px;color:#6f8396;width:16px}.pzgn b{font-size:12.5px;color:#d6e0e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pzgb{height:8px;border-radius:4px;background:#161a43;overflow:hidden}.pzgb i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#c48a1c,#ffbe2e)}
.pzgr.me .pzgb i{background:#20d6a4}.pzgr.me .pzgn b{color:#20d6a4}
.pzgr small{text-align:end;font-size:11.5px;font-weight:800;color:#ff8a95}.pzgr:first-child small{color:#ffbe2e}
/* promotion data v44 */
.pdsw{display:grid;grid-template-columns:1fr 1fr .7fr;gap:4px;padding:4px;margin-top:12px;border-radius:12px;background:#20255a}
.pdsw button{height:44px;border:0;border-radius:9px;background:none;font:inherit;color:#8ea2b4;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}
.pdsw button b{font-size:13.5px;font-weight:800}.pdsw button small{font-size:10.5px;font-weight:600;opacity:.8}
.pdsw button.on{background:#383a3d;color:#fff;box-shadow:inset 0 -2px 0 #20d6a4}
.pdg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.pdt{position:relative;padding:12px;border-radius:14px;background:#20255a;border:1px solid #333b7e;min-width:0;overflow:hidden}

.pdth{display:flex;align-items:center;gap:7px}
.pdi{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#c9d6de}.pdi .i{width:14px;height:14px}
.pdth small{font-size:12px;font-weight:700;color:#9fb2c2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdt>b{display:block;margin-top:8px;font-size:24px;font-weight:900;color:#fff;line-height:1.1;direction:ltr;text-align:start}.pdt>b small{font-size:13px;font-weight:800;color:#9fb2c2;margin-inline-end:3px}
.pds{display:block;margin-top:2px;font-size:11px;color:#7f93a6;font-weight:600}
.pdd{display:flex;align-items:center;gap:3px;margin-top:6px;font-style:normal;font-size:10.5px;font-weight:700;color:#7f93a6;white-space:nowrap}
.pdd i{font-style:normal;font-size:9px}.pdd.u i,.pdd.u .num{color:#20d6a4}.pdd.n i,.pdd.n .num{color:#ff6b78}
.pdf{display:grid;grid-template-columns:1fr 1fr;margin-top:8px;border-radius:12px;background:#20255a;border:1px solid #333b7e}
.pdf span{padding:10px 12px}.pdf span+span{border-inline-start:1px solid #333b7e}
.pdf small{display:block;font-size:11px;color:#8ea2b4;font-weight:700}.pdf b{display:block;margin-top:2px;font-size:15px;font-weight:800;color:#fff}.pdf b.g{color:#20d6a4}
[dir=rtl] .pdt>b{text-align:right}
/* v52: agency data — no heading, no boxed icons; one small dot before each label */
.pdth{gap:7px!important;align-items:center}
.pdot{flex:none;width:6px;height:6px;border-radius:50%;background:#3cf0bd;box-shadow:0 0 6px rgba(60,240,189,.55)}
.prov .provh{justify-content:flex-end}
/* ===== v46 bonus center ===== */
.o5H .o5hb{color:#c9d6e2}
.o5w{padding:0 14px 120px}
.o5w .num{direction:ltr;unicode-bidi:isolate}
/* hero */
.o5h{margin-top:10px;border-radius:18px;background:#29306c;border:1px solid #3d3f42;overflow:hidden}
.o5ht{position:relative;display:flex;justify-content:space-between;align-items:center;padding:16px 16px 10px;background:radial-gradient(120% 140% at 100% 0%,rgba(32,214,164,.28),transparent 60%)}
.o5ht small{display:block;font-size:12px;font-weight:700;color:#9fc7b0}
.o5ht>div>b{display:block;margin-top:4px;font-size:28px;font-weight:900;color:#fff;line-height:1.1}
.o5ht>div>span{display:inline-flex;gap:5px;margin-top:6px;font-size:12px;color:#9fc7b0;font-weight:600}.o5ht em{font-style:normal;color:#20d6a4;font-weight:800}
.o5hart{width:84px;height:84px;flex:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.o5hr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#1b2050;border-top:1px solid #3d3f42}
.o5hr small{display:block;font-size:11px;color:#86a897;font-weight:700}.o5hr b{display:block;font-size:13.5px;color:#fff;font-weight:700;margin-top:2px}
.o5all{flex:none;height:40px;padding:0 16px;border:0;border-radius:10px;background:#20d6a4;color:#13163d;font:inherit;font-weight:800;font-size:13.5px}
.o5all:disabled{background:#3a3c3f;color:#6f9483}
/* check-in */
.o5k{margin-top:12px;padding:14px;border-radius:16px;background:#21275d;border:1px solid #353d81}
.o5kh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.o5kh b{display:block;font-size:15px;font-weight:800;color:#fff}.o5kh small{font-size:12px;color:#8ea2b4;font-weight:600}
.o5kb{height:36px;padding:0 16px;border:0;border-radius:9px;background:#ffbe2e;color:#2b1a00;font:inherit;font-weight:800;font-size:13px}
.o5kb:disabled{background:#333538;color:#7f93a6}
.o5kd{display:grid;grid-template-columns:repeat(6,1fr) 1.35fr;gap:5px;margin-top:12px}
.o5kd>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0 6px;border-radius:10px;background:#14183f;border:1px solid #2e3575}
.o5kd small{font-size:10px;color:#6f8396;font-weight:700}.o5kd b{font-size:11.5px;color:#d6e0e8;font-weight:800}
.o5ki{width:22px;height:22px}
.o5kd .got{background:#262c66;border-color:#1f6b43}.o5kd .got b{color:#20d6a4}
.o5ok{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#20d6a4;color:#13163d;font-style:normal;font-size:12px;font-weight:900}
.o5kd .now{border-color:#ffbe2e;background:#2a2410;box-shadow:0 0 0 1px #ffbe2e inset}.o5kd .now b{color:#ffbe2e}
.o5kd .big .o5ki{width:28px;height:28px}
.o5km{margin:10px 0 0;font-size:11.5px;color:#6f8396}
.o5klk{display:flex;align-items:center;gap:7px;margin:-4px -4px 10px;padding:8px 10px;border-radius:10px;background:rgba(255,190,46,.1);border:1px solid rgba(255,190,46,.22);color:#ffbe2e;font-size:11.5px;font-weight:800}
.o5klk .i{width:14px;height:14px;flex:none}
.o5kb.off{background:#3cf0bd;color:#0d1030}
.o5kd.lk{opacity:.78}
/* quick tiles */
.o5q{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.o5q button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;border:1px solid #353d81;border-radius:14px;background:#21275d;font:inherit;color:inherit;min-width:0}
.o5qi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#14183f}.o5qi svg{width:26px;height:26px}
.o5qi.sm{width:36px;height:36px;border-radius:10px;flex:none}.o5qi.sm svg{width:22px;height:22px}
.o5q b{font-size:12px;font-weight:700;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.o5q small{font-size:10.5px;color:#7f93a6;font-weight:600;white-space:nowrap}.o5q small .g{color:#20d6a4;font-weight:800}
/* section heads + tabs */
.o5sh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:22px 2px 10px}
.o5sh h3{font-size:17px;font-weight:800;color:#fff;margin:0}.o5sh small{font-size:11.5px;color:#7f93a6;font-weight:600;text-align:end}
.o5tb{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto}
.o5tb button{flex:none;height:32px;padding:0 14px;border-radius:16px;border:1px solid #3a4289;background:#21275d;color:#9fb2c2;font:inherit;font-size:12.5px;font-weight:700}
.o5tb button.on{background:#20d6a4;border-color:#20d6a4;color:#13163d}
/* offer cards */
.o5l{display:flex;flex-direction:column;gap:12px}
.o5c{border-radius:16px;overflow:hidden;background:#21275d;border:1px solid #353d81;cursor:pointer}
.o5bn{position:relative;aspect-ratio:16/7;overflow:hidden;background:linear-gradient(120deg,var(--oc2) 0%,#14183f 100%)}
.o5bn.img{background:#14183f}.o5bn.img img{display:block;width:100%;height:100%;object-fit:cover}
.o5bn.big{border-radius:16px;margin-top:10px}
.o5g1{position:absolute;right:-12%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--oc) 45%,transparent),transparent)}
.o5g2{position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px)}
.o5ba{position:absolute;z-index:1;right:4%;top:50%;width:38%;height:auto;transform:translateY(-50%) rotate(-6deg);filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.o5bt{position:absolute;z-index:2;left:16px;top:50%;transform:translateY(-50%);width:58%}
.o5bt em{display:inline-block;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.6px;padding:3px 7px;border-radius:5px;background:var(--oc);color:#0d1030;margin-bottom:6px}
.o5bt b{display:block;font-size:19px;font-weight:900;color:#fff;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.o5bt span{display:block;margin-top:6px;font-size:12px;color:#cfdbe5;font-weight:600}.o5bt strong{color:var(--oc);font-size:15px;font-weight:900}
.o5bn.big .o5bt b{font-size:22px}
[dir=rtl] .o5bt{left:auto;right:16px}[dir=rtl] .o5ba{right:auto;left:4%;transform:translateY(-50%) rotate(6deg)}[dir=rtl] .o5g1{right:auto;left:-12%}
.o5cb{padding:12px 14px 14px}
.o5ch{display:flex;align-items:center;justify-content:space-between;gap:8px}
.o5per{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:color-mix(in srgb,var(--oc,#20d6a4) 16%,transparent);color:var(--oc,#20d6a4);font-size:11px;font-weight:800}
.o5cd{font-size:11.5px;color:#8ea2b4;font-weight:600;white-space:nowrap}.o5cd b{color:#fff;font-weight:800}
.o5cb p{margin:8px 0 10px;font-size:12.5px;line-height:1.45;color:#a8b8c6}
.o5pg{position:relative;height:6px;border-radius:3px;background:#14183f;overflow:visible}
.o5pg>i{display:block;height:100%;border-radius:3px;background:var(--oc,#20d6a4)}
.o5pg.big{height:10px;border-radius:5px;margin-top:12px}.o5pg.big>i{border-radius:5px}
.o5pg em{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#333538;border:3px solid #21275d}.o5pg em.on{background:var(--oc,#20d6a4)}
.o5pg em:last-child{margin-left:-11px}
.o5cf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;min-height:34px}
.o5cf>span.num{font-size:12px;color:#c9d6e2;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.o5cl{flex:none;height:34px;padding:0 14px;border:0;border-radius:9px;background:#20d6a4;color:#13163d;font:inherit;font-weight:800;font-size:13px}
.o5go{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:800;color:var(--oc)}.o5go .i{width:14px;height:14px}
/* invite */
.o5i{margin-top:22px;padding:16px;border-radius:18px;background:#21275d;border:1px solid #353d81}
.o5ih{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.o5ih b{font-size:17px;font-weight:800;color:#fff}.o5ih p{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:#a8b8c6}
.o5ii{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#14183f}.o5ii svg{width:36px;height:36px}
.o5ic{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:10px 8px 10px 14px;border-radius:12px;background:#14183f;border:1px dashed #3d3f42}
.o5ic small{display:block;font-size:11px;color:#7f93a6;font-weight:700}.o5ic b{font-size:17px;font-weight:900;color:#ffbe2e;letter-spacing:.5px}
.o5ic button{width:38px;height:38px;border:0;border-radius:10px;background:#2e3575;color:#d6e0e8;display:grid;place-items:center}.o5ic .i{width:18px;height:18px}
.o5ib{display:grid;grid-template-columns:1fr 1fr 44px;gap:8px;margin-top:8px}
.o5ib button{height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:10px;background:#2e3575;color:#e6edf3;font:inherit;font-size:13px;font-weight:800}
.o5ib button.pr{background:#20d6a4;color:#13163d}.o5ib .i{width:17px;height:17px}
.o5ip{display:block;width:100%;margin-top:12px;padding:10px 12px;border:0;border-radius:12px;background:#14183f;text-align:start;font:inherit;font-size:12px;color:#a8b8c6}
.o5ip .hlx{color:#fff}
.o5ip i{display:block;height:5px;margin-top:8px;border-radius:3px;background:#2e3575;overflow:hidden}.o5ip i em{display:block;height:100%;background:#ffbe2e}
/* more */
.o5m{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.o5m button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 12px;border-radius:14px;border:1px solid #353d81;background:#21275d;font:inherit;text-align:start;overflow:hidden}
.o5m button::after{content:'';position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:var(--mc);opacity:.12}
.o5mi{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#14183f;margin-bottom:6px}.o5mi svg{width:24px;height:24px}
.o5m b{font-size:13.5px;font-weight:800;color:#fff}.o5m small{font-size:11.5px;color:#8ea2b4;line-height:1.35}
/* detail */
.o5dw{padding-top:0}
.o5dm{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.o5ds{margin:8px 0 0;font-size:13px;line-height:1.5;color:#a8b8c6}
.o5d{margin-top:14px;padding:14px;border-radius:16px;background:#21275d;border:1px solid #353d81}
.o5dh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.o5dh small{display:block;font-size:12px;color:#8ea2b4;font-weight:700}.o5dh b{display:block;margin-top:3px;font-size:24px;font-weight:900;color:#fff}
.o5gm{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#e6edf3}.o5gm>svg,.o5gm>img,.o5gm>i{width:28px;height:28px;border-radius:8px}
.o5h3{margin:20px 2px 10px;font-size:16px;font-weight:800;color:#fff}
.o5tl{border-radius:16px;background:#21275d;border:1px solid #353d81;overflow:hidden}
.o5tr{display:grid;grid-template-columns:28px 1fr auto 76px;align-items:center;gap:10px;padding:12px}.o5tr+.o5tr{border-top:1px solid #353d81}
.o5tn{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#14183f;color:#8ea2b4;font-size:12px;font-weight:800}
.o5tr.ok .o5tn,.o5tr.got .o5tn{background:#20d6a4;color:#13163d}
.o5tr b{display:block;font-size:13px;color:#fff;font-weight:700}.o5tr small{font-size:11.5px;color:#7f93a6}
.o5ta{font-size:13.5px;font-weight:900;color:#ffbe2e}
.o5tb2{height:32px;border:0;border-radius:8px;background:#20d6a4;color:#13163d;font:inherit;font-size:12.5px;font-weight:800;padding:0 8px}
.o5tb2:disabled{background:#2e3575;color:#6f8396}.o5tr.got .o5tb2{background:transparent;color:#20d6a4}
.o5cb2+.o5cb2{margin-top:12px;padding-top:12px;border-top:1px solid #353d81}
.o5cbh{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}.o5cbh b{font-size:14px;color:#fff}.o5cbh .o5tb2{min-width:76px}
.o5est{font-size:11px;color:#7f93a6;font-weight:600}
.o5cbg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.o5cbg>div{padding:10px 12px;border-radius:12px;background:#14183f}.o5cbg small{display:block;font-size:11px;color:#7f93a6;font-weight:700}.o5cbg b{display:block;margin-top:3px;font-size:17px;font-weight:900;color:#fff}
.o5cbg b.n{color:#ff6b78}.o5cbg b.g,.o5hrw b.g{color:#20d6a4}
.o5cb2 p,.o5note{margin:8px 0 0;font-size:12px;color:#7f93a6}
.o5big{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:46px;margin-top:12px;border:0;border-radius:12px;background:#20d6a4;color:#13163d;font:inherit;font-size:15px;font-weight:800}
.o5big:disabled{background:#2e3575;color:#6f8396}
.o5cta{display:flex;align-items:center;justify-content:center;height:48px;margin-top:12px;border-radius:12px;background:#ffbe2e;color:#2b1a00;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer}
.o5st{display:flex;flex-direction:column;gap:8px}
.o5st>div{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;background:#21275d;border:1px solid #353d81}
.o5st span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#20d6a4;color:#13163d;font-size:13px;font-weight:900}
.o5st p{margin:3px 0 0;font-size:13px;line-height:1.45;color:#c9d6e2}
.o5rl{padding:4px 14px;border-radius:12px;background:#21275d;border:1px solid #353d81}
.o5rl ul{margin:0;padding:8px 0 8px 18px}.o5rl li{font-size:12.5px;line-height:1.55;color:#a8b8c6;margin:4px 0}
[dir=rtl] .o5rl ul{padding:8px 18px 8px 0}
/* history */
.o5bs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.o5bs>div{padding:12px 14px;border-radius:14px;background:#21275d;border:1px solid #353d81}.o5bs small{display:block;font-size:11.5px;color:#8ea2b4;font-weight:700}.o5bs b{display:block;margin-top:3px;font-size:19px;font-weight:900;color:#fff}
.o5ch2{display:flex;gap:6px;overflow-x:auto;margin:12px 0}
.o5ch2 button{flex:none;height:32px;padding:0 12px;border-radius:16px;border:1px solid #3a4289;background:#21275d;color:#9fb2c2;font:inherit;font-size:12px;font-weight:700}
.o5ch2 button.on{background:#20d6a4;border-color:#20d6a4;color:#13163d}
.o5hl{border-radius:16px;background:#21275d;border:1px solid #353d81;overflow:hidden}
.o5hrw{display:flex;align-items:center;gap:10px;padding:11px 12px}.o5hrw+.o5hrw{border-top:1px solid #353d81}
.o5hrw>div{flex:1;min-width:0}.o5hrw>div b{display:block;font-size:13px;color:#fff;font-weight:700}.o5hrw small{font-size:11px;color:#7f93a6}.o5hrw>b{font-size:13.5px;font-weight:800}
.o5ip.rdy{display:flex;align-items:center;justify-content:space-between;background:#262c66;color:#bfe8cf}.o5ip.rdy .hlx{color:#20d6a4}.o5ip.rdy .i{width:14px;height:14px;color:#20d6a4}
.o5bn.img img{position:absolute;inset:0}.o5sh2{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,15,44,.85) 0%,rgba(12,15,44,.55) 45%,transparent 70%)}[dir=rtl] .o5sh2{background:linear-gradient(270deg,rgba(12,15,44,.85) 0%,rgba(12,15,44,.55) 45%,transparent 70%)}
[dir=rtl] .o5bn.img img{transform:scaleX(-1)}

/* game-style offer banner */
.o5bn.el{background:linear-gradient(100deg,#111316 0%,#13163d 45%,var(--oc2) 100%)}
.o5gl{position:absolute;right:-18%;top:50%;width:95%;height:190%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--oc) 62%,transparent) 0%,color-mix(in srgb,var(--oc) 22%,transparent) 48%,transparent 100%)}
.o5ry{position:absolute;right:8%;top:50%;width:120%;aspect-ratio:1;transform:translate(30%,-50%);border-radius:50%;opacity:.35;mix-blend-mode:screen;
  background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.22) 0deg 4deg,transparent 4deg 18deg);-webkit-mask:radial-gradient(closest-side,#000 10%,transparent 70%);mask:radial-gradient(closest-side,#000 10%,transparent 70%)}
.o5fl{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent)}
.o5el{position:absolute;z-index:1;right:3%;bottom:-4%;height:108%;width:auto;filter:drop-shadow(-8px 10px 18px rgba(0,0,0,.55));-webkit-user-drag:none;pointer-events:none}
.o5bn.el .o5bt{width:56%}
[dir=rtl] .o5bn.el{background:linear-gradient(260deg,#111316 0%,#13163d 45%,var(--oc2) 100%)}
[dir=rtl] .o5gl{right:auto;left:-18%}[dir=rtl] .o5ry{right:auto;left:8%;transform:translate(-30%,-50%)}
[dir=rtl] .o5el{right:auto;left:3%;transform:scaleX(-1);filter:drop-shadow(8px 10px 18px rgba(0,0,0,.55))}

/* BC-style offer card: colour card, faint scene, mascot popping out of the top edge */
.o5l{gap:30px;padding-top:26px}
.o5c{overflow:visible}
.o5bn.el2{overflow:visible;aspect-ratio:auto;height:168px;border-radius:16px 16px 0 0;background:none}
.o5bn.el2.big{height:190px;border-radius:16px;margin-top:44px}
.o5bk{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:linear-gradient(165deg,var(--b1) 0%,var(--b2) 100%)}
.o5sc{position:absolute;inset:0;width:100%;height:100%}
.o5bk .o5gl{right:-22%;width:100%;height:200%;background:radial-gradient(closest-side,rgba(255,255,255,.28),rgba(255,255,255,.08) 50%,transparent)}
.o5bk .o5fl{height:40%;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent)}
.o5el2{position:absolute;z-index:1;right:0;bottom:2px;height:132%;width:auto;max-width:62%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 12px 14px rgba(0,0,0,.45));pointer-events:none;-webkit-user-drag:none}
.o5bn.el2 .o5bt{width:50%;left:16px}
.o5bn.el2 .o5bt b{font-size:20px;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.o5bn.el2 .o5bt span{color:#e8eef3}.o5bn.el2 .o5bt strong{color:#fff;text-shadow:0 0 12px var(--oc)}
.o5bn.el2 .o5bt em{background:#ffbe2e;color:#2b1a00}
[dir=rtl] .o5bn.el2 .o5bt{left:auto;right:16px}
[dir=rtl] .o5el2{right:auto;left:0;object-position:left bottom;transform:scaleX(-1)}
[dir=rtl] .o5bk{background:linear-gradient(195deg,var(--b1) 0%,var(--b2) 100%)}[dir=rtl] .o5bk .o5gl{right:auto;left:-22%}[dir=rtl] .o5sc{transform:scaleX(-1)}
.o5el2{max-width:56%}
.o5bn.el2 .o5bt{width:46%}
.o5bn.el2 .o5bt b{font-size:19px}
/* v51 quick tiles */
.o5q{gap:8px!important;margin-top:22px!important}
.o5q .o5qb{position:relative;padding:40px 4px 10px!important;border-radius:16px!important;border:1px solid color-mix(in srgb,var(--qc) 35%,#353d81)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--qc) 22%,#21275d) 0%,#21275d 72%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 14px rgba(0,0,0,.25);transition:transform .12s}
.o5q .o5qb:active{transform:scale(.95)}
.o5qi2{position:absolute;top:-16px;left:50%;width:50px;height:50px;margin-left:-25px;display:grid;place-items:center;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
.o5qi2 img{max-width:100%;max-height:100%;display:block;-webkit-user-drag:none}
.o5qi2 svg{width:30px;height:30px}
.o5qb b{font-size:12.5px!important}
.o5qa{position:absolute;top:7px;inset-inline-end:7px;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--qc) 25%,transparent);font-style:normal}
.o5qa svg{width:12px;height:12px;fill:none;stroke:var(--qc);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
[dir=rtl] .o5qa svg{transform:scaleX(-1)}
/* v51 creative video poster */
.vpost{position:relative;height:190px;margin:12px 0 0;border-radius:18px;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.35)}
.vpbg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(circle at 78% 64%,transparent 0 78px,rgba(255,255,255,.10) 79px 81px,transparent 82px),
  radial-gradient(circle at 78% 64%,transparent 0 112px,rgba(255,255,255,.05) 113px 115px,transparent 116px),
  radial-gradient(circle at 78% 66%,rgba(64,214,255,.5) 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%),
  radial-gradient(rgba(255,255,255,.07) 1px,rgba(255,255,255,0) 1.6px) 0 0/14px 14px,
  linear-gradient(125deg,#181c48 0%,#37393c 100%)}
.vptx{position:relative;z-index:2;max-width:58%;padding:16px}
.vpk{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:7px;background:rgba(64,214,255,.18);color:#9fe8ff;font-size:10.5px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.vpk svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}
.vpost h3{margin-top:8px;font-size:23px;font-weight:900;line-height:1.1;letter-spacing:-.5px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.vpost h3 em{display:block;font-style:normal;background:linear-gradient(180deg,#fff2b0,#ffcf3a 45%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.vpost p{margin-top:6px;font-size:12px;color:rgba(255,255,255,.85);font-weight:700}
.vpch{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.vpch i{font-style:normal;font-size:10.5px;font-weight:800;padding:4px 7px;border-radius:6px;background:rgba(0,0,0,.3);color:#e6f6fb;border:1px solid rgba(255,255,255,.12)}
.vpm{position:absolute;right:-30px;bottom:0;height:200px;width:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5))}
[dir=rtl] .vpm{right:auto;left:-30px;transform:scaleX(-1)}
[dir=rtl] .vpost h3{line-height:1.35;font-size:21px}
.vpost{margin:14px 16px 0!important}
.o5qa{top:auto!important;bottom:7px!important}
.o5qb small{padding-inline-end:14px}
/* v51 more rewards: coloured cards with an arrow so they read as buttons */
.o5m button{border-color:color-mix(in srgb,var(--mc) 30%,#353d81)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--mc) 18%,#21275d),#21275d 70%)!important;padding-bottom:30px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .12s}
.o5m button:active{transform:scale(.96)}
.o5m button::before{content:'';position:absolute;bottom:9px;inset-inline-end:10px;width:20px;height:20px;border-radius:7px;background:color-mix(in srgb,var(--mc) 28%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/12px no-repeat}
[dir=rtl] .o5m button::before{transform:scaleX(-1)}
.o5mi{background:color-mix(in srgb,var(--mc) 22%,#14183f)!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}
/* v53: BC-style promo banners — one simple card, soft colour wash, picture stays fully inside the card */
.o5c{overflow:hidden!important}
.o5bn.el2{overflow:hidden!important;height:150px!important;border-radius:16px 16px 0 0!important}
.o5bn.el2.big{height:160px!important;margin-top:10px!important;border-radius:16px!important}
.o5bk{background:linear-gradient(100deg,color-mix(in srgb,var(--b2) 70%,#14183f) 0%,color-mix(in srgb,var(--b1) 55%,#21275d) 60%,color-mix(in srgb,var(--b1) 80%,#ffffff 6%) 100%)!important}
.o5sc,.o5bk .o5fl{display:none!important}
.o5bk .o5gl{right:-14%!important;width:80%!important;height:170%!important;background:radial-gradient(closest-side,rgba(255,255,255,.20),rgba(255,255,255,.05) 55%,transparent)!important}
.o5el2{height:96%!important;bottom:0!important;right:4px!important;max-width:52%!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))!important}
.o5bn.el2 .o5bt{width:52%!important}
.o5bn.el2 .o5bt b{font-size:18px!important;text-shadow:none!important}
.o5bn.el2 .o5bt span{color:rgba(255,255,255,.75)!important}
.o5bn.el2 .o5bt strong{color:#ffd75e!important;text-shadow:none!important}
.o5bn.el2 .o5bt em{background:rgba(255,255,255,.16)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)}
[dir=rtl] .o5el2{right:auto!important;left:4px!important}
[dir=rtl] .o5bk{background:linear-gradient(260deg,color-mix(in srgb,var(--b2) 70%,#14183f) 0%,color-mix(in srgb,var(--b1) 55%,#21275d) 60%,color-mix(in srgb,var(--b1) 80%,#ffffff 6%) 100%)!important}
.o5l{gap:14px!important;padding-top:4px!important}

/* ===== v50: rebate ratio, new subordinates ===== */
/* rebate ratio */
.chipc2 .chips{display:flex;gap:7px;overflow-x:auto;padding:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.chipc2 .chips::-webkit-scrollbar{display:none}
.chipc2 .chips button{flex:none;height:auto;padding:9px 15px;border-radius:10px;border:0;background:#20255a!important;color:#9fb0b6;font:700 12.5px/1 Inter,sans-serif;white-space:nowrap}
.chipc2 .chips button.on{background:#3cf0bd!important;color:#0d1030!important;box-shadow:none}
.prnote2{margin:10px 16px;font-size:11.5px;line-height:1.6;color:#8ea0a6}
.rbl{padding:12px 14px}
.rbl.on{border:1px solid rgba(60,240,189,.4)}
.rblh{display:flex;align-items:center;gap:8px;padding-bottom:9px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.07)}
.rblh span{font-size:12.5px;font-weight:700;color:#8ea0a6}
.rblh b{font:900 17px/1 Inter,sans-serif;font-style:italic;color:#3cf0bd}
.rblh em{margin-inline-start:auto;font-style:normal;font-size:10.5px;font-weight:800;color:#0d1030;background:#3cf0bd;padding:3px 9px;border-radius:20px}
.rbr2{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}
.rbr2 span{font-size:12.5px;color:#c3d2d6;display:flex;align-items:center;gap:8px}
.rbr2 span::before{content:'';width:7px;height:7px;border-radius:50%;border:2px solid #3cf0bd;flex:none}
.rbr2 b{font-size:12.5px;font-weight:800;color:#fff}

/* a link button at the end of a card */
.prrt2{width:100%;margin-top:12px;padding:11px;border-radius:12px;border:0;background:rgba(60,240,189,.12);color:#3cf0bd;
  font:800 13px/1 Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px}
.prrt2 .i{width:16px;height:16px}
[dir=rtl] .prrt2 .i{transform:scaleX(-1)}

/* v29's rules lists are <ul class="acr">; stats.css uses .acr for a flex row, which squeezed
   every rule into a narrow column. Scope the list back to a normal stacked list. */
ul.acr{display:block}
ul.acr li{margin-bottom:12px}

/* the example box: amounts inside the sentence stay inline (the box's own heading is the only block <b>) */
.prex p b{display:inline;margin:0;font-size:inherit;color:#fff;font-weight:800}

/* =====================================================================
   v51: plain, professional cards (no ticket shapes)
   ===================================================================== */
/* new subordinates: a 3-way switch + one list */
.nsw{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 16px 0;padding:4px;border-radius:14px;background:#20255a;border:1px solid #333b7e}
.nsw button{height:50px;border:0;border-radius:10px;background:none;font:inherit;color:#8ea2b4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.15}
.nsw button b{font-size:13.5px;font-weight:800}
.nsw button small{font-size:11px;font-weight:700;opacity:.85}
.nsw button.on{background:#3cf0bd;color:#0d1030}
.nsl{margin:12px 16px 0;padding:0 14px;border-radius:14px;background:#20255a;border:1px solid #333b7e}
.nsr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.nsr:last-child{border-bottom:0}
.nsr b{display:block;font-size:14px;font-weight:800;color:#fff}
.nsr small{display:block;margin-top:3px;font-size:11.5px;color:#8ea2b4}
.nsr .r{text-align:end}
[dir=rtl] .nsr .r{text-align:start}
.nsr .r b{font-size:12.5px;font-weight:700;color:#c9d6de}
.nsend{margin:12px 0 18px;text-align:center;font-size:11.5px;color:#6f8597}

/* subordinate data: one plain card per member */
.slsub{padding-bottom:6px}
.slp.sub{margin:10px 16px 0;border-radius:14px;background:#20255a;border:1px solid #333b7e;color:#fff}
.slp.sub .slh{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.slp.sub .slh>b{flex:1;min-width:0;font-size:14.5px;font-weight:800;white-space:nowrap}
.slcp{flex:none;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.07);color:#9fb2c2}
.slcp .i{width:15px;height:15px}
.slcp:active{background:rgba(60,240,189,.2);color:#3cf0bd}
.slp.sub .slb{padding:6px 14px 8px}
.slk{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}
.slk span{font-size:12.5px;color:#8ea2b4}
.slk b{font-size:13px;font-weight:700;color:#fff}
.slk b.g{color:#3cf0bd}
.slp.sub:active{background:#262c66}
.prua.big .i{width:22px;height:22px}

/* commission details: one day, one box */
.cdx{margin:12px 16px 0;padding:16px;border-radius:16px;background:#20255a;border:1px solid #333b7e}
.cdx>small{display:block;font-size:12px;font-weight:700;color:#8ea2b4}
.cdb{margin-top:6px;font-size:34px;font-weight:900;color:#fff;line-height:1.1;direction:ltr;text-align:start}
[dir=rtl] .cdb{text-align:right}
.cdb small{font-size:16px;font-weight:800;color:#8ea2b4;margin-inline-end:5px}
.cdp{font-size:18px;font-weight:800;color:#ffbe2e}
.cds{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;font-weight:600;color:#ffbe2e}
.cds.ok{color:#3cf0bd}
.cds .i{width:15px;height:15px;flex:none}
.cdg{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.cdg span{padding:10px 12px;min-width:0}
.cdg span+span{border-inline-start:1px solid rgba(255,255,255,.06)}
.cdg small{display:block;font-size:11px;font-weight:700;color:#8ea2b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdg b{display:block;margin-top:3px;font-size:14px;font-weight:800;color:#fff}
.cdl{width:100%;margin-top:12px;height:44px;border:0;border-radius:12px;background:rgba(60,240,189,.12);color:#3cf0bd;font:800 13px/1 Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:6px}
.cdl .i{width:16px;height:16px}
[dir=rtl] .cdl .i{transform:scaleX(-1)}

/* =====================================================================
   invitation rules: title, then 8 numbered cards (01-08). The number sits on a tab at the top edge.
   ===================================================================== */
.irh{text-align:center;margin:20px 16px 4px}
.irh b{display:block;font-size:20px;font-weight:900;color:#3cf0bd;letter-spacing:.2px}
.irh small{display:block;margin-top:6px;font-size:13px;color:#a9bdb6}
.irc{position:relative;margin:34px 16px 0;padding:30px 16px 16px;border-radius:14px;color:#cfdbd8;font-size:13.5px;line-height:1.7;
  background:linear-gradient(165deg,#384086 0%,#2c3371 55%,#202225 100%)}
.irc p{margin:0}
.irn{position:absolute;left:50%;top:-15px;transform:translateX(-50%);min-width:112px;height:30px;display:grid;place-items:center;
  font-style:normal;font-size:13px;font-weight:900;letter-spacing:.5px;color:#0d1030;background:#3cf0bd;
  clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);border-radius:9px 9px 0 0}
.irt{margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.irr{display:grid;grid-template-columns:82px 1fr 1fr;align-items:center;gap:6px;padding:9px 12px;font-size:12.5px;text-align:center;color:#d6e2de}
.irr:not(.h){border-top:1px solid rgba(255,255,255,.06)}
.irr:nth-child(odd):not(.h){background:rgba(255,255,255,.025)}
.irr.h{background:#3cf0bd;color:#0d1030;font-weight:800;padding:10px 12px}
.irr b{font-weight:700;color:#fff}
.irr>span:first-child{text-align:start}
.irl{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:24px;padding:0 10px;border-radius:7px;font:900 12.5px/1 Inter,sans-serif;font-style:italic;
  color:#2b1d00;background:linear-gradient(160deg,#ffd23f,#e8a200)}
.irtn{margin-top:10px!important;font-size:11.5px;line-height:1.55;color:#8fa59d}
.irlk{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:0;border:0;background:none;color:#3cf0bd;font:800 13px/1.4 Inter,sans-serif}
.irlk .i{width:15px;height:15px}
[dir=rtl] .irlk .i{transform:scaleX(-1)}
.irft{margin:20px 22px 24px;text-align:center;font-size:11.5px;line-height:1.6;color:#7f958d}
/* tier tag / avatar without a tier colour: calm neutral */
.prtg{background:rgba(255,255,255,.1);color:#e3ecef}
.prua{background:rgba(255,255,255,.08);color:#c9d6de}

/* ===== v51: Invite & earn ===== */
.ivx{margin:12px 16px 0;padding:0 0 14px;border-radius:20px;overflow:hidden;background:#20255a;border:1px solid #333b7e}
.ivh{position:relative;min-height:168px;padding:18px 16px 16px;overflow:hidden;
  background:radial-gradient(120% 100% at 100% 0%,rgba(60,240,189,.22),rgba(60,240,189,0) 55%),linear-gradient(160deg,#323a7c 0%,#29306c 45%,#20255a 100%)}
.ivn{position:absolute;top:0;bottom:0;right:0;left:auto;width:58%;height:100%}
[dir=rtl] .ivn{right:auto;left:0;transform:scaleX(-1)}
.ivmk{position:absolute;right:-6px;bottom:-4px;height:150px;width:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
[dir=rtl] .ivmk{right:auto;left:-6px;transform:scaleX(-1)}
.ivt{position:relative;max-width:62%}
.ivk{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:rgba(0,0,0,.28);border:1px solid rgba(60,240,189,.3);font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#3cf0bd}
.ivk i{width:6px;height:6px;border-radius:50%;background:#3cf0bd;box-shadow:0 0 0 3px rgba(60,240,189,.2)}
.ivt h3{margin:10px 0 0;font-size:20px;line-height:1.2;font-weight:900;color:#fff}
.ivt p{margin:8px 0 0;font-size:12px;line-height:1.5;color:#b9cdc6}
.ivt p b{color:#ffd23f;font-size:14px}
.ivs{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:12px 14px 0;counter-reset:x}
.ivs li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.ivs li span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#0d1030;background:#3cf0bd}
.ivs li:not(:last-child)::after{content:"";position:absolute;top:13px;left:calc(50% + 18px);right:calc(-50% + 18px);border-top:1.5px dashed rgba(60,240,189,.35)}
[dir=rtl] .ivs li:not(:last-child)::after{left:calc(-50% + 18px);right:calc(50% + 18px)}
.ivs li b{font-size:11px;font-weight:700;color:#c9d6de;line-height:1.3}
.ivb{margin:14px 14px 0;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06)}
.ivl{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.ivl>.i{width:16px;height:16px;flex:none;color:#3cf0bd}
.ivl b{flex:1;min-width:0;font-size:13px;font-weight:700;color:#e3ecef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ivcp{flex:none;height:34px;padding:0 14px;border:0;border-radius:10px;background:#3cf0bd;color:#0d1030;font:800 12.5px/1 Inter,sans-serif}
.ivc{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 12px}
.ivc small{display:block;font-size:10.5px;font-weight:700;color:#8ea2b4}
.ivc b{display:block;margin-top:2px;font-size:15px;font-weight:900;color:#ffd23f;letter-spacing:.5px}
.ivc button{flex:none;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.07);color:#c9d6de;display:grid;place-items:center}
.ivc button .i{width:16px;height:16px}
.iva{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 14px 0}
.iva button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:0;border-radius:12px;background:rgba(255,255,255,.04);color:#c9d6de;font:700 12px/1 Inter,sans-serif}
.iva button i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(60,240,189,.12);color:#3cf0bd}
.iva button i .i{width:18px;height:18px}
.iva button:active{background:rgba(60,240,189,.1)}
/* v52: Invite & Earn — one compact card: title, link, code, three small actions */
.ivx2{padding:14px!important}
.iv2h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.iv2i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(60,240,189,.12);color:#3cf0bd}
.iv2i svg.i{width:21px;height:21px;stroke-width:2.2}
.iv2t{display:flex;flex-direction:column;min-width:0}
.iv2t b{font-size:16px;font-weight:900;color:#fff}
.iv2t small{font-size:12px;color:#9fb0bd;margin-top:2px}
.iv2t small b{font-size:12px;color:#3cf0bd;font-weight:800}
.ivx2 .ivb{margin-top:0!important}
.ivx2 .iva{margin-top:10px!important;gap:8px!important}
.ivx2 .iva button{flex-direction:row!important;justify-content:center;gap:6px!important;height:40px!important;padding:0 6px!important;font-size:12.5px!important}
.ivx2 .iva button i{width:24px!important;height:24px!important;background:none!important}
.ivx2 .iva button i svg.i{width:18px!important;height:18px!important}

/* ===== v50: rebate page ===== */
.rbhero{margin:12px 14px 0;padding:16px;border-radius:18px;position:relative;overflow:hidden;
  background:linear-gradient(150deg,#3b438b 0%,#262c66 55%,#181c48 100%);border:1px solid rgba(60,240,189,.2)}
.rbhh{display:flex;align-items:center;gap:8px}
.rbhh>span{font-size:12.5px;font-weight:700;color:#bfe3cf}
.rblv{margin-inline-start:auto;display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:10.5px;font-weight:800;
  color:#3cf0bd;background:rgba(60,240,189,.14);padding:4px 9px;border-radius:20px}
.rblv i{width:6px;height:6px;border-radius:50%;background:#3cf0bd;animation:rbp 1.4s ease-in-out infinite}
@keyframes rbp{0%,100%{opacity:1}50%{opacity:.25}}
.rbbig{margin:8px 0 2px;font:900 36px/1.1 Inter,sans-serif;color:#fff;letter-spacing:-.5px}
.rbbig small{font-size:17px;font-weight:800;margin-inline-end:5px;color:#9fd8b9}
.rbup{width:100%;margin-top:10px;padding:9px 12px;border-radius:11px;border:0;background:rgba(255,255,255,.07);color:#bfe3cf;
  font:600 11.5px/1.35 Inter,sans-serif;display:flex;align-items:center;gap:8px;text-align:start}
.rbup .i{width:15px;height:15px;margin-inline-start:auto;flex:none}
[dir=rtl] .rbup .i{transform:scaleX(-1)}
.rbft{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.rbft small{display:block;font-size:11px;color:#9fd8b9}
.rbft b{display:block;margin-top:3px;font-size:15px;font-weight:800;color:#fff}

/* history */
.rbl2{margin:0 14px}
.rbh{background:#161a43;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.rbh1{display:flex;align-items:center;gap:8px}
.rbh1 b{font-size:13.5px;font-weight:800;color:#fff}
.rbh1 em{margin-inline-start:auto;font-style:normal;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:20px}
.rbh1 em.ok{color:#3cf0bd;background:rgba(60,240,189,.13)}
.rbh1 em.pd{color:#ffb020;background:rgba(255,176,32,.13)}
.rbh>small{display:block;margin:4px 0 8px;font-size:11px;color:#7f8e94}
.rbh2{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}
.rbh2 span{font-size:12px;color:#8ea0a6;display:flex;align-items:center;gap:7px}
.rbh2 span::before{content:'';width:7px;height:7px;border-radius:50%;border:2px solid #3cf0bd;flex:none}
.rbh2 b{font-size:12.5px;font-weight:700;color:#fff}
.rbh2 b.r{color:#ff6b7e}
.rbh2 b.g{color:#3cf0bd}

/* v52 Edit profile */
#v-edit .prev .pic{width:118px!important;height:118px!important;border:3px solid #ffd75e!important;box-shadow:0 0 0 5px rgba(255,215,94,.15),0 10px 28px rgba(0,0,0,.45)}
.ep52{display:flex;flex-direction:column;align-items:center;margin-top:10px}
.ep52 b{font-size:19px;font-weight:900;color:#fff;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep52m{display:flex;gap:6px;margin-top:6px}
.ep52u,.ep52v{height:22px;padding:0 9px;border-radius:11px;display:inline-flex;align-items:center;font-size:11.5px;font-weight:800;font-style:normal}
.ep52u{background:rgba(255,255,255,.08);color:#b9c6d0}
.ep52v{background:linear-gradient(180deg,#ffe58f,#f5b31f);color:#4a2a00}
#v-edit .cardh{font-size:13.5px!important;font-weight:800!important;color:#fff!important}
#v-edit .avg button{box-shadow:0 0 0 2px rgba(255,255,255,.06)}
#v-edit .avg button.on::after{border-color:#3cf0bd!important}
#v-edit .inp{font-size:16px;font-weight:700}
/* v52 Profile (My page) — avatar left, name + UID + last login on the right; softer header, glass VIP card */
#v-profile .hd.ph .tb h2{visibility:hidden}
#v-profile .hd.ph{background:radial-gradient(70% 70% at 15% 30%,rgba(255,210,90,.12),rgba(255,210,90,0) 70%),radial-gradient(70% 80% at 100% 100%,rgba(60,240,189,.18),rgba(60,240,189,0) 65%),linear-gradient(180deg,#2e3575 0%,#20255a 55%,#20255a 100%)!important}
#v-profile .avf{border-radius:50%!important;background:conic-gradient(from 210deg,#fff2a8,#e8a200,#fff2a8,#c98a00,#fff2a8)!important;box-shadow:0 0 0 5px rgba(255,210,90,.12),0 10px 24px rgba(0,0,0,.45)!important}
#v-profile .avf .fr{inset:4px!important;border-radius:50%!important;box-shadow:inset 0 0 0 3px #20255a!important}
#v-profile .avf .fr .pic{border-radius:50%!important}
#v-profile .avf .gem,#v-profile .avf>.ring{display:none!important}
#v-profile .avf .pen{right:0!important;bottom:0!important;top:auto!important;left:auto!important}
#v-profile .pci{gap:5px!important}
#v-profile .pcn h1{font-size:22px!important;font-weight:900!important;letter-spacing:.2px;background:linear-gradient(180deg,#fff 30%,#ffe9a8);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}
#v-profile .uid{height:24px!important;padding:0 8px!important;font-size:11.5px!important;border-radius:7px!important;background:rgba(0,0,0,.22)!important;width:max-content}
#v-profile .uid b{font-size:12px!important}
#v-profile .uid svg.i{width:13px!important;height:13px!important}
#v-profile .pll{font-size:11.5px!important;color:rgba(255,255,255,.6)!important}
#v-profile .pcv{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,226,140,.18)!important;border-radius:16px!important;backdrop-filter:blur(6px)}
#v-profile .pcbar{height:8px!important;border-radius:4px!important;background:rgba(0,0,0,.3)!important}
#v-profile .pcbar i{background:linear-gradient(90deg,#ffe27a,#f2b21c)!important;box-shadow:0 0 10px rgba(255,200,60,.5)}
#v-profile .pbal{position:relative;overflow:hidden;border:1px solid rgba(255,226,140,.14)!important;background:radial-gradient(90% 120% at 100% 0%,rgba(255,210,90,.10),rgba(255,210,90,0) 60%),linear-gradient(180deg,#323a7c,#252b64)!important}
#v-profile .pbal::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,rgba(255,226,140,0),#ffd75e,rgba(255,226,140,0))}

/* v52 Invite & Earn: one long button to the poster page */
.ivgo{display:flex;align-items:center;gap:10px;width:100%;height:46px;margin-top:10px;padding:0 14px;border:0;border-radius:12px;font:inherit;font-size:14px;font-weight:900;color:#0d1030;
  background:linear-gradient(180deg,#3df59a,#20d6a4);box-shadow:0 3px 0 #0c7a3d}
.ivgo:active{transform:translateY(2px);box-shadow:0 1px 0 #0c7a3d}
.ivgo span{flex:1;text-align:start}.ivgo svg.i{width:20px;height:20px;stroke-width:2.3}
/* poster page */
.psh{margin:4px 16px 10px;text-align:center;font-size:12.5px;font-weight:700;color:#ffd75e}
.psc{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;direction:ltr}
.psc::-webkit-scrollbar{display:none}
.psi{flex:0 0 100%;scroll-snap-align:center;display:grid;place-items:center;padding:0 34px}
.psi img{width:100%;max-width:300px;aspect-ratio:2/3;border-radius:16px;box-shadow:0 14px 30px rgba(0,0,0,.45);-webkit-user-drag:none;user-select:none}
.psd{display:flex;justify-content:center;gap:6px;margin-top:12px}
.psd i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.25);transition:.2s}
.psd i.on{width:18px;background:#3cf0bd}
.pse{margin:14px 16px 0;text-align:center;font-size:14px;color:#cfdbe5}.pse b{color:#fff}.pse span b{color:#ffd75e}
.psb{display:flex;flex-direction:column;gap:10px;margin:14px 16px 0}
.psb button{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:24px;font:inherit;font-size:15px;font-weight:900}
.psb svg.i{width:19px;height:19px;stroke-width:2.3}
.psdl{border:0;color:#0d1030;background:linear-gradient(180deg,#3df59a,#20d6a4);box-shadow:0 3px 0 #0c7a3d}
.psln{background:transparent;color:#fff;border:1.5px solid rgba(60,240,189,.55)}
.pss{margin:22px 16px 10px;text-align:center;font-size:12px;color:#8fa0b3}
.psa{display:flex;justify-content:center;gap:22px;margin-bottom:24px}
.psa button{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;color:#cfdbe5;font:inherit}
.psa i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 14px rgba(0,0,0,.35)}
.psa small{font-size:11.5px;font-weight:700}
.ivgo2{width:auto;margin:12px 16px 0;height:50px;border-radius:14px;font-size:14.5px}
.pse{font-size:13px}
.psi{padding:0 40px}
/* v53 big invite banner */
.ivbw{display:block!important;height:auto!important;padding:0!important;background:none!important;box-shadow:none!important;margin:14px 16px 0!important;width:auto!important}
.ivbn{position:relative;display:block;width:100%;height:150px;padding:0;border:0;border-radius:18px;overflow:hidden;text-align:start;font:inherit;color:#fff;cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.08)}
.ivbn-bg{position:absolute;inset:0;background:radial-gradient(60% 90% at 85% 40%,rgba(255,214,90,.35),rgba(255,214,90,0) 70%),linear-gradient(105deg,#282a2d 0%,#11633f 55%,#1a8a56 100%)}
.ivbn-bg::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px)}
.ivbn-g{position:absolute;right:8px;bottom:6px;height:62%;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4));transform:rotate(8deg)}
.ivbn-m{position:absolute;right:78px;bottom:0;height:98%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4))}
.ivbn-t{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:54%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:2}
.ivbn-t em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.7px;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}
.ivbn-t b{font-size:21px;font-weight:900;line-height:1.1}
.ivbn-t small{font-size:12px;color:rgba(255,255,255,.8);line-height:1.3}.ivbn-t small b{font-size:12.5px;color:#ffd75e}
.ivbn-c{display:inline-flex;align-items:center;gap:6px;margin-top:6px;height:30px;padding:0 12px;border-radius:15px;background:linear-gradient(180deg,#ffe58f,#f5b31f);color:#3a2200;font-size:12px;font-weight:900}
.ivbn-c svg.i{width:15px;height:15px;stroke-width:2.4}
.ivbn:active{transform:scale(.985)}
[dir=rtl] .ivbn-t{left:auto;right:16px}[dir=rtl] .ivbn-g{right:auto;left:8px;transform:rotate(-8deg) scaleX(-1)}[dir=rtl] .ivbn-m{right:auto;left:78px;transform:scaleX(-1)}
[dir=rtl] .ivbn-bg{transform:scaleX(-1)}
/* activity invite section: the banner on top, code + progress under it */
.o5i2{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.o5i2 .ivbn{height:160px}
.o5i2 .o5ic{margin-top:10px}
/* v53 clean offer cards: only the picture banner, claim pill when something is ready */
.o5c2{position:relative;border:0!important;background:none!important;border-radius:16px!important}
.o5c2 .o5bn.el2{border-radius:16px!important}
.o5rdy{position:absolute;left:16px;bottom:12px;z-index:3;height:30px;padding:0 12px;border:0;border-radius:15px;font:inherit;font-size:12px;font-weight:900;color:#0d1030;background:linear-gradient(180deg,#3df59a,#20d6a4);box-shadow:0 3px 10px rgba(0,0,0,.3);animation:o5rp 1.6s ease-in-out infinite}
[dir=rtl] .o5rdy{left:auto;right:16px}
@keyframes o5rp{50%{box-shadow:0 0 0 5px rgba(60,240,189,.18),0 3px 10px rgba(0,0,0,.3)}}
.o5c2 .o5bn.el2 .o5bt{top:46%}
/* v53 poster page backdrop */
.v-agposter,.psbg{position:relative}
.psbg{overflow:hidden;padding-bottom:6px}
.psbg::before{content:"";position:absolute;left:-30%;right:-30%;top:-40px;height:560px;z-index:0;pointer-events:none;
  background:radial-gradient(50% 45% at 50% 45%,rgba(60,240,189,.22),rgba(60,240,189,0) 70%),repeating-conic-gradient(from 0deg at 50% 45%,rgba(255,255,255,.045) 0 6deg,transparent 6deg 18deg);
  -webkit-mask:radial-gradient(60% 55% at 50% 45%,#000 30%,transparent 75%);mask:radial-gradient(60% 55% at 50% 45%,#000 30%,transparent 75%)}
.psbg>*{position:relative;z-index:1}
.psbg .psco{position:absolute;z-index:0;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c9,#ffcd3f 50%,#c98208);box-shadow:inset 0 -2px 0 rgba(120,70,0,.45),0 4px 10px rgba(0,0,0,.35);animation:psfl 5s ease-in-out infinite}
@keyframes psfl{50%{transform:translateY(-10px) rotate(20deg)}}
.o5rdy{left:auto!important;right:12px;top:12px;bottom:auto;height:28px;font-size:11.5px}
[dir=rtl] .o5rdy{right:auto!important;left:12px}
.ivbn-t{width:50%}
.ivbn-m{right:52px;height:92%}
.ivbn-g{height:52%;right:4px}
[dir=rtl] .ivbn-m{left:52px}[dir=rtl] .ivbn-g{left:4px}
.ivbw .ivbn span{flex:none}
.ivbw .ivbn .ivbn-c svg.i{width:15px;height:15px}
.ivbw .ivbn-t{text-align:start}
/* v54: one calm palette for every banner — dark slate card, a soft brand-green light behind the picture (no rainbow colours) */
.o5bk{background:linear-gradient(100deg,#20255a 0%,#2a316e 55%,#333b7e 100%)!important}
[dir=rtl] .o5bk{background:linear-gradient(260deg,#20255a 0%,#2a316e 55%,#333b7e 100%)!important}
.o5bk .o5gl{right:-10%!important;width:75%!important;height:160%!important;background:radial-gradient(closest-side,rgba(60,240,189,.20),rgba(60,240,189,.06) 55%,transparent)!important}
[dir=rtl] .o5bk .o5gl{right:auto!important;left:-10%!important}
.o5c2 .o5bn.el2{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.o5bn.el2 .o5bt strong{color:#3cf0bd!important}
.ivbn-bg{background:radial-gradient(55% 90% at 82% 45%,rgba(60,240,189,.22),rgba(60,240,189,0) 70%),linear-gradient(100deg,#20255a 0%,#2a316e 55%,#333b7e 100%)!important}
.ivbn-bg::after{display:none}
.ivbn-t small b{color:#3cf0bd!important}
.ivbn-c{background:#3cf0bd!important;color:#0d1030!important}
/* v55: banners = photo backdrop (dark left, warm bokeh right) + the markhor element + clean text. One family of colours. */
.o5bk{background-color:#12153b!important;background-size:cover!important;background-position:center!important}
[dir=rtl] .o5bk{transform:scaleX(-1)}
.o5sh3{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,34,.55) 0%,rgba(8,10,34,.25) 45%,rgba(8,10,34,0) 70%)}
.o5c2 .o5bn.el2{box-shadow:0 8px 20px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06)}
.o5el2{filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))!important}
.o5bn.el2 .o5bt strong{color:#ffd75e!important}
.o5bn.el2 .o5bt em{background:#3cf0bd!important;color:#0d1030!important;border:0!important}
.ivbn-bg{background-color:#12153b!important;background-size:cover!important;background-position:center!important}
.ivbn-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,34,.6) 0%,rgba(8,10,34,.25) 50%,rgba(8,10,34,0) 75%)}
.ivbn-t small b{color:#ffd75e!important}
/* v56: full picture banners — the picture is the whole card, text sits on the dark left side */
.o5bn.o5full{aspect-ratio:960/420;height:auto!important;border-radius:16px;overflow:hidden;background:#0f1234;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.o5bn.o5full img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
[dir=rtl] .o5bn.o5full img{transform:scaleX(-1)}
.o5bn.o5full .o5bt{width:52%;left:18px}
[dir=rtl] .o5bn.o5full .o5bt{left:auto;right:18px}
.o5bn.o5full .o5bt b{font-size:19px;text-shadow:none}
.o5bn.o5full .o5bt span{color:rgba(255,255,255,.7)}
.o5bn.o5full .o5bt strong{color:#3cf0bd;text-shadow:none}
.o5bn.o5full .o5bt em{background:#3cf0bd;color:#0d1030}
.ivbn.ivfull{height:auto;aspect-ratio:960/420;background:#0f1234}
.ivfi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[dir=rtl] .ivfi{transform:scaleX(-1)}
.ivfull .ivbn-t em{background:#3cf0bd;color:#0d1030;border:0}
.ivfull .ivbn-t small b{color:#3cf0bd!important}
.o5vid{position:relative;display:block;width:100%;margin-top:12px;padding:0;border:0;border-radius:16px;overflow:hidden;aspect-ratio:960/420;background:#0f1234;font:inherit;color:#fff;text-align:start;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.o5vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
[dir=rtl] .o5vid img{transform:scaleX(-1)}
.o5vid .o5bt{width:52%}
.o5vid .o5bt em{background:#3cf0bd;color:#0d1030}
.o5vid .o5bt span{color:rgba(255,255,255,.7)}
.o5m button:last-child:nth-child(odd){grid-column:1/-1}
.o5m button{--mc:#3cf0bd!important}
/* banners keep their height even on browsers without aspect-ratio */
.o5bn.o5full,.ivbn.ivfull,.o5vid{aspect-ratio:auto!important;height:auto!important}
.o5bn.o5full::before,.ivbn.ivfull::before,.o5vid::before{content:"";display:block;padding-top:43.75%}
/* v57 offer detail page — BC-style: calm charcoal cards, a reward ladder with a connecting line */
#v-profile .pcv{padding:12px 14px!important}
.o5dw .o5d{background:linear-gradient(180deg,#2a316e,#21275d)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;padding:16px!important;position:relative;overflow:hidden}
.o5dw .o5d::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,240,189,.16),transparent);pointer-events:none}
.o5dw .o5dh b{font-size:30px!important;letter-spacing:-.5px}
.o5dw .o5dh small{color:#8a9099!important;text-transform:uppercase;letter-spacing:.6px;font-size:11px!important}
.o5dw .o5pg.big{height:10px!important;border-radius:5px!important;background:#13163d!important;margin-top:14px!important}
.o5dw .o5pg.big i{background:linear-gradient(90deg,#20d6a4,#3df59a)!important;box-shadow:0 0 12px rgba(60,240,189,.45);border-radius:5px}
.o5dw .o5pg.big em{width:12px!important;height:12px!important;border:2px solid #13163d!important;background:#3a3e44!important}
.o5dw .o5pg.big em.on{background:#3cf0bd!important}
.o5dw .o5h3{margin:22px 2px 10px!important;font-size:16px!important;font-weight:900!important}
.o5dw .o5tl{position:relative;background:none!important;border:0!important;padding-left:0;display:flex;flex-direction:column;gap:8px}
.o5dw .o5tl::before{content:"";position:absolute;left:25px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,#3cf0bd,#373f84 60%)}
.o5dw .o5tr{position:relative;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px;background:#252b64;padding:12px 12px 12px 10px!important;grid-template-columns:32px 1fr auto 78px!important}
.o5dw .o5tr+.o5tr{border-top:1px solid rgba(255,255,255,.06)!important}
.o5dw .o5tn{position:relative;z-index:1;width:30px!important;height:30px!important;background:#373f84!important;color:#8a9099!important;box-shadow:0 0 0 4px #1a1c1f}
.o5dw .o5tr.ok{border-color:rgba(60,240,189,.45)!important;background:linear-gradient(90deg,rgba(60,240,189,.10),#252b64 60%)}
.o5dw .o5tr.ok .o5tn{background:#3cf0bd!important;color:#0d1030!important;box-shadow:0 0 0 4px #1a1c1f,0 0 14px rgba(60,240,189,.6)}
.o5dw .o5tr.got{opacity:.6}
.o5dw .o5tr.got .o5tn{background:#20d6a4!important;color:#0d1030!important}
.o5dw .o5ta{color:#ffd75e!important;font-weight:900;font-size:14px}
.o5dw .o5tb2{height:34px!important;border-radius:10px!important;font-weight:900!important}
.o5dw .o5tb2:not(:disabled){background:#3cf0bd!important;color:#0d1030!important;box-shadow:0 0 0 0 rgba(60,240,189,.4);animation:o5rp 1.6s ease-in-out infinite}
.o5dw .o5tb2:disabled{background:#373f84!important;color:#6d737b!important}
.o5dw .o5cta{background:#3cf0bd!important;color:#0d1030!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(60,240,189,.25)!important}
.o5dw .o5st>div,.o5dw .o5rl{background:#252b64!important;border:1px solid rgba(255,255,255,.06)!important}
.o5dw .o5st span{background:#373f84!important;color:#3cf0bd!important}
.o5dw .o5per{background:rgba(60,240,189,.14)!important;color:#3cf0bd!important}
.o5dw .o5tb2{text-align:center;justify-content:center;display:flex;align-items:center}
/* 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;position:relative;overflow:hidden}
#v-profile .hd.ph::before{content:"";position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(60,240,189,.42) 0%,rgba(60,240,189,.16) 45%,rgba(60,240,189,0) 75%);pointer-events:none;z-index:0}
#v-profile .hd.ph::after{content:"";position:absolute;right:-50px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,46,.26) 0%,rgba(255,190,46,0) 70%);pointer-events:none;z-index:0}
#v-profile .hd.ph>*{position:relative;z-index:1}
/* v59: same soft yellow+green glow combo, used lightly on one more header */
.hd.sub.o5H{position:relative;overflow:hidden}
.hd.sub.o5H::before{display:block!important;content:"";position:absolute;top:-70px;left:18%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(60,240,189,.26) 0%,rgba(60,240,189,0) 70%)!important;pointer-events:none;z-index:0}
.hd.sub.o5H::after{display:block!important;content:"";position:absolute;right:-40px;bottom:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,46,.16) 0%,rgba(255,190,46,0) 70%)!important;pointer-events:none;z-index:0}
.hd.sub.o5H>*{position:relative;z-index:1}
.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}
/* v59: Invite Wheel promo card on Profile — charcoal/emerald BC.Game card instead of a flat saturated green block */
.mkb{background:linear-gradient(135deg,#353d81 0%,#21275d 55%,#2a316e 100%)!important;border:1px solid rgba(60,240,189,.22)!important;box-shadow:0 10px 26px rgba(0,0,0,.35)!important}
.mkb::before{background:radial-gradient(120% 140% at 100% 0%,rgba(60,240,189,.24) 0%,rgba(60,240,189,0) 55%),radial-gradient(90% 120% at 0% 100%,rgba(255,190,46,.14) 0%,rgba(255,190,46,0) 60%)!important}
.mkt small{color:#8df0c2!important;letter-spacing:.9px!important}
.mkt b{color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.3)}
.mkc{background:#3cf0bd!important;color:#0d1030!important;font-weight:900!important;box-shadow:0 4px 14px rgba(60,240,189,.35)!important}
.mki{filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))!important}
/* v79: no avatar colour any more — one soft BC-style green glow from the left side, a faint warm one bottom-right */
#v-profile .hd.ph::before{content:""!important;display:block!important;position:absolute!important;top:-110px!important;left:-120px!important;transform:none!important;width:340px!important;height:340px!important;border-radius:50%!important;opacity:1!important;z-index:0!important;pointer-events:none;background:radial-gradient(circle,rgba(60,240,189,.32) 0%,rgba(60,240,189,.11) 45%,rgba(60,240,189,0) 72%)!important}
#v-profile .hd.ph::after{content:""!important;display:block!important;position:absolute!important;right:-80px!important;bottom:-100px!important;left:auto!important;top:auto!important;width:240px!important;height:240px!important;border-radius:50%!important;z-index:0!important;pointer-events:none;background:radial-gradient(circle,rgba(255,190,46,.12) 0%,rgba(255,190,46,0) 70%)!important}

/* ===== v57: one calm, professional icon-tile system (replaces the rainbow tiles) ===== */
:is(#v-profile,#v-gen,#v-settings,#v-safe,#v-edit) :is(#langRow .ti,.rw .ti,.rg4 .ti,.hg button .ti,.rec .ti,.qa .tile,.pq .tile,.sg button svg.i){
  background:linear-gradient(160deg,rgba(255,255,255,.095) 0%,rgba(255,255,255,.035) 100%)!important;
  color:#3ae28f!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.085)!important;
  border-radius:12px!important}
:is(#v-profile,#v-gen,#v-settings,#v-safe,#v-edit) :is(.rw,.rg4 button,.qa button,.pq button,.sg button):active :is(.ti,.tile,svg.i){background:linear-gradient(160deg,rgba(58,226,143,.22),rgba(58,226,143,.08))!important}
/* service-center grid on the profile: icons on one line, labels on equal height */
#v-profile .sg{align-items:start!important;row-gap:14px!important}
#v-profile .sg button{height:auto!important;min-height:0!important;justify-content:flex-start!important;gap:8px!important;padding:2px 2px 0!important}
#v-profile .sg button span{min-height:2.5em;line-height:1.25!important;font-size:12.5px!important;font-weight:600!important;text-align:center;display:block}
/* records row: same labels */
#v-profile .rg4 button{align-items:center!important}
#v-profile .rg4 button>span:last-child{font-weight:600!important;font-size:12.5px!important;color:#b9c4d4!important}
/* achievements keep gold for "done" (a state, not decoration) */
/* ===== Safe row: soft gold glow + gradient, the vault sits in a halo ===== */
#v-profile .psafe{position:relative;overflow:hidden;
  background:radial-gradient(130% 160% at 0% 50%,rgba(255,190,46,.30) 0%,rgba(255,190,46,.11) 38%,rgba(255,190,46,0) 70%),linear-gradient(135deg,#393b3e 0%,#323a7c 100%)!important;
  border:1px solid rgba(255,190,46,.24)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.07)!important}
#v-profile .psafe::after{content:"";position:absolute;right:-30px;top:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(closest-side,rgba(32,214,164,.14),rgba(32,214,164,0));pointer-events:none}
[dir=rtl] #v-profile .psafe::after{right:auto;left:-30px}
#v-profile .psafe>*{position:relative;z-index:1}
#v-profile .psafe .vault{position:relative;overflow:visible}
#v-profile .psafe .vault::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,196,60,.58) 0%,rgba(255,196,60,.2) 55%,rgba(255,196,60,0) 100%);z-index:0;animation:psGl 3.4s ease-in-out infinite alternate}
#v-profile .psafe .vault svg{position:relative;z-index:1;filter:drop-shadow(0 3px 8px rgba(255,170,30,.5))}
@keyframes psGl{from{opacity:.65;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){#v-profile .psafe .vault::before{animation:none}}
[dir=ltr] #v-profile .psafe .tx small{max-width:15ch}

/* VIP page, BC.Game-style look: charcoal + green, banner hero, boxed countdown, dark level cards. All scoped to .vx */
html body:has(.vx){background:#161a43!important}
html body .vx{background:#161a43;min-height:100vh;color:#fff;padding-bottom:30px}
html body .vx .hd{background:linear-gradient(180deg,#2e3575 0%,#2a316e 55%,#161a43 100%)!important;border-radius:0!important;padding-bottom:84px!important}
html body .vx .hd::before{opacity:.5}
html body .vx .vxh{position:relative;z-index:2;margin:-62px 14px 0;padding:18px 16px 16px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#2e3575 0%,#424447 55%,#1d7a52 100%);border:1px solid rgba(66,255,160,.22);box-shadow:0 18px 36px -20px rgba(0,0,0,.8)}
html body .vx .vxg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 30%,rgba(255,214,102,.35),transparent 46%),linear-gradient(115deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%)}
html body .vx .vxu{position:relative;display:flex;align-items:center;gap:11px}
html body .vx .vxu .pic{width:46px;height:46px;flex:none;border:2px solid rgba(255,255,255,.35);border-radius:50%;overflow:hidden}
html body .vx .vxu .vi b{display:block;font-size:17px;font-weight:800;color:#fff}
html body .vx .vxu .vi small{display:block;font-size:12px;color:rgba(255,255,255,.7);margin-top:2px}
html body .vx .vxm{position:absolute;top:18px;inset-inline-end:10px;width:132px;height:132px;display:flex;align-items:center;justify-content:center;z-index:1}
html body .vx .vxm img{width:128px;height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5));position:relative;z-index:2}
html body .vx .vxm .vxr{position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,130,.55),transparent 68%);z-index:1}
html body .vx .vxl{position:relative;margin-top:30px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
html body .vx .vxk{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#ffd666}
html body .vx .vxl b{display:inline-block;font-size:34px;font-weight:900;line-height:1;letter-spacing:-.5px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}
html body .vx .vxe{position:relative;margin-top:14px;display:flex;flex-direction:column}
html body .vx .vxe b{font-size:24px;font-weight:900;color:#4dffa3}
html body .vx .vxe span{font-size:12px;color:rgba(255,255,255,.72);margin-top:1px}
html body .vx .vxp{position:relative;margin-top:14px}
html body .vx .vxb{height:10px;border-radius:5px;background:rgba(0,0,0,.35);overflow:hidden}
html body .vx .vxb i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#3cf0bd,#ffd666);transform-origin:left center}
html body .vx .vxs{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12.5px;color:rgba(255,255,255,.8)}
html body .vx .vxs b{font-weight:800;color:#ffd666}
html body .vx .vxt{margin:12px 14px 0}
html body .vx .vxc{border-radius:18px;background:#2a2e30;border:1px solid rgba(255,255,255,.06);padding:14px 14px 16px;text-align:center}
html body .vx .vxc h4{margin:0 0 12px;font-size:15px;font-weight:800;color:#2bf08f}
html body .vx .vxd{display:flex;justify-content:center;gap:8px;direction:ltr}
html body .vx .vxn{flex:1;max-width:76px;border-radius:12px;background:#1b2050;padding:10px 0 8px;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.05)}
html body .vx .vxn b{font-size:26px;font-weight:800;color:#fff;line-height:1}
html body .vx .vxn small{font-size:11px;color:#9aa3a8}
html body .vx .vxc .rule2{margin-top:12px;font-size:12.5px;color:#9aa3a8}
html body .vx .vnote{color:#8e989d!important;margin:12px 20px 0}
html body .vx .vxh3{margin:18px 18px 0;font-size:16px;font-weight:800;color:#fff;letter-spacing:.2px}
html body .vx .vcs{margin-top:10px}
html body .vx .vcd{background:linear-gradient(160deg,#2f3436 0%,#232729 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 26px -16px rgba(0,0,0,.8)!important}
html body .vx .vcd::before{background:radial-gradient(circle at 88% 8%,var(--c2),transparent 52%)!important;opacity:.55}
html body .vx .vcd::after{border-color:rgba(255,255,255,.07)!important}
html body .vx .vcd .vt1,html body .vx .vcd .rx,html body .vx .vcd .rq,html body .vx .vcd .vf,html body .vx .vcd .vf span,html body .vx .vcd .dear,html body .vx .vcd .vgb{color:#fff!important}
html body .vx .vcd .vf b{color:#ffd666!important}
html body .vx .vcd .rq,html body .vx .vcd .dear{opacity:.78}
html body .vx .vcd .vbar{background:rgba(0,0,0,.38)!important}
html body .vx .vcd .vbar i{background:linear-gradient(90deg,#3cf0bd,#ffd666)!important}
html body .vx .vcd .spill,html body .vx .vcd .vdone{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:transparent!important}
html body .vx .vcd.cur{border-color:#3cf0bd;box-shadow:0 0 0 1.5px #3cf0bd,0 16px 30px -14px rgba(60,240,189,.45)!important}
html body .vx .vcd.cur .spill{background:#3cf0bd!important;color:#161a43!important}
html body .vx .vcd.cur .spill svg{stroke:#161a43}
html body .vx .vcd.lk .mimg{filter:grayscale(.55) brightness(.8) drop-shadow(0 6px 6px rgba(0,0,0,.4))}
html body .vx .vdots i{background:#3a4043}
html body .vx .vdots i.on{background:#3cf0bd}
html body .vx .card{background:#2a2e30!important;border:1px solid rgba(255,255,255,.06)!important;color:#fff}
html body .vx .bh{color:#fff}
html body .vx .bh .ti{background:#3cf0bd!important;color:#161a43!important}
html body .vx .br{border-bottom:1px solid rgba(255,255,255,.06)}
html body .vx .br:last-of-type{border-bottom:0}
html body .vx .bt b{color:#fff}
html body .vx .bt small{color:#98a2a7}
html body .vx .vp{background:#1b2050!important;border-color:rgba(255,214,102,.28)!important}
html body .vx .mbc{background:#232729!important;border-color:rgba(255,255,255,.07)!important}
html body .vx .mbc .mt b{color:#fff}
html body .vx .mbc .mt small{color:#98a2a7}
html body .vx .htabs{display:flex!important;gap:4px;padding:4px;margin:0 0 12px!important;border:0!important;border-radius:14px;background:#1b2050}
html body .vx .htabs button{flex:1;height:40px!important;border-radius:11px;color:#9aa3a8!important;font-size:14px!important}
html body .vx .htabs button.on{background:#3a4043;color:#fff!important}
html body .vx .htabs button.on::after{display:none!important}
html body .vx .go2{background:linear-gradient(90deg,#3cf0bd,#9fe871)!important;color:#161a43!important}
html body .vx .empty,html body .vx .emp{color:#98a2a7}

/* ===== CHALLENGES v64 — BC-style: quiet charcoal cards, green as the only loud colour ===== */
.chw{--s1:#262c66ff;--s2:#2d3134ff;--s3:#373b3fff;--tx:#f5f7f6ff;--mu:#98a7a5ff;--gr:#3cf0bdff;--go:#ffc94aff;padding:0 0 110px;color:var(--tx)}
.chtop{position:relative!important;padding:12px 14px 6px!important}
.chw svg,.chc svg,.chtabs svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* main tabs (Challenges / Prize race) */
.chtabs{position:relative;z-index:5;display:flex;gap:4px;margin:6px 14px 12px;padding:4px;border-radius:12px;background:rgba(35,38,38,.92);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.pzh .chtabs{margin:58px 14px 0}
.chtabs button{position:relative;flex:1;height:36px;border:0;border-radius:9px;background:none;color:#98a7a5ff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.chtabs button svg{width:16px;height:16px}
.chtabs button.on{background:#3a3f43ff;color:#fff}
.chtabs button.on svg{color:#3cf0bdff}
.chdot{position:absolute;top:6px;right:12%;width:7px;height:7px;border-radius:50%;background:#ff4d4dff;box-shadow:0 0 0 2px #262c66ff;animation:chPu 1.4s infinite}
@keyframes chPu{50%{transform:scale(1.35)}}

/* empty image slots */
.chimg{position:relative;border-radius:12px;border:1.5px dashed rgba(255,255,255,.2);background:rgba(255,255,255,.025);display:grid;place-items:center;color:#7d8a88ff;overflow:hidden}
.chimg span{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.chimg svg{width:22px;height:22px;opacity:.75}
.chimg em{font-style:normal;font-size:10px;font-weight:800}
.chimg small{font-size:9px;opacity:.7}

/* hero banner — text left, art right (like BC promo banners) */
.chh{position:relative;display:flex;align-items:stretch;gap:10px;margin:0 14px;padding:16px 14px;border-radius:16px;overflow:hidden;min-height:150px;
  background:radial-gradient(90% 120% at 100% 50%,rgba(60,240,189,.22),rgba(60,240,189,0) 60%),linear-gradient(135deg,#1f3a2cff,#262c66ff 70%);border:1px solid rgba(60,240,189,.15)}
.chhb{flex:1;min-width:0;display:flex;flex-direction:column}
.chhk{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.6px;color:#3cf0bdff;background:rgba(60,240,189,.12);padding:3px 8px;border-radius:6px}
.chhk i{width:6px;height:6px;border-radius:50%;background:#3cf0bdff;animation:chPu 1.2s infinite}
.chhb h3{margin:8px 0 0;font-size:21px;font-weight:900;line-height:1.15}
.chhb p{margin:5px 0 0;font-size:12px;color:#a9b8b5ff;line-height:1.4}
.chrs{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:6px;font-size:11.5px;color:#a9b8b5ff}
.chrs svg{width:14px;height:14px}
.chrs b{color:#fff;font-size:13px;font-weight:900;letter-spacing:.5px}
.chhimg{flex:none;width:118px;align-self:center;aspect-ratio:1}

/* stat strip */
.chstat{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:10px 14px 0;border-radius:14px;background:#262c66ff;overflow:hidden}
.chstat div{padding:11px 10px;text-align:center}
.chstat div+div{border-left:1px solid rgba(255,255,255,.05)}
.chstat b{display:inline-flex;align-items:center;gap:3px;font-size:18px;font-weight:900}
.chstat b i{font-style:normal;font-size:12px;color:#7d8a88ff}
.chstat b.fire{color:#ff8a3dff}.chstat b.fire svg{width:16px;height:16px;fill:#ff8a3dff;stroke:none}
.chstat b.gold{color:#ffc94aff}
.chstat small{display:block;font-size:10.5px;color:#98a7a5ff;font-weight:700;margin-top:1px}
.chsb{grid-column:1/-1;display:block;text-align:center;margin:0;border-radius:0;font-size:9.5px;font-weight:900;color:#2b1700ff;background:#ff8a3dff;padding:2px 7px;border-radius:6px}

/* chest track */
.chcs{margin:10px 14px 0;padding:12px 14px 14px;border-radius:14px;background:#262c66ff}
.chcsh{display:flex;justify-content:space-between;align-items:center}
.chcsh b{font-size:13.5px;font-weight:900}.chcsh small{font-size:12px;color:#98a7a5ff;font-weight:800}
.chtrk{position:relative;height:84px;margin:6px 22px 0 6px}
.chcl{position:absolute;left:0;right:0;top:26px;height:6px;border-radius:6px;background:#373b3fff}
.chcl i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#1bc571ff,#3cf0bdff);box-shadow:0 0 10px rgba(60,240,189,.45)}
.chx{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;width:70px}
.chxi{width:54px;height:54px;border-radius:14px;background:#2d3134ff}
.chx.t-b .chxi{border-color:rgba(205,127,50,.6)}.chx.t-s .chxi{border-color:rgba(170,205,255,.6)}.chx.t-g .chxi{border-color:rgba(255,201,74,.75)}
.chx.rdy .chxi{animation:chBob 1.1s ease-in-out infinite;box-shadow:0 0 20px rgba(255,201,74,.45)}
.chx.got .chxi{opacity:.4}
.chx.pop .chxi{animation:chPop .6s ease-out}
@keyframes chBob{50%{transform:translateY(-4px) rotate(-3deg)}}
@keyframes chPop{40%{transform:scale(1.25)}100%{transform:scale(1)}}
.chxl{font-size:11px;color:#c9d3d1ff;font-weight:900}
.chx.got .chxl{color:#3cf0bdff}
.chxb{height:22px;padding:0 11px;border:0;border-radius:7px;background:#ffc94aff;color:#2b1a00ff;font-size:11px;font-weight:900;cursor:pointer}

/* sub tabs */
.chsub{display:flex;gap:6px;margin:16px 14px 0}
.chsub button{position:relative;flex:1;height:40px;border-radius:10px;border:1px solid transparent;background:#262c66ff;color:#98a7a5ff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.chsub button em{font-style:normal;font-size:10.5px;font-weight:900;padding:1px 6px;border-radius:6px;background:#373b3fff;color:#c9d3d1ff}
.chsub button.on{background:#2d3134ff;color:#fff;border-color:rgba(60,240,189,.45)}
.chsub button.on em{background:#3cf0bdff;color:#06210fff}
.chsub .chdot{top:5px;right:6px}
.chsubh{display:flex;justify-content:space-between;align-items:center;margin:10px 16px 8px;font-size:11.5px;color:#98a7a5ff}
.chsubh b{color:#fff;font-size:12.5px;letter-spacing:.4px}

/* challenge card */
.chls{display:grid;gap:8px;margin:0 14px}
.chc{--cc:#3cf0bdff;position:relative;padding:12px;border-radius:14px;background:#262c66ff;border:1px solid transparent;transition:border-color .3s}
.chc.c-y{--cc:#ffc94aff}.chc.c-b{--cc:#55aaffff}.chc.c-p{--cc:#b77dffff}.chc.c-g{--cc:#3cf0bdff}.chc.c-r{--cc:#ff6b55ff}
.chc.rdy{border-color:rgba(60,240,189,.5);background:linear-gradient(180deg,rgba(60,240,189,.07),rgba(60,240,189,0) 70%),#262c66ff}
.chc.got{opacity:.55}
.chtop2{display:flex;gap:11px;align-items:flex-start}
.chci{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--cc);background:#2d3134ff}
.chci svg{width:21px;height:21px}
.chct{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px;padding-top:1px}
.chct b{font-size:13.5px;font-weight:800;line-height:1.3;flex-basis:100%}
.chrvt{font-style:normal;font-size:9.5px;font-weight:900;color:#fff;background:#ff6b55ff;padding:2px 6px;border-radius:5px}
.chrw{flex:none;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:7px;background:rgba(255,201,74,.1);font-size:12px;font-weight:900;color:#ffc94aff}
.chco{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0ff,#ffcf4aff 45%,#d48a00ff);box-shadow:0 0 0 1.5px #b36f00ff;display:inline-block;flex:none}
.chbot{display:flex;align-items:center;gap:12px;margin-top:10px;padding-left:49px}
.chpg{flex:1;min-width:0}
.chpb{height:6px;border-radius:6px;background:#373b3fff;overflow:hidden}
.chpb i{display:block;height:100%;border-radius:6px;background:#3cf0bdff;transition:width .6s}
.chpg small{display:block;margin-top:5px;font-size:11px;color:#98a7a5ff}
.chbt{flex:none;width:auto!important;margin:0!important;display:grid;place-items:center;min-width:68px;height:32px;padding:0 12px;border-radius:9px;border:0;font-weight:900;font-size:12.5px;cursor:pointer;text-decoration:none}
.chbt.chb-go{background:#373b3fff;color:#f5f7f6ff}
.chbt.chb-cl{background:linear-gradient(180deg,#3df59aff,#1bc571ff);color:#04210fff;box-shadow:0 4px 14px rgba(60,240,189,.35);animation:chGl 1.6s ease-in-out infinite}
@keyframes chGl{50%{box-shadow:0 4px 22px rgba(60,240,189,.65);transform:scale(1.04)}}
.chst{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:900;color:#3cf0bdff}
.chst svg{width:15px;height:15px;stroke-width:2.6}
.chtri{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0 0 49px}
.chtri span{position:relative;padding:6px 7px 8px;border-radius:8px;background:#2d3134ff;overflow:hidden}
.chtri span.ok{background:rgba(60,240,189,.12)}
.chtri b{display:block;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chtri small{font-size:10px;color:#98a7a5ff}.chtri span.ok small{color:#3cf0bdff;font-weight:900}
.chtri i{position:absolute;left:0;bottom:0;height:2px;background:#3cf0bdff}
.chrr{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;border:0;background:#2d3134ff;color:#98a7a5ff;cursor:pointer}
.chrr svg{width:13px;height:13px}
.chrrn{display:flex;align-items:center;justify-content:center;gap:5px;margin:10px 0 0;font-size:11px;color:#7d8a88ff}
.chrrn svg{width:12px;height:12px}
.chall{margin:0 14px 8px;padding:11px;border-radius:12px;background:rgba(60,240,189,.08);color:#3cf0bdff;font-size:12.5px;font-weight:800;text-align:center}

/* revenge round */
.chrv{margin:10px 14px 0;padding:10px;border-radius:14px;background:linear-gradient(160deg,rgba(255,107,85,.14),rgba(255,107,85,0) 60%),#262c66ff;border:1px solid rgba(255,107,85,.3);display:grid;gap:8px}
.chrvh{display:flex;gap:10px;align-items:center;padding:2px 2px 0}
.chrvh>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ff6b55ff;color:#fff;flex:none}
.chrvh svg{width:20px;height:20px}
.chrvh b{display:block;font-size:14px;font-weight:900}.chrvh small{font-size:11px;color:#d9b9b3ff;line-height:1.35}
.chrv .chc{background:#2a2c2dff}

/* path */
.chpath{margin:0 14px;padding:12px;border-radius:14px;background:#262c66ff}
.chpth{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.chpimg{flex:none;width:64px;height:64px}
.chpth>div:last-child{flex:1;min-width:0}
.chpth>div>b{display:block;font-size:14px;font-weight:900}.chpth small{font-size:11px;color:#98a7a5ff}.chpth .hlx{color:#3cf0bdff}
.chpbar{height:5px;border-radius:5px;background:#373b3fff;margin-top:7px;overflow:hidden}.chpbar i{display:block;height:100%;background:#3cf0bdff}
.chps{position:relative;display:flex;align-items:center;gap:10px;padding:7px 0}
.chps:not(:last-child)::after{content:"";position:absolute;left:13px;top:36px;bottom:-7px;width:2px;background:#373b3fff}
.chps.done:not(:last-child)::after{background:#3cf0bdff}
.chpn{flex:none;position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;background:#2d3134ff;color:#98a7a5ff}
.chps.done .chpn{background:#3cf0bdff;color:#06210fff}
.chps.now .chpn{background:#ffc94aff;color:#2b1a00ff;box-shadow:0 0 0 4px rgba(255,201,74,.18)}
.chps>b{flex:1;font-size:12.5px;font-weight:700;color:#a9b8b5ff}
.chps.done>b{text-decoration:line-through;opacity:.55}
.chps.lk>b{color:#6f7c7aff}
.chps>small{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:900;color:#b89a4aff}
.chpw{flex:1;min-width:0}.chpw .chc{background:#2a2e30ff;border-color:rgba(255,201,74,.3)}
.chpw .chbot,.chpw .chtri{padding-left:0;margin-left:0}
.chnew{font-style:normal;font-size:9.5px;font-weight:900;color:#2b1a00ff;background:#ffc94aff;padding:2px 6px;border-radius:5px}

/* leaderboard */
.chsh1{margin:22px 16px 10px;font-size:16px;font-weight:900}
.chbd{margin:0 14px;padding:14px 12px 12px;border-radius:16px;background:#262c66ff}
.chbdh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.chbdh b{display:block;font-size:14px;font-weight:900}.chbdh small{font-size:11px;color:#98a7a5ff}
.chpool{text-align:right;flex:none}.chpool small{display:block}.chpool b{display:inline-flex;align-items:center;gap:5px;font-size:17px;color:#ffc94aff}
.chbdt{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 10px;border-radius:9px;background:#2d3134ff;font-size:11.5px;color:#98a7a5ff}
.chbdt b{color:#fff;font-size:12.5px}
.chpod{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:6px;margin-top:22px}
.chpd{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.chpa{position:relative}
.chpa .pzra{display:block;width:52px;height:52px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px var(--pc),0 6px 16px rgba(0,0,0,.4)}
.chpa .pzra img{width:100%;height:100%;object-fit:cover}
.chpa em{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900;background:var(--pc);color:#1a1300ff;box-shadow:0 0 0 2px #262c66ff}
.chpd.p1{--pc:#ffc94aff}.chpd.p2{--pc:#cfdbe4ff}.chpd.p3{--pc:#e39a5cff}
.chpd.p1 .pzra{width:64px;height:64px}
.chcr{position:absolute;left:50%;top:-20px;transform:translateX(-50%);color:#ffc94aff}
.chcr svg{width:24px;height:24px;fill:#ffc94aff;stroke:#b37f00ff;stroke-width:1.2;filter:drop-shadow(0 0 6px rgba(255,201,74,.6))}
.chpd>b{margin-top:13px;font-size:12px;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chpd>small{font-size:10.5px;color:#98a7a5ff;margin-top:1px}
.chpdb{width:100%;margin-top:8px;border-radius:10px 10px 0 0;padding:10px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 22%,transparent),color-mix(in srgb,var(--pc) 4%,transparent));border-top:2px solid var(--pc)}
.chpd.p1 .chpdb{padding:20px 4px}.chpd.p2 .chpdb{padding:13px 4px}
.chpdb span{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:900;color:#fff}
.chpd.me .chpdb{box-shadow:inset 0 0 0 1px #3cf0bdff}
.chbl{margin-top:0;border-top:1px solid rgba(255,255,255,.05)}
.chbrh,.chbr{display:grid;grid-template-columns:28px 1fr 56px 70px;align-items:center;gap:6px}
.chbrh{padding:9px 6px 6px;font-size:10.5px;color:#7d8a88ff;font-weight:800}
.chbrh span:nth-child(3),.chbrh span:nth-child(4){text-align:right}
.chbr{padding:8px 6px;border-radius:9px}
.chbr:nth-child(odd){background:rgba(255,255,255,.02)}
.chbn{text-align:center;font-weight:900;font-size:12.5px;color:#98a7a5ff}
.chbu{display:flex;align-items:center;gap:8px;min-width:0}
.chbu .pzra{width:28px;height:28px;border-radius:50%;overflow:hidden;flex:none}
.chbu .pzra img{width:100%;height:100%;object-fit:cover}
.chbu b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chbv{text-align:right;font-size:13px;font-weight:900}
.chbz{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:12px;font-weight:900;color:#ffc94aff}
.chme{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.1)}
.chbr.me{background:rgba(60,240,189,.1)!important;box-shadow:inset 0 0 0 1px rgba(60,240,189,.4)}
.chbr.me .chbn,.chbr.me b{color:#3cf0bdff}
.chmet{display:block;margin-top:6px;text-align:center;font-size:11px;color:#98a7a5ff}

/* how it works */
.chhw{display:grid;gap:6px;margin:0 14px 12px}
.chhw>div{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:12px;background:#262c66ff}
.chhw>div>span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#2d3134ff;color:#3cf0bdff}
.chhw span svg{width:18px;height:18px}
.chhw b{display:block;font-size:13px}.chhw small{display:block;font-size:11px;color:#98a7a5ff;margin-top:1px}

.chfly{position:fixed;z-index:400;width:16px;height:16px;margin:-8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3b0ff,#ffcf4aff 45%,#d48a00ff);box-shadow:0 0 0 1.5px #b36f00ff;pointer-events:none;animation:chFly 1s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes chFly{0%{transform:translate(0,0) scale(.5)}60%{opacity:1;transform:translate(var(--x),var(--y)) scale(1)}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 40px))}}
@media (prefers-reduced-motion:reduce){.chdot,.chx.rdy .chxi,.chbt.chb-cl,.chhk i{animation:none}}

.chsp{height:22px}

/* ===== v65 HOT challenges ===== */
.chhsh{margin:22px 16px 10px}.chhsh small{display:block;margin-top:2px}
.chhsh h3{display:flex;align-items:center;gap:6px;margin:0;font-size:17px;font-weight:900;background:linear-gradient(90deg,#ffd34dff,#ff6a2bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.chhsh h3 svg{width:20px;height:20px;fill:#ff6a2bff;stroke:none;filter:drop-shadow(0 0 6px rgba(255,106,43,.7))}
.chhsh small{font-size:11.5px;color:#98a7a5ff}
.chhot{position:relative;margin:0 14px;padding:14px;border-radius:18px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 100% 0%,rgba(255,106,43,.45),rgba(255,106,43,0) 55%),radial-gradient(90% 80% at 0% 100%,rgba(255,40,40,.28),rgba(255,40,40,0) 60%),linear-gradient(160deg,#3a1a10ff,#231312ff 55%,#1c1414ff);
  border:1px solid rgba(255,140,60,.45);box-shadow:0 0 0 1px rgba(255,106,43,.15),0 14px 34px rgba(255,70,30,.22)}
.chhot::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:20px;background:conic-gradient(from var(--a,0deg),rgba(255,211,77,0),rgba(255,211,77,.7),rgba(255,106,43,0) 30%);animation:chSpin 4s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes chSpin{to{--a:360deg}}
.chhfx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.chhfx i{position:absolute;bottom:-10px;width:5px;height:5px;border-radius:50%;background:#ffb43aff;box-shadow:0 0 8px #ff7a2bff;animation:chEmb 4.5s linear infinite;opacity:0}
.chhfx i:nth-child(1){left:12%}.chhfx i:nth-child(2){left:30%;animation-delay:1.2s}.chhfx i:nth-child(3){left:48%;animation-delay:2.4s;width:4px;height:4px}
.chhfx i:nth-child(4){left:66%;animation-delay:.6s}.chhfx i:nth-child(5){left:82%;animation-delay:3.2s;width:3px;height:3px}.chhfx i:nth-child(6){left:92%;animation-delay:1.8s}
@keyframes chEmb{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translate(-14px,-260px);opacity:0}}
.chhtop{display:flex;justify-content:space-between;align-items:center}
.chhbg{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.8px;color:#fff;padding:4px 9px;border-radius:7px;background:linear-gradient(90deg,#ff3d2eff,#ff8a1fff);box-shadow:0 4px 14px rgba(255,70,30,.45);animation:chHb 1.6s ease-in-out infinite}
.chhbg svg{width:13px;height:13px;fill:#fff;stroke:none}
@keyframes chHb{50%{box-shadow:0 4px 22px rgba(255,90,30,.8)}}
.chhcd{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#ffd8c2ff;background:rgba(0,0,0,.3);padding:4px 9px;border-radius:7px}
.chhcd svg{width:13px;height:13px}.chhcd b{color:#fff}
.chhmain{display:flex;gap:10px;align-items:center;margin-top:12px}
.chhtx{flex:1;min-width:0}
.chhg{display:block;font-size:11px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#ffb07aff}
.chhtx h4{margin:3px 0 0;font-size:22px;font-weight:900;line-height:1.15;color:#fff;text-shadow:0 2px 12px rgba(255,90,30,.4)}
.chhrw{margin-top:10px}
.chhrw small{display:block;font-size:10.5px;color:#ffcfb5ff;font-weight:700}
.chhrw b{display:inline-flex;align-items:center;gap:6px;font-size:26px;font-weight:900;color:#ffd34dff;text-shadow:0 0 18px rgba(255,211,77,.45)}
.chhrw .chco{width:20px;height:20px}
.chhoti{flex:none;width:112px;height:112px;border-color:rgba(255,180,120,.4);background:rgba(0,0,0,.15);color:#ffb07aff}
.chhpg{margin-top:12px}
.chhpb{height:8px;border-radius:8px;background:rgba(0,0,0,.35);overflow:hidden}
.chhpb i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#ff3d2eff,#ffb43aff);box-shadow:0 0 10px rgba(255,140,40,.7)}
.chhpm{display:flex;justify-content:space-between;margin-top:6px;font-size:11.5px;color:#ffcfb5ff}.chhpm b{color:#fff}
.chhbot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.chhn{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#ffcfb5ff}
.chhn svg{width:15px;height:15px;color:#ffd34dff}.chhn b{color:#fff;font-size:13px}
.chbt.chb-hgo,.chbt.chb-hot{min-width:110px;height:38px;border-radius:10px;color:#fff;background:linear-gradient(180deg,#ff6a2bff,#e8321eff);box-shadow:0 6px 18px rgba(255,70,30,.45)}
.chbt.chb-hot{background:linear-gradient(180deg,#ffd34dff,#ff9d1fff);color:#2b1300ff;animation:chGl 1.4s ease-in-out infinite}
.chhot.got{opacity:.7}
.chhls{display:grid;gap:8px;margin:8px 14px 0}
.chhs2{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:14px;background:linear-gradient(90deg,rgba(255,90,40,.12),rgba(255,90,40,0) 60%),#262c66ff;border:1px solid rgba(255,120,60,.22)}
.chhs2.rdy{border-color:rgba(255,211,77,.6)}.chhs2.got{opacity:.55}
.chhs2i{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#ff6a2bff,#c8261aff);color:#fff}
.chhs2i svg{width:21px;height:21px}
.chhs2b{flex:1;min-width:0}.chhs2b b{display:block;font-size:13px;font-weight:800}
.chhs2b .chhpb{height:5px;margin-top:7px}
.chhs2b small{display:block;margin-top:5px;font-size:10.5px;color:#98a7a5ff}
.chhs2r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.chhs2r .chbt{min-width:84px;height:30px;font-size:11.5px}
/* hall of fire */
.chhall{margin:12px 14px 0;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,90,40,.1),rgba(255,90,40,0) 50%),#262c66ff;border:1px solid rgba(255,120,60,.2)}
.chhallh{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.chhallh>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#ff6a2bff,#c8261aff)}
.chhallh svg{width:18px;height:18px;fill:#fff;stroke:none}
.chhallh b{display:block;font-size:14px;font-weight:900}.chhallh small{font-size:11px;color:#98a7a5ff}
.chhr{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid rgba(255,255,255,.04)}
.chhr .pzra{width:32px;height:32px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 2px rgba(255,106,43,.6)}
.chhr .pzra img{width:100%;height:100%;object-fit:cover}
.chhr>div{flex:1;min-width:0}.chhr b{display:block;font-size:12.5px}.chhr small{font-size:10.5px;color:#ffb07aff;font-weight:800}
.chhrw{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:900;color:#ffd34dff}
.chha{width:30px;text-align:right;font-size:10.5px;color:#7d8a88ff}
.chhr.me{background:rgba(60,240,189,.08);border-radius:10px}
/* live numbers + ticker */
.chlive{margin:0 14px 12px;border-radius:14px;background:#262c66ff;overflow:hidden}
.chlv{display:grid;grid-template-columns:repeat(3,1fr)}
.chlv div{padding:10px 8px;text-align:center}.chlv div+div{border-left:1px solid rgba(255,255,255,.05)}
.chlv b{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:900}
.chlv small{display:block;font-size:10px;color:#98a7a5ff;font-weight:700;margin-top:1px}
.chtk{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1c1f1fff;border-top:1px solid rgba(255,255,255,.04);font-size:11.5px;overflow:hidden}
.chlvd{flex:none;width:7px;height:7px;border-radius:50%;background:#3cf0bdff;box-shadow:0 0 8px #3cf0bdff;animation:chPu 1.2s infinite}
.chtkw{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#98a7a5ff}
.chtkw.in{animation:chTk .45s ease-out}
@keyframes chTk{from{transform:translateY(100%);opacity:0}}
.chtkw b{color:#fff}.chtkw em{font-style:normal;color:#c9d3d1ff}.chtkw em.hot{color:#ff8a3dff;font-weight:900}.chtkw i{font-style:normal;color:#ffc94aff;font-weight:900}
@media (prefers-reduced-motion:reduce){.chhot::before,.chhfx i,.chhbg,.chlvd,.chtkw.in{animation:none}}

/* ===== v66 ===== */
.chhrnd{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;color:#ffb07aff;background:rgba(255,106,43,.1);padding:4px 9px;border-radius:7px}
.chhrnd svg{width:13px;height:13px}.chhrnd b{color:#fff}
.chhmin{display:inline-block;margin-top:8px;font-size:10.5px;font-weight:800;color:#ffd8c2ff;background:rgba(0,0,0,.3);padding:3px 8px;border-radius:6px}
.chminb{display:flex;align-items:center;gap:6px;margin:0 16px 8px;font-size:11px;color:#98a7a5ff}
.chminb svg{width:13px;height:13px;color:#ffc94aff}
.chbdr{display:flex;align-items:center;gap:6px;margin:8px 0 0;padding:8px 10px;border-radius:9px;background:rgba(255,106,43,.1);color:#ffb07aff;font-size:11px;font-weight:800}
.chbdr svg{width:14px;height:14px;fill:#ff6a2bff;stroke:none;flex:none}
.chfh{display:inline-flex;align-items:center;gap:1px;margin-right:6px;padding:1px 5px 1px 3px;border-radius:5px;background:rgba(255,106,43,.16);color:#ff8a3dff;font-weight:900;font-size:11px}
.chfh svg{width:11px;height:11px;fill:#ff6a2bff;stroke:none}
.chbrh,.chbr{grid-template-columns:28px 1fr 78px 70px}
/* rules page */
.chru{padding:4px 14px 110px;color:#f5f7f6ff}
.chrui{margin:6px 2px 14px;font-size:13px;line-height:1.6;color:#c9d3d1ff}
.chrt{border-radius:14px;overflow:hidden;background:#262c66ff;margin-bottom:14px}
.chrt table{width:100%;border-collapse:collapse;font-size:12px}
.chrt th{text-align:left;padding:10px 8px;background:#2d3134ff;color:#98a7a5ff;font-weight:800;font-size:11px}
.chrt td{padding:10px 8px;border-top:1px solid rgba(255,255,255,.05);font-weight:700}
.chrt tr:last-child td{color:#ff8a3dff}
.chrus{margin-bottom:10px;padding:14px;border-radius:14px;background:#262c66ff}
.chrus h4{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:14.5px}
.chrus h4 span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(60,240,189,.14);color:#3cf0bdff;font-size:12px;font-weight:900}
.chrus:nth-of-type(5) h4 span{background:rgba(255,106,43,.18);color:#ff8a3dff}
.chrus ul{margin:0;padding:0 0 0 18px}
.chrus li{margin:6px 0;font-size:12.5px;line-height:1.55;color:#c9d3d1ff}
.chrus li::marker{color:#3cf0bdff}
.chrul{text-align:center;font-size:11px;color:#7d8a88ff;margin-top:14px}

/* ===== v67: board shows earnings, round timer, sealed race ===== */
.chpe{display:block;margin-top:3px;font-size:15px;font-weight:900;color:#ffc94aff}
.chpd.p1 .chpe{font-size:17px}
.chps2{display:flex;align-items:center;justify-content:center;gap:3px;font-size:10.5px;color:#98a7a5ff;margin-top:2px;white-space:nowrap}
.chps2 .chfh{margin-right:4px}
.chbrh,.chbr{grid-template-columns:26px 1fr 84px 62px}
.chbnm{display:flex;flex-direction:column;min-width:0}
.chbnm small{display:flex;align-items:center;gap:3px;font-size:10px;color:#98a7a5ff;margin-top:1px;white-space:nowrap}
.chbnm .chfh{font-size:10px;margin-right:4px}
.chbv{color:#ffc94aff;font-size:12.5px}
.chbdt{flex-direction:column;align-items:stretch;gap:8px;padding:10px}
.chtm{display:flex;align-items:center;justify-content:center;gap:4px}
.chtm span{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:6px 0;border-radius:9px;background:#1c1f1fff}
.chtm b{font-size:20px;font-weight:900;color:#fff;line-height:1}
.chtm small{font-size:9.5px;color:#7d8a88ff;font-weight:800;margin-top:3px}
.chtm i{font-style:normal;color:#3cf0bdff;font-weight:900}
/* sealed race board */
.chseal{position:relative;margin:16px 14px 0;padding:20px 16px 16px;border-radius:18px;text-align:center;overflow:hidden;
  background:radial-gradient(80% 60% at 50% 0%,rgba(60,240,189,.16),rgba(60,240,189,0) 70%),#262c66ff;border:1px solid rgba(255,255,255,.07)}
.chslk{width:56px;height:56px;margin:0 auto;border-radius:16px;display:grid;place-items:center;background:#2d3134ff;color:#3cf0bdff;box-shadow:0 0 0 6px rgba(60,240,189,.06)}
.chslk svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.chseal h4{margin:12px 0 0;font-size:17px;font-weight:900;color:#fff}
.chseal p{margin:6px auto 0;max-width:300px;font-size:12.5px;line-height:1.5;color:#a9b8b5ff}
.chslr{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.chslr div{padding:10px;border-radius:12px;background:#2d3134ff}
.chslr small{display:block;font-size:10.5px;color:#98a7a5ff;font-weight:700}
.chslr b{display:block;margin-top:2px;font-size:14px;font-weight:900;color:#fff}
.chsly{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border-radius:12px;background:rgba(60,240,189,.07);border:1px solid rgba(60,240,189,.2);text-align:left}
.chsly .pzra{width:36px;height:36px;border-radius:50%;overflow:hidden;flex:none}
.chsly .pzra img{width:100%;height:100%;object-fit:cover}
.chsly>div{flex:1;min-width:0}.chsly small{display:block;font-size:10.5px;color:#98a7a5ff}.chsly b{font-size:13px;color:#3cf0bdff}
.chslw{font-size:13px;font-weight:900;color:#fff}
.chslgo{display:grid;place-items:center;height:44px;margin-top:12px;border-radius:12px;background:linear-gradient(180deg,#3df59aff,#1bc571ff);color:#04210fff;font-weight:900;font-size:14px;text-decoration:none}

/* v69: pedestals hold the earned amount, no prize column */
.chbrh,.chbr{grid-template-columns:26px 1fr auto}
.chbv{font-size:13px}
.chpdb{display:flex;flex-direction:column;align-items:center;gap:2px}
.chpdb small{font-size:9.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:rgba(255,255,255,.6)}
.chpdb span{font-size:13px!important;color:#ffc94aff!important;white-space:nowrap}
.chpd.p1 .chpdb span{font-size:15px!important}
.chpd>b{margin-top:13px}
.chps2{margin-top:3px}

/* v70: the 3-line menu lives only on Home (games); account screens keep the space so titles stay centred */
[data-menu]{visibility:hidden!important;pointer-events:none!important}

/* ===== v71: real art instead of line icons ===== */
.chci.chgi,.chci.chst3,.chci.chmt{width:44px;height:44px;border-radius:12px;padding:0;background:none;overflow:hidden;position:relative}
.chgt{display:block;width:100%;height:100%;background-size:cover;background-position:50% 30%;border-radius:inherit}
.chgi{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 4px 10px rgba(0,0,0,.35)}
.chst3{overflow:visible!important}
.chst3 .chgt{position:absolute;width:30px;height:30px;border-radius:9px;box-shadow:0 0 0 2px #262c66ff,0 3px 8px rgba(0,0,0,.4)}
.chst3 .chgt:nth-child(1){left:0;top:0;z-index:1}.chst3 .chgt:nth-child(2){left:14px;top:7px;z-index:2}.chst3 .chgt:nth-child(3){left:7px;top:15px;z-index:3}
.chmt{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(160deg,#33393cff,#272c2eff)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(255,255,255,.05)}
.chmt b{font-size:14px;font-weight:900;line-height:1;color:#fff;letter-spacing:-.2px}
.chmt small{font-size:6.8px;font-weight:900;letter-spacing:.5px;color:var(--cc);line-height:1;text-align:center;max-width:40px}
.chmt.t-y{--cc:#ffc94aff}.chmt.t-b{--cc:#55aaffff}.chmt.t-p{--cc:#b77dffff}.chmt.t-g{--cc:#3cf0bdff}.chmt.t-r{--cc:#ff6b55ff}
.chmt.t-y b{color:#ffe08aff}
.chhoti{flex:none;width:112px!important;height:112px!important;border-radius:18px;background-size:cover;background-position:50% 32%;box-shadow:0 0 0 2px rgba(255,180,90,.55),0 10px 26px rgba(255,80,30,.4);transform:rotate(4deg)}
.chhs2i{flex:none;width:44px;height:44px;border-radius:12px;background-size:cover;background-position:50% 30%;box-shadow:0 0 0 1.5px rgba(255,120,60,.6)}
.chxi{display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.12)!important;overflow:hidden}
.chxi img{width:84%;height:84%;object-fit:contain}
.chx.t-b .chxi img{filter:sepia(.7) saturate(1.3) hue-rotate(-12deg) brightness(.92)}
.chx.t-s .chxi img{filter:grayscale(1) brightness(1.25) contrast(1.05)}

/* v72: text-only cards for challenges that are not about one game */
.chc.noic{padding:13px 14px;background:linear-gradient(100deg,color-mix(in srgb,var(--cc) 9%,transparent),rgba(0,0,0,0) 45%),#262c66ff}
.chc.noic::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--cc)}
.chc.noic .chbot,.chc.noic .chtri{padding-left:0;margin-left:0}
.chc.noic .chct b{font-size:14px;letter-spacing:-.1px}
.chtag{flex-basis:100%;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;color:var(--cc);margin-bottom:-1px}
.chc{position:relative}

/* ===== LUCKY DRAW v68 ===== */
.drw .chsh1{margin:24px 16px 10px}
/* hero */
.drh{position:relative;margin:0 14px;padding:16px 16px 14px;border-radius:20px;overflow:hidden;isolation:isolate;
  background:radial-gradient(90% 70% at 50% 100%,rgba(255,201,74,.32),rgba(255,201,74,0) 65%),radial-gradient(80% 60% at 0% 0%,rgba(60,240,189,.22),rgba(60,240,189,0) 60%),linear-gradient(170deg,#173628ff,#1d2321ff 55%,#2a2312ff);
  border:1px solid rgba(255,201,74,.28);box-shadow:0 16px 36px rgba(0,0,0,.4)}
.drhfx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.drhfx i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe9a8ff;box-shadow:0 0 6px #ffd34dff;animation:drTw 2.6s ease-in-out infinite}
.drhfx i:nth-child(1){left:8%;top:18%}.drhfx i:nth-child(2){left:22%;top:62%;animation-delay:.4s}.drhfx i:nth-child(3){left:40%;top:10%;animation-delay:1.1s}.drhfx i:nth-child(4){left:58%;top:40%;animation-delay:.7s}
.drhfx i:nth-child(5){left:74%;top:14%;animation-delay:1.6s}.drhfx i:nth-child(6){left:90%;top:52%;animation-delay:.2s}.drhfx i:nth-child(7){left:86%;top:84%;animation-delay:1.3s}.drhfx i:nth-child(8){left:12%;top:88%;animation-delay:2s}
@keyframes drTw{50%{opacity:.15;transform:scale(.5)}}
.drht{display:flex;justify-content:space-between;align-items:center}
.drk{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:1px;color:#2b1a00ff;padding:4px 10px;border-radius:7px;background:linear-gradient(90deg,#ffe08aff,#ffb81fff);box-shadow:0 4px 14px rgba(255,190,40,.4)}
.drk i{width:6px;height:6px;border-radius:50%;background:#2b1a00ff;animation:chPu 1.2s infinite}
.drrn{font-size:11.5px;color:#cfe0d6ff;background:rgba(0,0,0,.28);padding:4px 9px;border-radius:7px}.drrn b{color:#fff}
.drh h3{margin:12px 0 0;font-size:24px;font-weight:900;line-height:1.1;background:linear-gradient(180deg,#fff,#ffe6a1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.drh p{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:#c7d6cfff}
.drhimg{margin-top:12px;aspect-ratio:12/7;border-color:rgba(255,220,140,.35);background:rgba(0,0,0,.18);color:#e9cf8aff}

/* countdown card */
.drcd{position:relative;margin:12px 14px 0;padding:14px 14px 12px;border-radius:20px;overflow:hidden;
  background:radial-gradient(100% 80% at 50% 0%,rgba(60,240,189,.14),rgba(60,240,189,0) 60%),#202424ff;border:1px solid rgba(60,240,189,.22)}
.drcd::after{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:drSh 4.5s ease-in-out infinite;pointer-events:none}
@keyframes drSh{0%,60%{left:-40%}100%{left:120%}}
.drcdh{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9fb0adff}
.drcdh>span{display:inline-flex;align-items:center;gap:6px}.drcdh svg{width:15px;height:15px;color:#3cf0bdff}
.drcdh b{font-size:12.5px;color:#ffc94aff}
.drcb{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin-top:12px}
.drcu{display:flex;flex-direction:column;align-items:center;gap:6px}
.drcf{position:relative;width:66px;height:72px;border-radius:14px;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(180deg,#2f3537ff 0 49.5%,#262b2dff 50.5% 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.05)}
.drcf::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)}
.drcf b{font-size:34px;font-weight:900;letter-spacing:1px;background:linear-gradient(180deg,#ffffff,#b9f7d6ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(60,240,189,.25)}
.drcu:last-child .drcf b{background:linear-gradient(180deg,#fff2c4ff,#ffc94aff);-webkit-background-clip:text;background-clip:text}
.drcu small{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#7f908dff}
.drcs{font-style:normal;margin-top:20px;font-size:22px;font-weight:900;color:#3cf0bdff;animation:drBl 1s steps(2) infinite}
@keyframes drBl{50%{opacity:.25}}
.drpr{margin-top:12px}
.drprb{height:6px;border-radius:6px;background:#33393bff;overflow:hidden}
.drprb i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#1bc571ff,#3cf0bdff,#ffc94aff)}
.drpr small{display:block;margin-top:5px;font-size:11px;color:#9fb0adff;text-align:right}.drpr .hlx{color:#fff}
.drent{display:flex;align-items:center;gap:10px;margin-top:10px;padding:9px 10px;border-radius:12px;background:#2a2f31ff}
.drav{display:flex}.drav .pzra{width:26px;height:26px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #2a2f31ff;margin-left:-8px}.drav .pzra:first-child{margin-left:0}
.drav img{width:100%;height:100%;object-fit:cover}
.drent b{display:block;font-size:16px;font-weight:900;color:#fff;line-height:1}.drent small{font-size:10.5px;color:#9fb0adff}

/* my ticket */
.drme{margin:12px 14px 0;border-radius:18px;overflow:hidden}
.drme.out{padding:14px;background:#262c66ff;border:1px solid rgba(255,255,255,.06)}
.drmeh{display:flex;justify-content:space-between;align-items:flex-end}
.drmeh small{display:block;font-size:11px;color:#98a7a5ff}.drmeh b{font-size:15px;font-weight:900}
.drmen{font-size:12px;font-weight:900;color:#ffc94aff}
.drmeb{height:8px;border-radius:8px;background:#373b3fff;margin-top:10px;overflow:hidden}
.drmeb i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#ffb81fff,#ffe08aff)}
.drme.out p{margin:8px 0 0;font-size:12px;color:#c9d3d1ff}.drme.out .hlx{color:#ffc94aff}
.drgo{width:100%;height:46px;margin-top:12px;border:0;border-radius:12px;background:linear-gradient(180deg,#3df59aff,#1bc571ff);color:#04210fff;font-weight:900;font-size:14.5px;cursor:pointer;box-shadow:0 6px 18px rgba(60,240,189,.3)}
/* ticket look when entered */
.drtk{position:relative;display:flex;background:linear-gradient(110deg,#ffe08aff,#ffc23aff 55%,#f0a400ff);color:#2b1a00ff}
.drtk::before,.drtk::after{content:"";position:absolute;left:66%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#1a1d1eff}
.drtk::before{top:-9px}.drtk::after{bottom:-9px}
.drtkl{flex:0 0 66%;padding:14px;border-right:2px dashed rgba(43,26,0,.3)}
.drtkl small,.drtkr small{display:block;font-size:10.5px;font-weight:800;opacity:.7}
.drtkl b{display:block;font-size:16px;font-weight:900;margin-top:2px}
.drtkl span{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:800}
.drtkl svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6}
.drtkr{flex:1;padding:14px 10px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.drtkr b{font-size:14px;font-weight:900;letter-spacing:.5px;margin-top:3px}

/* prizes */
.drpz{margin:0 14px;display:grid;gap:8px}
.drpz>div>div,.drp1{position:relative;border-radius:16px;overflow:hidden}
.drp1{background:radial-gradient(80% 90% at 70% 40%,rgba(255,201,74,.25),rgba(255,201,74,0) 70%),#262c66ff;border:1px solid rgba(255,201,74,.3);padding:10px}
.drp23{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.drp2,.drp3{padding:10px;background:#262c66ff;border:1px solid rgba(255,255,255,.06)}
.drpi{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:12px}
.drp1 .drpi{aspect-ratio:16/8}
.drph{color:#8e9a97ff}
.drpt{display:flex;align-items:center;gap:9px;margin-top:9px}
.drpt small{display:block;font-size:10.5px;color:#98a7a5ff;font-weight:700}
.drpt b{display:block;font-size:13.5px;font-weight:900}
.drp1 .drpt b{font-size:17px;color:#ffe08aff}
.drpt span{font-size:11px;color:#98a7a5ff}
.drpm{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:13px;color:#1a1300ff}
.drpm.g{background:linear-gradient(180deg,#ffe08aff,#ffb81fff)}.drpm.s{background:linear-gradient(180deg,#f2f6f9ff,#a9b8c4ff)}.drpm.b{background:linear-gradient(180deg,#f4c08aff,#c97a3aff)}

/* last winners: sliding coded banners */
.drsl{margin:0 14px;overflow:hidden;border-radius:18px}
.drslt{display:flex;transition:transform .6s cubic-bezier(.3,.8,.2,1)}
.drbn{position:relative;flex:0 0 100%;min-height:168px;padding:14px;overflow:hidden;color:#fff;isolation:isolate}
.drbn.gold{background:linear-gradient(125deg,#5a3e00ff,#a8780cff 45%,#f2c14bff 100%)}
.drbn.silver{background:linear-gradient(125deg,#2b3540ff,#5e6f80ff 50%,#c5d2dcff 100%)}
.drbn.bronze{background:linear-gradient(125deg,#3a1c0aff,#8a4a1cff 50%,#e09a5cff 100%)}
.drbr{position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 0deg at 85% 50%,rgba(255,255,255,.09) 0 8deg,rgba(255,255,255,0) 8deg 18deg)}
.drbc{position:absolute;z-index:-1;border-radius:50%;background:rgba(255,255,255,.1)}
.drbc.c1{width:180px;height:180px;right:-40px;top:-60px}.drbc.c2{width:110px;height:110px;left:-30px;bottom:-50px;background:rgba(0,0,0,.15)}
.drbt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.drbm{display:inline-flex;align-items:baseline;font-style:normal;font-size:26px;font-weight:900;line-height:1}
.drbm small{font-size:11px;margin-left:1px}
.drbb{display:flex;align-items:center;gap:10px;margin-top:12px;max-width:62%}
.drba{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 6px 14px rgba(0,0,0,.35)}
.drba img{width:100%;height:100%;object-fit:cover}
.drbi{min-width:0}
.drbi b{display:block;font-size:15px;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.drbi small{display:block;font-size:10.5px;opacity:.9}
.drbp{margin-top:5px;font-size:11px;opacity:.95}.drbp b{display:inline;font-size:12.5px}
.drbd{display:inline-block;margin-top:6px;font-style:normal;font-size:10px;font-weight:900;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.28)}
.drbimg{position:absolute;right:8px;bottom:10px;width:38%}
.drbpi{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.drbimg .drph{border-color:rgba(255,255,255,.4);color:rgba(255,255,255,.75);background:rgba(0,0,0,.12)}
.drdots{display:flex;justify-content:center;gap:6px;padding:10px 0 2px}
.drdots i{width:7px;height:7px;border-radius:7px;background:#3a3f43ff;cursor:pointer;transition:width .3s,background .3s}
.drdots i.on{width:22px;background:#ffc94aff}

/* how + requirements */
.drhw{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 14px}
.drhw>div{display:flex;gap:10px;padding:12px;border-radius:14px;background:#262c66ff}
.drhw>div>span{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(255,201,74,.14);color:#ffc94aff;font-size:12px;font-weight:900}
.drhw b{display:block;font-size:12.5px}.drhw small{display:block;margin-top:3px;font-size:10.5px;line-height:1.4;color:#98a7a5ff}
.drrq{margin:0 14px;padding:12px 14px;border-radius:14px;background:#262c66ff}
.drrq ul{margin:0;padding:0 0 0 18px}
.drrq li{margin:7px 0;font-size:12.5px;line-height:1.5;color:#c9d3d1ff}
.drrq li::marker{color:#ffc94aff}
.drnote{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 16px 0;font-size:11.5px;color:#98a7a5ff;text-align:center}
.drnote svg{width:14px;height:14px;color:#ffc94aff;flex:none}
@media (prefers-reduced-motion:reduce){.drhfx i,.drcd::after,.drcs,.drk i{animation:none}.drslt{transition:none}}
.drw .chsh{display:flex;justify-content:space-between;align-items:baseline;margin:24px 16px 10px}
.drw .chsh h3{margin:0;font-size:16px;font-weight:900}.drw .chsh small{font-size:11.5px;color:#98a7a5ff}.drw .chsh .hlx{color:#c9d3d1ff;font-weight:700}
.drph{display:grid!important;place-items:center}

/* v78: BC-style — no coloured outlines or glow rings on the cards, flat surfaces */
.drh{border:0!important;box-shadow:none!important;background:radial-gradient(90% 70% at 100% 100%,rgba(255,201,74,.16),rgba(255,201,74,0) 60%),#262c66ff!important}
.drhfx{display:none}
.drh h3{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}
.drk{box-shadow:none}
.drhimg{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.02)!important;color:#7d8a88ff!important}
.drcd{border:0!important;background:#262c66ff!important}
.drcd::after{display:none}
.drcf{box-shadow:none;background:#2d3134ff}
.drcf::after{background:rgba(0,0,0,.35)}
.drcf b{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff;text-shadow:none}
.drcu:last-child .drcf b{color:#ffc94aff;background:none}
.drcs{animation:none;color:#5d6a68ff}
.drent{background:#2d3134ff}
.drp1{border:0!important;background:#262c66ff!important}
.drp2,.drp3{border:0!important}
.drme.out{border:0!important}
.drtk::before,.drtk::after{background:#1a1d1eff}
.drcf::after{display:none}
/* v79: the soft BC green glow on the flat cards */
.drh{background:radial-gradient(70% 60% at 0% 0%,rgba(60,240,189,.20),rgba(60,240,189,0) 70%),radial-gradient(90% 70% at 100% 100%,rgba(255,201,74,.12),rgba(255,201,74,0) 60%),#262c66ff!important}
.drcd{background:radial-gradient(80% 70% at 50% 0%,rgba(60,240,189,.14),rgba(60,240,189,0) 70%),#262c66ff!important}
.drp1{background:radial-gradient(70% 80% at 100% 0%,rgba(60,240,189,.12),rgba(60,240,189,0) 70%),#262c66ff!important}
li:empty{display:none}