/* PlayOrbit v2 — game screens, rewards, gift shelf. */
.hint{text-align:center;font-size:13px;color:var(--mut);margin:10px 0 0}
.note{display:flex;gap:6px;align-items:flex-start;font-size:11.5px;line-height:1.45;color:var(--mut);margin:14px 2px 0}
.demo-l{font-size:11.5px;color:#ffd257;margin:0 0 8px}
.res:empty{display:none}.res{margin-top:12px}
.popt{position:fixed;z-index:650;transform:translate(-50%,-50%);font-weight:900;font-size:22px;color:#ffe08a;text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 18px rgba(255,210,87,.6);pointer-events:none;animation:popt 1s cubic-bezier(.2,.8,.2,1) forwards;white-space:nowrap}
.popt.neg{color:#ff8aa0}.popt.good{color:#7dffc4;font-size:20px}
@keyframes popt{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-80%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-190%) scale(1)}}
.flycoin{position:fixed;z-index:640;width:26px;height:26px;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.spk{position:fixed;z-index:620;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--a),0 0 4px #fff;pointer-events:none;animation:spk .6s ease-out forwards}
@keyframes spk{to{transform:translate(var(--x),var(--y)) scale(.2);opacity:0}}
.burst,.coin{display:none}
.shake{animation:shake .4s}@keyframes shake{20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.seg{display:flex;gap:6px;background:rgba(255,255,255,.05);padding:4px;border-radius:14px;border:1px solid var(--bd)}
.seg button{flex:1;min-height:38px;border:0;border-radius:10px;background:none;color:var(--mut);font-weight:800;font-size:13.5px;transition:background .2s,color .2s}
.seg button.on{background:#fff;color:#111;box-shadow:0 4px 10px rgba(0,0,0,.3)}
.seg2{display:flex;gap:6px;margin:2px 0 12px;padding:4px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--bd)}
.seg2 a{flex:1;display:grid;place-items:center;min-height:42px;border-radius:12px;font-weight:800;font-size:14px;color:var(--mut);text-align:center;padding:0 6px}
.seg2 a.on{background:linear-gradient(180deg,color-mix(in srgb,var(--a) 40%,#1d2244),color-mix(in srgb,var(--a) 20%,#141832));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.endcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px;animation:pop .45s cubic-bezier(.3,1.5,.5,1)}
.endcard.win{border-color:rgba(255,210,87,.45);background:radial-gradient(80% 60% at 50% 0%,rgba(255,210,87,.22),transparent 70%),var(--s1)}
.ec-art{width:84px!important;height:84px!important;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5));animation:float 4s ease-in-out infinite}
.endcard b{font-size:20px;font-weight:900}.endcard span{color:var(--mut);font-size:13.5px;font-variant-numeric:tabular-nums}.endcard .btn3d{margin-top:6px;min-width:60%}
@keyframes pop{from{transform:scale(.85);opacity:0}}
.stars{display:flex;gap:6px;font-size:30px}.stars i{color:rgba(255,255,255,.18)}.stars i.on{color:#ffd257;filter:drop-shadow(0 0 10px rgba(255,210,87,.7));animation:pop .5s both}.stars i:nth-child(2){animation-delay:.12s}.stars i:nth-child(3){animation-delay:.24s}
.m3-hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;margin-bottom:10px}
.m3-hud>div:not(.m3-prog){text-align:center;min-width:52px}.m3-hud small{display:block;font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.m3-hud b{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
.m3-prog{position:relative;height:22px;border-radius:11px;background:rgba(0,0,0,.35);overflow:hidden;border:1px solid var(--bd)}
.m3-prog i{position:absolute;inset:0 auto 0 0;width:0;border-radius:11px;background:linear-gradient(90deg,var(--a),var(--a2));transition:width .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px var(--a)}
[dir=rtl] .m3-prog i{inset:0 0 0 auto}
.m3-prog i.low{background:linear-gradient(90deg,#ff4d6d,#ffb703)}
.m3-prog span{position:relative;display:block;text-align:center;font-size:11.5px;font-weight:800;line-height:20px;text-shadow:0 1px 2px rgba(0,0,0,.6)}
/* ---------- penalty ---------- */
.pk-board{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:10px}
.pk-dots{display:flex;gap:6px}.pk-dots i{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid var(--bd)}
.pk-dots i.g{background:#2ee59d;box-shadow:0 0 10px #2ee59d}.pk-dots i.s,.pk-dots i.m{background:#ff4d6d}
.pk-sc{text-align:center}.pk-sc b{font-size:26px;font-weight:900}.pk-sc small{display:block;font-size:10.5px;color:var(--mut);text-transform:uppercase}
.pk-st span{display:flex;align-items:center;gap:4px;font-weight:900;font-size:18px}.pk-st img.fx{width:24px;height:24px}
.pk-stage{position:relative;height:min(430px,62vh);border-radius:24px;overflow:hidden;border:1px solid var(--bdh);background:linear-gradient(180deg,#0b1636 0%,#13306b 34%,#1d8a46 34.2%,#167a3c 100%);touch-action:manipulation;cursor:crosshair;-webkit-user-select:none;user-select:none;box-shadow:var(--sh)}
.pk-crowd{position:absolute;inset:0 0 66% 0;background:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1.6px) 0 0/9px 9px,radial-gradient(circle,rgba(255,210,87,.35) 1px,transparent 1.6px) 4px 4px/11px 11px,linear-gradient(180deg,#0a1230,#1b2f66);opacity:.9}
.pk-crowd:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 20% 0%,rgba(255,255,255,.35),transparent 60%),radial-gradient(60% 80% at 80% 0%,rgba(255,255,255,.3),transparent 60%)}
.pk-grass{position:absolute;inset:34% 0 0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 34px,transparent 34px 68px)}
.pk-grass:before{content:"";position:absolute;left:8%;right:8%;top:0;height:26%;border:3px solid rgba(255,255,255,.7);border-top:0}
.spot{position:absolute;left:50%;bottom:13%;width:12px;height:6px;margin-left:-6px;border-radius:50%;background:rgba(255,255,255,.85)}
.pk-goal{position:absolute;left:10%;right:10%;top:12%;height:26%;border:6px solid #fff;border-bottom:0;border-radius:6px 6px 0 0;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.15)}
.pk-net{position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 1px,transparent 1px 11px),repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 1px,transparent 1px 11px),rgba(10,20,40,.35)}
.pk-goal.ripple .pk-net{animation:net .5s ease}@keyframes net{40%{transform:scale(1.04,1.08);filter:brightness(1.5)}}
.pk-keeper{--kx:0px;position:absolute;left:50%;bottom:0;width:54px;height:78%;margin-left:-27px;transform:translateX(var(--kx));transition:transform .38s cubic-bezier(.2,.8,.3,1);z-index:2}
.kh{position:absolute;left:50%;top:0;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#f1c27d;box-shadow:inset -3px -3px 0 rgba(0,0,0,.12)}
.kb{position:absolute;left:50%;top:18px;width:34px;bottom:0;margin-left:-17px;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#ffd60a,#ff9f1c);box-shadow:inset 0 -10px 0 #1b1b2e}
.kg{position:absolute;top:10px;width:24px;height:24px}.kg.l{left:-14px;transform:rotate(-20deg)}.kg.r{right:-14px;transform:scaleX(-1) rotate(-20deg)}
.pk-keeper.dive0{transform:translateX(-150%) rotate(-62deg)}.pk-keeper.dive2{transform:translateX(150%) rotate(62deg)}.pk-keeper.dive1.hi{transform:translateY(-22%)}
.pk-keeper.dive0.hi{transform:translateX(-150%) translateY(-18%) rotate(-75deg)}.pk-keeper.dive2.hi{transform:translateX(150%) translateY(-18%) rotate(75deg)}
.aim-x,.aim-y{position:absolute;z-index:3;pointer-events:none}
.aim-x{top:-14%;bottom:-6%;width:3px;margin-left:-1.5px;background:linear-gradient(180deg,transparent,#ffd257 20%,#ffd257 80%,transparent);box-shadow:0 0 12px #ffd257}
.aim-y{left:-14%;right:-14%;height:3px;margin-top:-1.5px;background:linear-gradient(90deg,transparent,#2ee59d 15%,#2ee59d 85%,transparent);box-shadow:0 0 12px #2ee59d}
.aim-x.lock{background:#ffd257;opacity:.55}.aim-y.lock{opacity:.55}
.pk-tgt{position:absolute;z-index:3;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 3px rgba(255,77,109,.8);animation:pop .3s}
.pk-ball{position:absolute;left:50%;bottom:9%;width:54px;height:54px;margin-left:-27px;z-index:4;filter:drop-shadow(0 8px 8px rgba(0,0,0,.45))}
.pk-msg{position:absolute;z-index:6;left:0;right:0;top:44%;text-align:center;font-size:44px;font-weight:900;letter-spacing:.02em;opacity:0;transform:scale(.6);pointer-events:none;-webkit-text-stroke:2px rgba(0,0,0,.35)}
.pk-msg.on{animation:msg 1.1s cubic-bezier(.3,1.5,.5,1) forwards}.pk-msg.good{color:#ffe14d;text-shadow:0 6px 0 #c47f00,0 0 30px rgba(255,225,77,.7)}.pk-msg.bad{color:#fff;text-shadow:0 6px 0 #9b1c34,0 0 20px rgba(255,77,109,.6)}
@keyframes msg{20%{opacity:1;transform:scale(1.15)}35%{transform:scale(1)}80%{opacity:1}100%{opacity:0;transform:scale(1.05) translateY(-14px)}}
/* ---------- match center ---------- */
.wc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wc{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;color:var(--ink);transition:transform .15s,border-color .2s}
.wc b{font-size:15px}.wc small{font-size:12px;color:#ffd257;font-weight:800;display:flex;gap:4px;align-items:center}
.wc.on{border-color:#ffd257;box-shadow:0 0 0 3px rgba(255,210,87,.2),var(--sh)}.wc:active{transform:scale(.96)}
.crest{filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));flex:0 0 auto}
.fx-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:12px;margin-bottom:10px;transition:border-color .3s}
.fx-t{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0}.fx-t b{font-size:13px;line-height:1.2;overflow-wrap:anywhere}
.fx-mid{display:flex;align-items:center;gap:6px}.vs{font-weight:900;color:var(--mut)}
.stp{display:flex;flex-direction:column;align-items:center;gap:2px}.stp button{width:36px;height:30px;border-radius:9px;border:1px solid var(--bd);background:rgba(255,255,255,.06);font-weight:900;font-size:16px}
.stp .sv{font-size:26px;font-weight:900;min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.sv.pop{animation:pop .25s}
.wpk{width:48px;height:48px;border-radius:14px;border:1px solid var(--bd);background:rgba(255,255,255,.06);font-weight:900;font-size:18px}.wpk.on{background:var(--a);color:#111}
.fx-res{grid-column:1/-1;text-align:center;font-size:13px;font-weight:800;color:var(--mut);min-height:0}.fx-res span.ok{color:#2ee59d}
.fx-card.hit{border-color:rgba(46,229,157,.5)}.fx-card.nohit{opacity:.85}
/* ---------- up/down ---------- */
.ud-card{padding:12px;overflow:hidden}
.ud-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ud-top small{display:block;font-size:11px;color:var(--mut)}.ud-top b{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}
.ud-top em{font-style:normal;font-weight:850;font-size:13px;padding:4px 8px;border-radius:8px}.ud-top em.pos{color:#2ee59d;background:rgba(46,229,157,.12)}.ud-top em.neg{color:#ff6b86;background:rgba(255,77,109,.12)}
.mini-seg{margin-inline-start:auto;padding:3px}.mini-seg button{min-height:30px;padding:0 10px;font-size:13px}
.pos{color:#2ee59d}.neg{color:#ff6b86}
.ud-cv{position:relative;height:230px;border-radius:16px;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15));overflow:hidden}
.ud-cv canvas{width:100%;height:100%;display:block}
.ud-ring{position:absolute;top:10px;inset-inline-start:10px;width:52px;height:52px;display:grid;place-items:center}.ud-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.ud-ring circle{fill:none;stroke-width:3.5}.ud-ring .bgc{stroke:rgba(255,255,255,.12)}.ud-ring .fg{stroke:#ffd257;stroke-dasharray:97.4;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.ud-ring b{font-weight:900;font-size:16px}
.ud-flash{position:absolute;inset:auto 0 40%;text-align:center;font-weight:900;font-size:22px;opacity:0;transform:scale(.7);pointer-events:none}
.ud-flash.w,.ud-flash.l{animation:msg 1.6s cubic-bezier(.3,1.5,.5,1) forwards}.ud-flash.w{color:#7dffc4;text-shadow:0 4px 0 #0b6b44}.ud-flash.l{color:#fff;text-shadow:0 4px 0 #8b1d33}
.ud-hist{display:flex;gap:4px;margin-top:10px;min-height:20px}.ud-hist i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-style:normal;animation:pop .3s}.ud-hist .w{background:rgba(46,229,157,.2);color:#2ee59d}.ud-hist .l{background:rgba(255,77,109,.2);color:#ff6b86}
.ud-ctl{padding:12px;margin-top:10px}.ctl-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ctl-row>span{font-size:12.5px;color:var(--mut);min-width:64px}.ctl-row .seg{flex:1}
.ud-go{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn3d.up{--a:#2ee59d;color:#032b1b}.btn3d.down{--a:#ff4d6d;color:#fff}.btn3d.up .ic{transform:rotate(-90deg)}.btn3d.down .ic{transform:rotate(90deg)}
.btn3d.picked{outline:3px solid #fff;outline-offset:2px}.btn3d.picked:disabled{filter:none}
.ud-strk{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:850;color:#ffb703;font-size:13.5px;min-height:0;margin-top:8px}.ud-strk:empty{display:none}.ud-strk img.fx{width:22px;height:22px}
/* ---------- lottery ---------- */
.lm{position:relative;padding:14px 14px 12px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(70% 60% at 50% 30%,rgba(181,123,255,.3),transparent 70%),var(--s1)}
.lm-globe{position:relative;width:min(230px,62vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.06),rgba(255,255,255,.02) 60%,rgba(255,255,255,.12));border:2px solid rgba(255,255,255,.35);box-shadow:inset 0 0 40px rgba(181,123,255,.35),0 16px 40px rgba(0,0,0,.5);overflow:hidden}
.lm-globe canvas{width:100%;height:100%;display:block}
.lm-shine{position:absolute;top:8%;left:16%;width:34%;height:22%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.55),transparent 70%);transform:rotate(-25deg);pointer-events:none}
.lm-base{width:46%;height:26px;margin-top:-4px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#b57bff,#5b2a9a);display:grid;place-items:center;box-shadow:0 8px 16px rgba(0,0,0,.4)}.lm-base img.fx{width:18px;height:18px}
.lm-tray{display:flex;gap:6px;margin-top:12px;padding:8px 10px;border-radius:99px;background:rgba(0,0,0,.35);border:1px solid var(--bd)}
.lball{width:36px;height:36px;font-size:13px}.lball.e{background:rgba(255,255,255,.06);box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}
.lball.in{animation:rollin .6s cubic-bezier(.3,1.4,.5,1)}@keyframes rollin{from{transform:translateY(-60px) rotate(-200deg) scale(.6);opacity:0}}
.lball.hit{box-shadow:0 0 0 3px #fff,0 0 20px #ffd257}
.lp{padding:12px;margin-top:10px}.lp-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.lp-h span{font-weight:900;color:#ffd257}
.lgrid36{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}
.lgrid36 button{aspect-ratio:1;border-radius:50%;border:1px solid var(--bd);background:rgba(255,255,255,.05);font-weight:800;font-size:13px;color:var(--ink);transition:transform .15s,background .15s;min-width:0;padding:0}
.lgrid36 button.on{--bc:#ff4d6d;background:radial-gradient(circle at 32% 28%,#fff,var(--bc) 45%,color-mix(in srgb,#000 40%,var(--bc)));color:#111;border-color:transparent;transform:scale(1.08);box-shadow:0 4px 10px rgba(0,0,0,.4)}
.lp-act{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:12px}
.pay{padding:12px;margin-top:12px}.pay>b{font-size:13px}.pay-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pay-row span{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:5px 8px;border-radius:10px;background:rgba(255,255,255,.05)}.pay-row img.fx{width:18px;height:18px}.pay-row em{font-style:normal;color:var(--mut);margin-inline-end:2px}
.sc-card{position:relative;border-radius:22px;padding:14px;background:linear-gradient(145deg,#ff7a59,#b5179e 60%,#7209b7);box-shadow:0 20px 40px -12px rgba(181,23,158,.6);overflow:hidden}
.sc-card.empty{min-height:120px}
.sc-head{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:10px}.sc-head b{font-size:18px;font-weight:900}.sc-head span{font-size:12px;opacity:.85}
.sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:rgba(255,255,255,.95);border-radius:16px;padding:10px}
.sc-grid span{aspect-ratio:1;display:grid;place-items:center;border-radius:12px;background:#f3eefc;padding:14px}.sc-grid span.hit{background:#fff3c4;box-shadow:0 0 0 3px #ffb703;animation:pop .4s}
#scCv{position:absolute;left:14px;right:14px;bottom:14px;top:52px;width:calc(100% - 28px);height:calc(100% - 66px);border-radius:16px;touch-action:none;cursor:pointer;transition:opacity .45s}#scCv.gone{opacity:0;pointer-events:none}
/* ---------- fruit match ---------- */
.m3-board{position:relative;width:100%;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(10,12,28,.75);border:1px solid var(--bdh);box-shadow:inset 0 0 30px rgba(0,0,0,.4),var(--sh);overflow:hidden;touch-action:none}
.m3-board:before{content:"";position:absolute;inset:0;background:conic-gradient(rgba(255,255,255,.035) 25%,transparent 0 50%,rgba(255,255,255,.035) 0 75%,transparent 0) 0 0/calc(200%/7) calc(200%/7)}
.m3t{position:absolute;left:0;top:0;padding:0;display:grid;place-items:center;border:0;background:none;transition:transform .24s cubic-bezier(.3,1.25,.5,1);touch-action:none}
.m3t img.fx{filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));transition:transform .2s}
.m3t.sel img.fx{transform:scale(1.18);filter:drop-shadow(0 0 10px #fff)}
.m3t.pop img.fx{animation:m3pop .23s forwards}@keyframes m3pop{50%{transform:scale(1.35)}100%{transform:scale(0);opacity:0}}
.m3t.nope img.fx{animation:shake .25s}
.m3-board.shuf{animation:shake .5s}
.m3-combo{position:fixed;left:0;right:0;top:42%;z-index:600;text-align:center;pointer-events:none;opacity:0;font-size:34px;font-weight:900;color:#ffe14d;text-shadow:0 4px 0 #c47f00,0 0 24px rgba(255,225,77,.6)}
.m3-combo.on{animation:combo .8s forwards}
@keyframes combo{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.2)}80%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}
/* ---------- memory ---------- */
.mem2{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:8px;perspective:900px}
.mcard{position:relative;aspect-ratio:3/4;border:0;background:none;padding:0;animation:deal .45s both;animation-delay:var(--d)}@keyframes deal{from{transform:translateY(30px) rotate(-8deg);opacity:0}}
.mcard span{position:absolute;inset:0;border-radius:14px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .45s cubic-bezier(.3,1.3,.5,1)}
.mb{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 6px,transparent 6px 12px),linear-gradient(145deg,var(--a),color-mix(in srgb,var(--a) 35%,#140f36));border:2px solid rgba(255,255,255,.35);box-shadow:0 8px 16px rgba(0,0,0,.4),inset 0 0 0 4px rgba(0,0,0,.12)}
.mb svg{width:46%}
.mf{background:linear-gradient(180deg,#fffaf0,#f1ead9);transform:rotateY(180deg);padding:10px;box-shadow:0 8px 16px rgba(0,0,0,.35)}
.mcard.on .mb{transform:rotateY(180deg)}.mcard.on .mf{transform:rotateY(0)}
.mcard.ok .mf{box-shadow:0 0 0 3px #2ee59d,0 0 22px rgba(46,229,157,.6);animation:okp .5s}@keyframes okp{50%{transform:scale(1.08)}}
.mcard.no .mf{box-shadow:0 0 0 3px #ff4d6d;animation:shake .35s}
/* ---------- 2048 (styles for the vendored engine's DOM) ---------- */
.g2-hud{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:10px}
.score-box{padding:8px 12px;text-align:center;position:relative}.score-box small{display:block;font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.score-container,.best-container{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;position:relative}
.score-addition{position:absolute;right:0;left:0;color:#ffd257;font-size:16px;animation:popt 1s forwards;top:-6px}
.game-container{--gap:10px;--cell:calc((min(100vw,var(--col)) - 32px - 5*var(--gap))/4);position:relative;width:100%;aspect-ratio:1;padding:var(--gap);border-radius:20px;background:linear-gradient(180deg,#2a2f55,#1b1f3d);border:1px solid var(--bdh);box-shadow:var(--sh),inset 0 2px 20px rgba(0,0,0,.35);touch-action:none;-webkit-user-select:none;user-select:none}
.grid-container{position:absolute;inset:var(--gap);display:grid;grid-template-rows:repeat(4,1fr);gap:var(--gap)}.grid-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.grid-cell{border-radius:12px;background:rgba(255,255,255,.06)}
.tile-container{position:absolute;inset:var(--gap)}
.tile{position:absolute;width:var(--cell);height:var(--cell);transition:transform .11s ease-in-out}
.tile .tile-inner{width:100%;height:100%;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:calc(var(--cell)*.42);background:#eee4da;color:#5a4d40;box-shadow:inset 0 -4px 0 rgba(0,0,0,.12)}
.tile-2 .tile-inner{background:#f3ecff;color:#4b3f72}.tile-4 .tile-inner{background:#e3d5ff;color:#4b3f72}.tile-8 .tile-inner{background:#ffb86b;color:#fff}.tile-16 .tile-inner{background:#ff9254;color:#fff}
.tile-32 .tile-inner{background:#ff6b6b;color:#fff}.tile-64 .tile-inner{background:#ff3d71;color:#fff}.tile-128 .tile-inner{background:#ffd257;color:#5b3b00;font-size:calc(var(--cell)*.36);box-shadow:0 0 18px rgba(255,210,87,.5),inset 0 -4px 0 rgba(0,0,0,.12)}
.tile-256 .tile-inner{background:#ffc93c;color:#5b3b00;font-size:calc(var(--cell)*.36);box-shadow:0 0 22px rgba(255,201,60,.6)}.tile-512 .tile-inner{background:#2ee59d;color:#033;font-size:calc(var(--cell)*.36);box-shadow:0 0 24px rgba(46,229,157,.6)}
.tile-1024 .tile-inner{background:#29e6ff;color:#023;font-size:calc(var(--cell)*.3);box-shadow:0 0 26px rgba(41,230,255,.6)}.tile-2048 .tile-inner,.tile-super .tile-inner{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;font-size:calc(var(--cell)*.3);box-shadow:0 0 30px var(--a)}
.tile-new .tile-inner{animation:appear .2s ease .1s backwards}@keyframes appear{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}
.tile-merged .tile-inner{z-index:20;animation:tpop .2s ease .1s backwards}@keyframes tpop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
.tile-merged{z-index:20}
.tile-position-1-1{transform:translate(calc(0*(var(--cell) + var(--gap))),calc(0*(var(--cell) + var(--gap))))}
.tile-position-1-2{transform:translate(calc(0*(var(--cell) + var(--gap))),calc(1*(var(--cell) + var(--gap))))}
.tile-position-1-3{transform:translate(calc(0*(var(--cell) + var(--gap))),calc(2*(var(--cell) + var(--gap))))}
.tile-position-1-4{transform:translate(calc(0*(var(--cell) + var(--gap))),calc(3*(var(--cell) + var(--gap))))}
.tile-position-2-1{transform:translate(calc(1*(var(--cell) + var(--gap))),calc(0*(var(--cell) + var(--gap))))}
.tile-position-2-2{transform:translate(calc(1*(var(--cell) + var(--gap))),calc(1*(var(--cell) + var(--gap))))}
.tile-position-2-3{transform:translate(calc(1*(var(--cell) + var(--gap))),calc(2*(var(--cell) + var(--gap))))}
.tile-position-2-4{transform:translate(calc(1*(var(--cell) + var(--gap))),calc(3*(var(--cell) + var(--gap))))}
.tile-position-3-1{transform:translate(calc(2*(var(--cell) + var(--gap))),calc(0*(var(--cell) + var(--gap))))}
.tile-position-3-2{transform:translate(calc(2*(var(--cell) + var(--gap))),calc(1*(var(--cell) + var(--gap))))}
.tile-position-3-3{transform:translate(calc(2*(var(--cell) + var(--gap))),calc(2*(var(--cell) + var(--gap))))}
.tile-position-3-4{transform:translate(calc(2*(var(--cell) + var(--gap))),calc(3*(var(--cell) + var(--gap))))}
.tile-position-4-1{transform:translate(calc(3*(var(--cell) + var(--gap))),calc(0*(var(--cell) + var(--gap))))}
.tile-position-4-2{transform:translate(calc(3*(var(--cell) + var(--gap))),calc(1*(var(--cell) + var(--gap))))}
.tile-position-4-3{transform:translate(calc(3*(var(--cell) + var(--gap))),calc(2*(var(--cell) + var(--gap))))}
.tile-position-4-4{transform:translate(calc(3*(var(--cell) + var(--gap))),calc(3*(var(--cell) + var(--gap))))}
[dir=rtl] .game-container{direction:ltr}
.game-message{display:none;position:absolute;inset:0;z-index:100;border-radius:20px;background:rgba(10,12,28,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;animation:vin .4s}
.game-message.game-won,.game-message.game-over{display:flex}.game-message p{font-size:28px;font-weight:900}
.game-message .lower{display:flex;gap:10px}.game-message a{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:14px;background:var(--a);color:#111;font-weight:850;cursor:pointer}
.game-message .keep-playing-button{display:none;background:rgba(255,255,255,.12);color:#fff}.game-message.game-won .keep-playing-button{display:inline-flex}
/* ---------- flag quiz ---------- */
.flagq{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;animation:pop .35s}
.flag-wrap{width:72%;max-width:260px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;box-shadow:0 16px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.2);transform:perspective(600px) rotateX(6deg);animation:wave 4s ease-in-out infinite}
@keyframes wave{50%{transform:perspective(600px) rotateX(2deg) rotateY(-6deg)}}
.flag{width:100%;height:100%;object-fit:cover;display:block}.flagq p{font-weight:800;font-size:16px;text-align:center}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.opt{min-height:58px;padding:8px 10px;border-radius:16px;border:1px solid var(--bdh);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));font-weight:800;font-size:14.5px;color:var(--ink);line-height:1.25;box-shadow:0 4px 0 rgba(0,0,0,.35);transition:transform .1s}
.opt:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.35)}
.opt.ok{background:linear-gradient(180deg,#34f0a8,#14b874);color:#032b1b;border-color:transparent;animation:okp .4s}.opt.no{background:linear-gradient(180deg,#ff6b86,#d62f50);color:#fff;border-color:transparent;animation:shake .35s}.opt:disabled:not(.ok):not(.no){opacity:.5}
/* ---------- target rush ---------- */
.aim-arena{position:relative;height:min(420px,58vh);border-radius:22px;overflow:hidden;border:1px solid var(--bdh);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0 1px,transparent 1px) 0 0/26px 26px,radial-gradient(80% 60% at 50% 40%,color-mix(in srgb,var(--a) 22%,transparent),transparent),#0b0e22;touch-action:manipulation;box-shadow:var(--sh)}
.aim-arena.miss{animation:shake .3s}
.aim-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center;padding:20px}
.aim-start img.big{width:110px;height:110px;animation:float 3s ease-in-out infinite}.aim-start b{font-size:20px}.aim-start small{color:var(--mut)}
.tgt{position:absolute;border:0;background:none;padding:0;animation:tgt linear forwards;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}
@keyframes tgt{0%{transform:scale(0)}12%{transform:scale(1.1)}20%{transform:scale(1)}100%{transform:scale(.35);opacity:.6}}
.tgt.hit{animation:m3pop .18s forwards}
/* ---------- wheel / gift ---------- */
.wh-wrap{position:relative;width:min(320px,84vw);aspect-ratio:1;margin:8px auto 12px}
#whCv{width:100%;height:100%;border-radius:50%;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 0 8px rgba(255,255,255,.06)}
.wh-lights{position:absolute;inset:-10px;z-index:2;pointer-events:none}.wh-lights i{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fff6c2;box-shadow:0 0 10px #ffd257;transform:rotate(calc(var(--i)*22.5deg)) translateY(calc(-1 * min(170px,44vw)));animation:blink 1s infinite;animation-delay:calc(var(--i)*-.12s)}
.spinning .wh-lights i{animation-duration:.25s}@keyframes blink{50%{opacity:.25}}
.wh-pin{position:absolute;z-index:3;top:-8px;left:50%;width:34px;height:42px;margin-left:-17px;background:linear-gradient(180deg,#fff,#ffd257);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}
.wh-hub{position:absolute;z-index:3;left:50%;top:50%;width:84px;height:84px;margin:-42px;border-radius:50%;border:4px solid #fff;background:radial-gradient(circle at 35% 30%,#fff,var(--a) 60%);font-weight:900;font-size:15px;color:#111;box-shadow:0 8px 20px rgba(0,0,0,.5);transition:transform .15s}.wh-hub:active{transform:scale(.92)}
.wh-info{display:flex;align-items:center;gap:12px;padding:12px 14px}.wh-info>div{display:flex;align-items:center;gap:6px}.wh-info img.fx{width:30px;height:30px}.wh-info b{font-size:22px;font-weight:900}.wh-info small{color:var(--mut)}.wh-info p{font-size:12px;color:var(--mut);flex:1}
.gift-stage{position:relative;height:300px;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}
.gift-box{width:170px!important;height:170px!important;filter:drop-shadow(0 20px 26px rgba(0,0,0,.6));transition:transform .3s,opacity .3s;animation:float 3s ease-in-out infinite}
.gift-stage.wob .gift-box{animation:wob .4s}@keyframes wob{25%{transform:rotate(-12deg) scale(1.05)}75%{transform:rotate(12deg) scale(1.05)}}
.rays{position:absolute;width:300px;height:300px;border-radius:50%;background:repeating-conic-gradient(rgba(255,210,87,.18) 0 10deg,transparent 10deg 20deg);animation:spin 12s linear infinite;-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%)}
@keyframes spin{to{transform:rotate(360deg)}}
.gift-stage.opened .gift-box{transform:scale(.6) translateY(70px);opacity:.35}
.gift-prize{position:absolute;display:flex;flex-direction:column;align-items:center;opacity:0;transform:scale(.4)}.gift-stage.opened .gift-prize{animation:pop .6s cubic-bezier(.3,1.6,.5,1) forwards;opacity:1;transform:none}
.gift-prize img.fx{width:90px;height:90px}.gift-prize b{font-size:34px;font-weight:900;color:#ffe08a;text-shadow:0 4px 0 #a86b00}.gift-prize small{color:var(--mut);margin-top:4px}
.tapdots{display:flex;justify-content:center;gap:8px;margin-top:8px}.tapdots i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.15)}.tapdots i.on{background:#ffd257;box-shadow:0 0 10px #ffd257}
/* ---------- rewards / tasks / badges ---------- */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.hl.mini2{flex-direction:column;justify-content:flex-end;min-height:140px;padding:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--a) 28%,#14183a),#0e1128)}
.hl.mini2 .hl-art{width:64px!important;height:64px!important;margin-left:-32px;top:12px}.hl.mini2 b{position:relative;z-index:2;font-size:15px}.hl.mini2 small{position:relative;z-index:2;font-size:11.5px;color:var(--mut)}
.tasks2{display:grid;gap:8px}
.task2{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),var(--s1);border:1px solid var(--bd)}
.t-ic{width:40px!important;height:40px!important;flex:0 0 40px}
.task2 .tl{flex:1;min-width:0}.task2 .tl b{font-size:14px;display:block;overflow-wrap:anywhere}.task2 .tl small{font-size:11px;color:var(--mut)}
.task2 .tp{height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;margin:6px 0 3px}.task2 .tp i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--a2))}
.tbtn2{display:flex;align-items:center;gap:4px;min-width:76px;min-height:40px;justify-content:center;padding:0 10px;border-radius:12px;border:1px solid var(--bdh);background:rgba(255,255,255,.07);font-weight:850;font-size:13px;color:var(--ink)}
.gb-c{width:18px!important;height:18px!important}
.task2.ready{border-color:color-mix(in srgb,#ffd257 50%,transparent)}.task2.ready .tbtn2{background:linear-gradient(180deg,#ffe08a,#ffb703);color:#4a2c00;border-color:transparent;box-shadow:0 4px 0 #b07400;animation:pulse2 1.6s infinite}
.task2.done{opacity:.5}.task2.done .tbtn2{color:#2ee59d}.task2.pop{animation:okp .5s}
@keyframes pulse2{50%{box-shadow:0 4px 0 #b07400,0 0 0 6px rgba(255,210,87,.2)}}
.badges2{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.bd2{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--bd);text-align:center}
.bd2 img.fx{width:40px;height:40px;filter:grayscale(1) brightness(.6)}.bd2 small{font-size:10px;color:var(--mut);line-height:1.25;overflow-wrap:anywhere}
.bd2.on{border-color:rgba(255,210,87,.45);background:radial-gradient(circle at 50% 30%,rgba(255,210,87,.18),transparent 70%)}.bd2.on img.fx{filter:none}
.lk{position:absolute;top:6px;inset-inline-end:6px;font-size:12px;color:var(--mut)}
/* ---------- gift shelf ---------- */
.wallet{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:2px 0 4px}.wallet>div{flex:1;min-width:0}.wallet small{display:block;font-size:11.5px;color:var(--mut)}
.wallet b{display:flex;align-items:center;gap:4px;font-size:22px;font-weight:900}.wl-c{width:26px!important;height:26px!important}.wallet .btn-glass{min-height:42px;font-size:13px;padding:0 12px}
.chips2{display:flex;gap:6px;overflow-x:auto;margin:12px -16px;padding:0 16px;scrollbar-width:none}.chips2::-webkit-scrollbar{display:none}
.chips2 a{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 12px;border-radius:99px;border:1px solid var(--bd);background:rgba(255,255,255,.05);font-size:13px;font-weight:750;color:var(--mut)}
.chips2 a img.fx{width:20px;height:20px}.chips2 a.on{background:#fff;color:#111;border-color:#fff}
.gifts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gift{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:12px 6px 8px;border-radius:18px;background:radial-gradient(90% 60% at 50% 20%,rgba(255,255,255,.1),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),var(--s1);border:1px solid var(--bd);min-width:0;animation:vin .4s both}
.gift.own{border-color:color-mix(in srgb,var(--a) 55%,transparent)}
.ge{position:relative;width:56px;height:56px;margin-bottom:4px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}
.sw{position:absolute;inset-inline-end:-8px;bottom:0;width:20px;height:20px;border-radius:50%;border:2px solid #0b0e1a}.sw.fr{background:var(--f)}
.gift b{font-size:12.5px;line-height:1.2;overflow-wrap:anywhere}.gift small{font-size:10.5px;color:var(--mut)}
.gbtn{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:6px;width:100%;min-height:36px;border-radius:11px;border:1px solid var(--bd);background:rgba(255,255,255,.08);font-weight:850;font-size:12.5px;color:var(--ink)}
.gbtn.buy{background:linear-gradient(180deg,#ffe08a,#ffb703);color:#4a2c00;border-color:transparent;box-shadow:0 3px 0 #b07400}.gbtn.lock{background:rgba(255,255,255,.06);color:var(--mut);box-shadow:none}.gbtn.lock .gb-c{filter:grayscale(1);opacity:.6}
.gbtn.on{background:rgba(46,229,157,.15);color:#2ee59d;border-color:rgba(46,229,157,.4)}
.gnote{margin:14px 0 0;font-size:11px;line-height:1.5;padding:10px 12px;border-radius:12px;border:1px dashed var(--bd);color:var(--mut)}
.empty{text-align:center;padding:20px 10px;display:flex;flex-direction:column;align-items:center}.empty p{font-size:14px;color:var(--mut);margin:8px 0 14px}
@media (max-width:360px){.gifts{grid-template-columns:repeat(2,1fr)}.badges2{grid-template-columns:repeat(3,1fr)}.lgrid36{grid-template-columns:repeat(6,1fr)}.ck-days{gap:4px}.ckd2 small{font-size:8.5px}}
.restart-button{align-self:center}
.ud-live .ud-cv{box-shadow:0 0 0 2px rgba(255,210,87,.5),0 0 30px rgba(255,210,87,.15)}
[hidden]{display:none!important}
.m3t{box-sizing:border-box}.m3t img.fx,.sc-grid span img.fx,.mf img.fx,.tgt img.fx{width:100%;height:100%;display:block;object-fit:contain}
.m3t img.fx{width:80%;height:80%}
svg.crest{flex:0 0 auto;width:auto;height:auto;border-radius:0;background:none;display:block}
/* ---------- Lucky Slots ---------- */
.sl-cab{position:relative;padding:12px 12px 14px;border-radius:26px;background:linear-gradient(180deg,#5a1630,#2a0b22 45%,#16091f);border:2px solid rgba(255,210,87,.55);box-shadow:0 24px 50px -16px rgba(255,77,109,.45),inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 4px rgba(0,0,0,.25)}
.sl-cab.bigwon{animation:cabglow 1s ease-in-out 3}@keyframes cabglow{50%{box-shadow:0 0 60px rgba(255,210,87,.8),inset 0 0 0 4px rgba(255,210,87,.4)}}
.sl-top{position:relative;text-align:center;padding:10px 8px 10px;margin-bottom:10px;border-radius:18px;background:linear-gradient(180deg,#ff5f6d,#b5174e);box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.35)}
.sl-bulbs{position:absolute;inset:4px;pointer-events:none}
.sl-bulbs i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff6c2;box-shadow:0 0 8px #ffd257;animation:blink .9s infinite;animation-delay:calc(var(--i)*-.11s);top:0;left:calc(var(--i)*6.25% + 2%)}
.sl-bulbs i:nth-child(even){top:auto;bottom:0}
.sl-cab.won .sl-bulbs i{animation-duration:.22s}
.sl-mq{display:flex;align-items:center;justify-content:center;gap:8px}.sl-mq b{font-size:24px;font-weight:900;color:#fff3c4;text-shadow:0 3px 0 #8a1238,0 0 18px rgba(255,210,87,.6);letter-spacing:.02em}
.sl-mq7{width:30px!important;height:30px!important}.sl-top small{display:block;font-size:11px;font-weight:800;color:rgba(255,255,255,.85);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.sl-body{display:grid;grid-template-columns:18px 1fr 18px;gap:6px;align-items:stretch}
.sl-mk{position:relative}.sl-mk i{position:absolute;left:0;width:18px;height:18px;margin-top:-9px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;font-style:normal;color:#111;background:var(--lc);opacity:.45;transition:opacity .2s,transform .2s}
.sl-mk i.on{opacity:1;transform:scale(1.25);box-shadow:0 0 12px var(--lc)}
.sl-win{--h:80px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;aspect-ratio:1/1;padding:0;border-radius:16px;overflow:hidden;background:#140816;border:3px solid #ffd257;box-shadow:inset 0 0 0 2px #7a4a00,0 0 0 4px rgba(0,0,0,.35)}
.sl-reel{position:relative;overflow:hidden;background:linear-gradient(180deg,#c9cbd8 0%,#fff 22%,#fff 78%,#c9cbd8 100%)}
.sl-reel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 18%,transparent 82%,rgba(0,0,0,.35))}
.sl-strip{position:absolute;left:0;right:0;top:0;will-change:transform}
.sl-c{height:var(--h);display:grid;place-items:center;padding:14%;box-sizing:border-box;position:relative}
.sl-c img.fx{width:100%;height:100%;filter:drop-shadow(0 5px 4px rgba(0,0,0,.3))}
.sl-reel.spin .sl-strip{filter:blur(1.6px)}
.sl-reel.stop{animation:rstop .3s}@keyframes rstop{40%{transform:translateY(3px)}}
.sl-reel.tease{box-shadow:inset 0 0 0 3px #ffd257,inset 0 0 26px rgba(255,210,87,.9);animation:tease .35s infinite}@keyframes tease{50%{filter:brightness(1.15)}}
.sl-c.hit{animation:hit .7s ease-in-out infinite}.sl-c.hit:before{content:"";position:absolute;inset:6%;border-radius:14px;background:radial-gradient(circle,rgba(255,210,87,.55),transparent 70%);z-index:0}.sl-c.hit img{position:relative;z-index:1}
@keyframes hit{50%{transform:scale(1.12)}}
.sl-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.sl-lines polyline{fill:none;stroke-width:5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}
.sl-lines polyline.on{opacity:.95;stroke-dasharray:6 0;animation:lineon .5s ease both}@keyframes lineon{from{opacity:0}}
.sl-glass{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.22),transparent 35%)}
.sl-meter{display:flex;align-items:flex-end;gap:10px;margin:12px 0}.sl-bet{flex:1}.sl-bet small,.sl-last small{display:block;font-size:11px;color:rgba(255,255,255,.7);margin:0 0 5px 2px}
.sl-bet .seg button:disabled{opacity:.45}
.sl-last{min-width:84px;text-align:center;padding:6px 10px;border-radius:14px;background:#0b0611;border:1px solid rgba(255,210,87,.35);box-shadow:inset 0 2px 8px rgba(0,0,0,.6)}
.sl-last b{display:block;font-size:22px;font-weight:900;color:#ffd257;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,210,87,.5)}
.sl-go{min-height:58px;font-size:18px}.sl-go .gb-c{margin-inline-start:2px}
.sl-cab .hint{color:rgba(255,255,255,.7)}
.sl-msg{text-align:center;font-weight:800;color:var(--mut);margin:12px 0 0;animation:pop .35s}.sl-msg.win{color:#ffd257;font-size:18px}
.sl-pay .pay-row span{font-variant-numeric:tabular-nums}
.sl-big{position:fixed;inset:0;z-index:590;display:grid;place-items:center;background:radial-gradient(circle,rgba(40,10,30,.55),rgba(5,5,15,.82));animation:vin .3s;cursor:pointer}
.sl-big-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;animation:pop .6s cubic-bezier(.3,1.6,.5,1)}
.sl-rays{position:absolute;left:50%;top:40%;width:420px;height:420px;margin:-210px;border-radius:50%;background:repeating-conic-gradient(rgba(255,210,87,.28) 0 9deg,transparent 9deg 18deg);animation:spin 10s linear infinite;-webkit-mask:radial-gradient(circle,#000 25%,transparent 68%);mask:radial-gradient(circle,#000 25%,transparent 68%)}
.sl-big-art{position:relative;width:120px!important;height:120px!important;animation:float 2s ease-in-out infinite}
.sl-big b{position:relative;font-size:40px;font-weight:900;letter-spacing:.02em;color:#ffe14d;text-shadow:0 5px 0 #b35c00,0 0 30px rgba(255,210,87,.8);-webkit-text-stroke:1px rgba(120,50,0,.5);text-align:center}
.sl-big strong{position:relative;font-size:34px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 rgba(0,0,0,.4)}
.sl-big.mega b{background:linear-gradient(90deg,#ff5f6d,#ffd257,#2ee59d,#29e6ff,#b57bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 4px 0 #5a1630)}
.seg2 a{font-size:13.5px}
.sl-win{aspect-ratio:5/4}
.sl-top{padding:7px 8px 8px;margin-bottom:8px}.sl-mq b{font-size:21px}.sl-mq7{width:26px!important;height:26px!important}
.sl-c{padding:10% 18%}
.sl-meter{margin:10px 0}
@media (max-height:700px){.sl-win{aspect-ratio:3/2}.sl-top small{display:none}}