@font-face{font-family:Manrope;src:url(/static/fonts/manrope-cyr.woff2?v=34) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url(/static/fonts/manrope-lat.woff2?v=34) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ground:#04070d;--navy:#070d1a;--card:rgba(9,17,32,.72);--card2:#0c1628;--line:rgba(74,150,255,.28);--line2:rgba(74,150,255,.5);
 --tg:#2AABEE;--tg2:#1E90FF;--tg-hi:#5cc4ff;--muted:#7d8ea6;--ink:#e8f0fa;--gold:#FFB619;--ok:#3ee07f;--bad:#ff4d5e;
 --sat:max(env(safe-area-inset-top,0px),calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)));--sab:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px));--hh:64px;--nh:62px;--r-card:16px;--r-ctl:12px;--r-chip:10px;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:var(--ground);color:var(--ink);font-family:Manrope,-apple-system,"SF Pro Display",Roboto,"Segoe UI",sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;text-align:inherit}
input{font:inherit}
#app{position:fixed;inset:0;background:var(--ground) url(/static/v5/bg.webp?v=34) center top/cover no-repeat}
#app:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,13,.05) 0%,rgba(4,7,13,.35) 45%,rgba(4,7,13,.82) 100%);pointer-events:none}
/* header */
#hdr{position:absolute;left:0;right:0;top:0;z-index:5;padding:calc(var(--sat) + 12px) 16px 0}
.prow{display:flex;align-items:center;gap:8px;height:40px}
.sp{flex:1}
.pill{height:40px;padding:0 16px;border-radius:20px;font-weight:800;font-size:13px;display:flex;align-items:center;gap:7px;letter-spacing:.4px;white-space:nowrap}
.pill.ref{padding:0 16px 0 12px;background:rgba(7,13,25,.7);box-shadow:inset 0 0 0 1.5px var(--line2)}
.pill.ref svg{width:18px;height:18px;stroke:var(--tg);stroke-width:2.2;fill:none;stroke-linecap:round}
.pill.bal{padding:0 6px 0 12px;gap:8px;background:rgba(7,13,25,.8);box-shadow:inset 0 0 0 1.5px var(--tg),0 0 16px rgba(42,171,238,.28);font-size:17px;letter-spacing:0;font-variant-numeric:tabular-nums}
.pill.ghostp{background:rgba(7,13,25,.7);box-shadow:inset 0 0 0 1.5px var(--line2);letter-spacing:0}
.star{width:20px;height:20px;display:inline-block;flex:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23FFB619" stroke="%23E07A00" stroke-width=".8" d="M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z"/></svg>') center/contain no-repeat}
/* screens */
.screen{position:absolute;left:0;right:0;top:calc(var(--sat) + var(--hh));bottom:calc(var(--nh) + var(--sab) + 8px);padding:0 16px;display:none;flex-direction:column;overflow:hidden;z-index:2}
.screen.active{display:flex;animation:scrIn .34s var(--ease) both}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1}}
.shead{display:flex;align-items:center;gap:8px;height:40px;margin-bottom:8px;flex:none}
.shead h1{font-size:22px;line-height:1;font-weight:800;letter-spacing:.2px}
.rbtn{width:40px;height:40px;border-radius:50%;background:rgba(8,14,26,.85);box-shadow:inset 0 0 0 1px rgba(120,170,255,.18);font-size:18px;display:flex;align-items:center;justify-content:center;flex:none}
.invbtn{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 6px;border-radius:20px;background:rgba(8,14,26,.85);box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;font-weight:800}
.invbtn img{width:28px;height:28px}
/* home */
#s-home{overflow-y:auto}
.screen.scroll{overflow-y:auto;overscroll-behavior:contain}.screen.scroll::-webkit-scrollbar{display:none}
.rtop{flex:none;height:100%;min-height:440px;display:flex;flex-direction:column}
.scrollhint{flex:none;text-align:center;font-size:12px;font-weight:700;color:var(--muted);height:20px;margin:-4px 0 4px}
.poolsec{flex:none;padding:8px 0 16px}.ph{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.ph h2{font-size:18px;font-weight:800}.ph span{font-size:12.5px;font-weight:700;color:var(--muted)}
.pi .pimg{width:66px;height:66px}.pi .pimg .tgstar{width:56px;height:56px}.pi .pn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.pi .v{margin-top:2px}#s-home::-webkit-scrollbar{display:none}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;flex:none}
.tile{position:relative;display:block;aspect-ratio:768/892;border-radius:var(--r-card);overflow:hidden;background:#081226 center/100% 100% no-repeat;box-shadow:0 12px 28px rgba(0,0,0,.5),0 0 26px rgba(30,144,255,.14);transition:transform .15s var(--ease);transform:translateZ(0)}
.tile:active{transform:scale(.97)}
.t-roul{background-image:url(/static/v7/roul_tile.webp?v=34)}.t-upg{background-image:url(/static/v7/upg_tile.webp?v=34)}
.t-rocket{grid-column:span 2;aspect-ratio:871/486;background-image:url(/static/v6/rk_bg.webp?v=34)}
.tglow{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(120,190,255,.07),transparent 28%);pointer-events:none}
.tlive{position:absolute;right:12px;top:12px;height:24px;display:flex;align-items:center;font-size:12px;line-height:1;font-weight:800;padding:0 8px;border-radius:8px;background:rgba(5,10,20,.72);box-shadow:inset 0 0 0 1px var(--line2);color:var(--tg-hi);opacity:0;transition:opacity .3s var(--ease);font-variant-numeric:tabular-nums}
.tlive.on{opacity:1}
.info{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;border-radius:var(--r-card);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;line-height:1.5;color:#9fb0c6;flex:none}
.info i{flex:none;width:24px;height:24px;border-radius:50%;border:1.6px solid #8ea2bd;color:#8ea2bd;font-style:normal;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif}
/* roulette */
#carousel{position:relative;flex:1;min-height:210px}
.ci{position:absolute;left:50%;top:46%;width:160px;height:160px;margin:-80px 0 0 -80px;will-change:transform;display:flex;align-items:center;justify-content:center}
.ci img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,20,60,.6))}
.ci .lbl{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;font-weight:700;background:rgba(6,12,24,.85);box-shadow:inset 0 0 0 1px var(--line);padding:4px 11px;border-radius:10px;opacity:0;transition:opacity .2s var(--ease)}
.ci.front .lbl{opacity:1}
.ci.hit{animation:hit .6s ease}
@keyframes hit{40%{transform:scale(1.25)}}
.chances{align-self:flex-end;height:32px;display:flex;align-items:center;font-size:13px;line-height:1;font-weight:700;padding:0 14px;border-radius:16px;background:rgba(7,13,25,.75);box-shadow:inset 0 0 0 1px var(--line2);color:#cfe3ff;margin-bottom:12px}
.bottom{padding-bottom:12px;flex:none}
.bottom.row{display:flex;gap:12px;margin-top:auto}
.seg{position:relative;display:flex;height:48px;border-radius:14px;background:rgba(7,13,25,.8);padding:4px;margin-bottom:12px;box-shadow:inset 0 0 0 1px var(--line)}
.seg button{flex:1;position:relative;z-index:1;font-weight:800;font-size:16px;text-align:center;color:#c9d8ec}
.seg-k{position:absolute;top:4px;bottom:4px;left:4px;border-radius:10px;background:linear-gradient(180deg,#1c3b66,#132a4b);box-shadow:inset 0 0 0 1px var(--tg),0 0 12px rgba(42,171,238,.35);transition:transform .4s var(--spring);will-change:transform}
.bigbtn{width:100%;height:56px;border-radius:var(--r-card);font-weight:800;font-size:16.5px;letter-spacing:.8px;text-align:center;background:linear-gradient(90deg,var(--tg2),var(--tg) 60%,#43bcff);color:#fff;box-shadow:0 8px 24px rgba(30,144,255,.38),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .12s var(--ease),opacity .2s var(--ease);display:flex;align-items:center;justify-content:center;gap:6px}
.bigbtn:active{transform:scale(.97)}
.bigbtn:disabled{opacity:.55}
.bottom.row .bigbtn{flex:1.9}
.bigbtn.ghost{flex:1!important;background:rgba(7,13,25,.8);box-shadow:inset 0 0 0 1.5px var(--tg),0 0 16px rgba(42,171,238,.25)}
/* upgrade */
.cards{display:flex;gap:12px;flex:none}
.card{flex:1;min-width:0;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r-card);padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}
.ct{font-weight:800;font-size:14.5px;white-space:nowrap;text-align:center}
.slot{width:min(120px,100%);aspect-ratio:1;border:1.5px dashed rgba(90,160,255,.45);border-radius:var(--r-ctl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:13px;position:relative}
.slot .plus{width:32px;height:32px;border-radius:50%;background:rgba(42,171,238,.16);color:var(--tg-hi);display:flex;align-items:center;justify-content:center;font-size:20px}
.slot.filled{border:0;background:radial-gradient(circle at 50% 40%,#16325a,#0a1528 70%);box-shadow:inset 0 0 0 1px var(--line)}
.slot.filled img{width:76%;height:76%;object-fit:contain}
.slot .nm{position:absolute;bottom:-2px;font-size:11px;color:#fff;font-weight:700;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.slot .vv{position:absolute;top:4px;right:6px;font-size:11px;color:var(--gold);font-weight:800}
.dialwrap{position:relative;width:min(70vw,300px,calc(100vh - 420px));min-width:180px;aspect-ratio:1;margin:auto}
#dial{width:100%;height:100%}
#ring{transform-origin:150px 150px}
.ptr{position:absolute;left:50%;top:-6px;width:0;height:0;margin-left:-11px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:22px solid #fff;z-index:2;filter:drop-shadow(0 0 6px rgba(92,196,255,.9))}
.dcenter{position:absolute;inset:22%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#dpct{font-size:42px;font-weight:800;letter-spacing:-1px}
#dsub{font-size:13px;color:var(--muted);margin-top:4px;font-weight:700}
.dcenter img{width:70%;height:70%;object-fit:contain}
.dialwrap:before{content:'';position:absolute;inset:3%;border-radius:50%;transition:box-shadow .4s var(--ease);pointer-events:none;box-shadow:0 0 36px rgba(30,144,255,.18)}
.dialwrap.dwin #ring .arc{stroke:var(--ok);stroke-opacity:1}.dialwrap.dwin:before{box-shadow:0 0 40px rgba(62,224,127,.5)}
.dialwrap.dlose #ring .arc{stroke:var(--bad);stroke-opacity:1}.dialwrap.dlose:before{box-shadow:0 0 40px rgba(255,77,94,.4)}
/* inventory */
.invhead{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:12px 16px;border-radius:var(--r-card);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);flex:none}
.muted{color:var(--muted);font-size:12.5px;font-weight:600}
.big{font-size:24px;font-weight:800}
.invgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow-y:auto;padding-bottom:16px;align-content:start}
.invgrid::-webkit-scrollbar{display:none}
.ic{min-width:0;background:var(--card);border-radius:var(--r-ctl);padding:8px;display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 0 0 1px var(--line)}
.ic img{width:72px;height:72px;object-fit:contain}
.ic .n{font-size:11px;font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ic .v{font-size:12px;color:var(--gold);font-weight:800;margin:2px 0 6px}
.ic .bs{display:flex;gap:4px;width:100%}
.ic .bs button{flex:1;height:28px;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;font-weight:800;border-radius:8px;background:rgba(255,255,255,.08);text-align:center}
.ic .bs button.up{background:linear-gradient(180deg,#36b6ff,var(--tg2))}
.empty{grid-column:1/-1;text-align:center;color:#9fb0c6;padding:32px 16px;line-height:1.6;border-radius:var(--r-card);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.empty .pill{display:inline-flex;margin-top:12px}
/* tabs — dark glass */
/* sheet */
.sheet{position:fixed;inset:0;z-index:20;pointer-events:none}
.sheet-bg{position:absolute;inset:0;background:rgba(2,5,12,.7);opacity:0;transition:opacity .32s var(--ease)}
.sheet-body{position:absolute;left:0;right:0;bottom:0;max-height:78%;background:linear-gradient(180deg,#0c1730,#070e1c 40%);border-radius:22px 22px 0 0;box-shadow:inset 0 1px 0 rgba(92,196,255,.45),0 -10px 40px rgba(0,0,0,.6);padding:10px 16px calc(24px + var(--sab));transform:translate3d(0,100%,0);transition:transform .46s var(--spring);will-change:transform;overflow-y:auto}
.sheet.open{pointer-events:auto}.sheet.open .sheet-bg{opacity:1}.sheet.open .sheet-body{transform:none}
.grab{width:40px;height:5px;border-radius:3px;background:rgba(120,170,255,.35);margin:0 auto 12px}
.sheet h2{font-size:18px;margin-bottom:12px;font-weight:800}
.plist{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pi{min-width:0;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r-ctl);padding:8px;display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:600;text-align:center}
.pi>div:nth-child(2){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pi img{width:66px;height:66px;object-fit:contain}
.pi .v{color:var(--gold);font-weight:800;font-size:12px}
.pi .c{color:var(--tg-hi);font-weight:800}
.chrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(90,150,255,.14)}
.chrow img,.chrow .ss{width:40px;height:40px;object-fit:contain;flex:none}
.chrow .nm{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chrow .val{color:var(--gold);font-size:13px;font-weight:800;width:76px;text-align:right}.chrow .pc{width:62px;text-align:right;font-weight:800;font-size:13px;color:var(--tg-hi)}
.chrow .ss{display:flex;align-items:center;justify-content:center}.chrow .ss svg{width:30px;height:30px}
.note{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}
.menu-i{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 16px;border-radius:var(--r-ctl);background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:8px;font-weight:700;font-size:15px}
.menu-i>svg,.menu-i>.star{width:22px;height:22px;flex:none}.menu-i>svg{fill:none;stroke:var(--tg-hi);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-i em{margin-left:auto;font-style:normal;font-size:13px;font-weight:700;color:var(--muted)}
/* win */
.win{position:fixed;inset:0;z-index:30;background:rgba(2,6,14,.84);display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.win.open{display:flex;animation:fade2 .26s var(--ease) both}.win.open .win-in{animation:winIn .42s var(--spring) both}
.win-in{position:relative;width:86%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center}
.rays{position:absolute;top:-40px;width:340px;height:340px;background:repeating-conic-gradient(rgba(92,196,255,.2) 0 10deg,transparent 10deg 20deg);border-radius:50%;mask:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);animation:rot 14s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.win-anim{position:relative;width:230px;height:230px;display:flex;align-items:center;justify-content:center}
.win-anim img{width:100%;height:100%;object-fit:contain}
.win-t{position:relative;font-size:24px;font-weight:800;margin-top:6px}
.win-v{position:relative;color:var(--gold);font-weight:800;font-size:18px;margin:6px 0 18px}
#win-btns,.wbtns{display:flex;gap:12px;width:100%}
#win-btns button,.wbtns button{flex:1;height:52px;border-radius:var(--r-card);font-weight:800;text-align:center;background:linear-gradient(90deg,var(--tg2),var(--tg));color:#fff;box-shadow:0 6px 20px rgba(30,144,255,.35)}
.wbtns button{white-space:nowrap;font-size:15px;padding:0 8px;overflow:hidden;text-overflow:ellipsis}
.wbtns button.sec{flex:1.35}
@media (max-width:380px){.wbtns button{font-size:14px}}
#win-btns button.sec,.wbtns button.sec{background:rgba(7,13,25,.8);box-shadow:inset 0 0 0 1.5px var(--line2)}
.toast{position:fixed;left:50%;top:calc(var(--sat) + 60px);transform:translate(-50%,-20px);background:rgba(9,17,32,.96);box-shadow:inset 0 0 0 1px var(--line2),0 8px 24px rgba(0,0,0,.5);color:#fff;padding:10px 16px;border-radius:14px;font-size:14px;font-weight:600;opacity:0;transition:opacity .3s var(--ease),transform .38s var(--ease);will-change:transform,opacity;z-index:40;pointer-events:none;max-width:90%;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
/* stars prize */
.starp{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}
.starp .tgstar{width:66%;height:66%;filter:drop-shadow(0 10px 14px rgba(0,30,80,.5))}
.starp .sa{font-weight:800;font-size:30px;line-height:1;margin-top:2px;color:#fff;text-shadow:0 2px 0 rgba(0,40,100,.45),0 4px 12px rgba(0,20,60,.6)}
.starp.big{width:230px;height:230px}.starp.big .sa{font-size:48px}
/* ===== РАКЕТКА ===== */
.rk{overflow-y:auto!important;padding-bottom:12px}
.rk::-webkit-scrollbar{display:none}
.rk-scene{position:relative;flex:none;height:min(300px,calc(100vh - 460px));min-height:236px;margin:0 -16px;overflow:hidden}
#rkc{position:absolute;inset:0;width:100%;height:100%}
.rk-snd{position:absolute;right:16px;top:8px;z-index:3}
.rk-x{position:absolute;left:30px;top:24%;z-index:2;font-size:54px;font-weight:800;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 4px 24px rgba(0,0,0,.6)}
.rk-x .xx{color:#fff;margin-right:2px}.rk-x #rkxv{color:var(--tg);text-shadow:0 0 22px rgba(42,171,238,.55)}
.rk-x.crash #rkxv{color:var(--bad);text-shadow:0 0 22px rgba(255,77,94,.55)}
.rk-x.wait{font-size:40px}.rk-x.wait #rkxv{color:#fff;text-shadow:0 0 18px rgba(92,196,255,.6)}
.rk-sub{position:absolute;left:33px;top:calc(24% + 62px);font-size:13.5px;font-weight:700;color:#b9c8dc;z-index:2;text-shadow:0 2px 8px #000}
.rk-sub.crash{color:#ff8a96}
.rk-prog{position:absolute;left:16px;right:16px;bottom:10px;display:flex;align-items:center;gap:10px;z-index:2}
.rk-ic{flex:none;width:32px;height:32px;border-radius:50%;background:rgba(7,13,25,.9);box-shadow:inset 0 0 0 1.5px var(--tg),0 0 12px rgba(42,171,238,.5);display:flex;align-items:center;justify-content:center;font-size:15px;overflow:hidden}
.rk-ic img{width:30px;height:30px;object-fit:contain;transform:translate(1px,1px)}
.rk-bar{flex:1;height:7px;border-radius:4px;background:rgba(30,50,80,.75);overflow:hidden}
.rk-bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;will-change:transform;background:linear-gradient(90deg,var(--tg2),var(--tg-hi));box-shadow:0 0 10px var(--tg);border-radius:4px}
.rk-cdt{font-size:12.5px;font-weight:800;color:#cfe8ff;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.rk-pills{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0 0;flex:none}
.rk-pills span{min-width:0;height:32px;line-height:1;border-radius:var(--r-chip);background:rgba(9,17,32,.85);box-shadow:inset 0 0 0 1px var(--line);color:#dbe6f5;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}
.rk-pills span.cur{font-size:12px;background:linear-gradient(180deg,#3cbaff,var(--tg2));box-shadow:0 0 14px rgba(42,171,238,.5);color:#fff}
.rk-pills span.hi{color:var(--tg-hi)}.rk-pills span.lo{color:#ff8a96}
.rk-ctl{margin-top:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r-card);padding:12px;display:flex;flex-direction:column;gap:8px;flex:none}
.rk-amt{display:flex;align-items:center;gap:8px;background:rgba(4,9,18,.8);box-shadow:inset 0 0 0 1px rgba(90,150,255,.18);border-radius:var(--r-ctl);padding:0 12px;height:44px}
.rk-amt .lab{color:var(--muted);font-size:13px;font-weight:700}
.rk-amt input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-size:18px;font-weight:800;text-align:right;width:60px}
.rk-chips{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.rk-chips button{min-width:0;height:32px;line-height:1;border-radius:var(--r-chip);background:rgba(30,60,100,.35);box-shadow:inset 0 0 0 1px rgba(90,150,255,.2);color:#e1ecfa;font-weight:800;font-size:13px;text-align:center}
.rk-chips button:active{background:rgba(42,171,238,.35)}
.rk-auto{display:flex;align-items:center;gap:12px;height:32px;padding-left:4px;font-size:13px;color:#c3d1e3;font-weight:700}
.rk-ax{margin-left:auto;display:flex;align-items:center;background:rgba(4,9,18,.8);box-shadow:inset 0 0 0 1px rgba(90,150,255,.18);border-radius:var(--r-chip);padding:0 10px;height:32px;color:var(--tg-hi);font-weight:800}
.rk-ax input{width:56px;background:none;border:0;outline:0;color:var(--tg-hi);font-size:15px;font-weight:800}
.sw{position:relative;width:40px;height:24px;flex:none}.sw input{display:none}
.sw i{position:absolute;inset:0;border-radius:12px;background:#253247;transition:background-color .25s var(--ease)}
.sw i:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s var(--spring)}
.sw input:checked+i{background:var(--tg)}.sw input:checked+i:after{transform:translate3d(16px,0,0)}
.rk-btn{flex:none;margin-top:12px;height:56px;border-radius:var(--r-card);background:linear-gradient(90deg,var(--tg2),var(--tg) 60%,#43bcff);color:#fff;font-size:17px;font-weight:800;text-align:center;box-shadow:0 8px 24px rgba(30,144,255,.38),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .1s var(--ease),opacity .2s var(--ease);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
.rk-btn:active{transform:scale(.98)}
.rk-btn small{font-size:12px;font-weight:600;opacity:.85}
.rk-btn.cash{background:linear-gradient(90deg,#15a052,#2fc766 55%,#5be07a);box-shadow:0 8px 24px rgba(52,199,89,.4);animation:pulse 1s ease-in-out infinite}
.rk-btn.dim{opacity:.6}
.rk-btn.queued{background:rgba(9,17,32,.9);box-shadow:inset 0 0 0 1.5px var(--tg),0 0 16px rgba(42,171,238,.25)}
@keyframes pulse{50%{box-shadow:0 6px 30px rgba(52,199,89,.75)}}
.rk-list{flex:none;margin-top:12px;background:rgba(7,13,25,.88);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r-card);padding:0 16px}
.rk-lh{display:flex;align-items:center;gap:8px;height:48px;font-size:14px}
.rk-lh span{color:var(--muted);font-size:12px;font-weight:700}
.rk-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(90,150,255,.12)}
.rk-av{width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;background-size:cover;background-position:center}
.rk-nm{flex:1;min-width:0}.rk-nm b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-nm small{display:flex;align-items:center;gap:4px;color:#aebbd0;font-size:13px;margin-top:3px;font-weight:600}
.rk-nm .me{display:inline-flex;align-items:center;height:16px;margin-left:6px;background:var(--tg);color:#fff;font-size:10px;line-height:1;border-radius:6px;padding:0 6px;vertical-align:2px}
.rk-row.mine{background:linear-gradient(90deg,rgba(42,171,238,.16),transparent);margin:0 -16px;padding:10px 16px}
.rk-res{display:flex;align-items:center;gap:6px;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;flex:none}
.rk-res.won{color:var(--tg-hi)}.rk-res.lost{color:#5d6a7e;font-size:14px}.rk-res.wait{color:#7b879a;font-size:14px}
.rk-res .mx{font-size:11px;color:#8fd0ff;font-weight:700;display:block;text-align:right}
.rk-gift{width:36px;height:36px;border-radius:9px;background:rgba(30,60,100,.35);box-shadow:inset 0 0 0 1px rgba(90,150,255,.2);display:flex;align-items:center;justify-content:center;flex:none}
.rk-gift img{width:30px;height:30px}
.s16{width:16px;height:16px;display:inline-block;flex:none}
.rk-empty{color:var(--muted);font-size:13px;text-align:center;padding:16px 0}
.rk-fair{flex:none;margin:12px 4px 4px;font-size:10.5px;color:#4f5d72;word-break:break-all;line-height:1.4}
/* ===== SPLASH ===== */
#splash{position:fixed;inset:0;z-index:100;background:#04070d;display:flex;align-items:center;justify-content:center;transition:opacity .5s var(--ease),visibility .5s var(--ease)}
#splash.out{opacity:0;visibility:hidden;pointer-events:none}
.sp-stage{position:relative;height:100%;width:100%;max-width:calc(100vh * .62);overflow:hidden;background:#000;container-type:size}
.sp-stage>*{position:absolute}
.sp-bg{inset:0;width:100%;height:100%;background:url(/static/v5/bg.webp?v=34) center/cover;transform-origin:50% 70%}
.sp-streaks{inset:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none}
.sp-rocket-wrap{left:0;top:30.054%;width:92%;height:48.81%}
.sp-rocket{width:100%;height:100%;position:relative}
.sp-rocket img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block;position:relative;z-index:1}
.sp-glow{left:-6%;top:58%;width:52%;height:46%;z-index:0;background:radial-gradient(closest-side,rgba(92,196,255,.75),rgba(29,155,240,.25) 55%,transparent 75%);filter:blur(6px);mix-blend-mode:screen;position:absolute;transform:rotate(-35deg)}
.sp-logo{left:11.41%;top:15.62%;width:78%;height:10.11%}
.sp-logo img{width:100%;height:100%;display:block}
.sp-shine{inset:0;position:absolute;-webkit-mask:url(/static/v5/logo_resist.webp?v=34) center/100% 100%;mask:url(/static/v5/logo_resist.webp?v=34) center/100% 100%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:150% 0;mix-blend-mode:screen}
.sp-bar{left:18.82%;width:62.35%;top:87.95%;height:max(8px,1.1cqh);border-radius:999px;background:#1a2533;overflow:hidden}
.sp-fill{height:100%;width:100%;border-radius:inherit;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#1d9bf0,#5cc4ff);box-shadow:0 0 12px rgba(92,196,255,.7);transition:transform .35s cubic-bezier(.3,.7,.3,1)}
.sp-label{left:0;right:0;top:calc(87.95% + 22px);text-align:center;color:#6f8299;font-weight:600;font-size:15px;letter-spacing:.02em}
.sp-label .d{display:inline-block;width:.9em;text-align:left}
.sp-flash{inset:0;background:radial-gradient(circle at 60% 50%,rgba(92,196,255,.55),transparent 60%);opacity:0;pointer-events:none}
.sp-veil{inset:0;background:#000;pointer-events:none;opacity:0}
.play .sp-veil{animation:veil .45s ease-out both}
.play .sp-bg{animation:bgIn 1s cubic-bezier(.2,.7,.2,1) both}
.play .sp-rocket-wrap{animation:flyIn .85s .1s cubic-bezier(.22,1.25,.36,1) both}
.play .sp-rocket{animation:bob 1.8s 1s ease-in-out infinite}
.play .sp-glow{animation:flicker .12s steps(2) infinite alternate,glowIn .6s .2s both}
.play .sp-flash{animation:flash .5s .6s ease-out both}
.play .sp-logo{animation:logoIn .55s .55s cubic-bezier(.2,1.4,.4,1) both}
.play .sp-shine{animation:shine .9s 1.1s ease-in-out both}
.play .sp-bar{animation:fade2 .35s .3s both}
.play .sp-label{animation:fade2 .35s .4s both}
@keyframes veil{from{opacity:1}to{opacity:0}}
@keyframes bgIn{from{transform:scale(1.18);filter:blur(6px) brightness(.6)}to{transform:none;filter:none}}
@keyframes flyIn{0%{transform:translate(-75%,70%) scale(.55) rotate(-6deg);opacity:0}25%{opacity:1}100%{transform:none;opacity:1}}
@keyframes bob{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(.6%,-1.2%) rotate(-.6deg)}50%{transform:translate(1%,-.4%) rotate(.3deg)}75%{transform:translate(.3%,.6%) rotate(.5deg)}}
@keyframes flicker{from{opacity:.75;transform:rotate(-35deg) scale(.96)}to{opacity:1;transform:rotate(-35deg) scale(1.06)}}
@keyframes glowIn{from{filter:blur(20px)}to{filter:blur(6px)}}
@keyframes flash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
@keyframes logoIn{0%{opacity:0;transform:scale(1.5) translateY(-8%);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}
@keyframes shine{from{background-position:150% 0}to{background-position:-50% 0}}
@keyframes fade2{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.play *{animation:none!important}}
@media (max-width:370px){.pill.ref{padding:0 12px 0 10px;font-size:12px}.pill.bal{font-size:16px;padding:0 12px 0 10px}.rk-chips,.rk-pills{gap:6px}.rk-x{font-size:46px}.rk-pills span{font-size:12px}.chrow .val{width:64px}}

/* v6: top-up */
.pplus{flex:none;position:relative;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#36b6ff,var(--tg2));box-shadow:0 0 10px rgba(42,171,238,.45)}
.pplus::before,.pplus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.5px;border-radius:2px;background:#fff;transform:translate(-50%,-50%)}.pplus::after{transform:translate(-50%,-50%) rotate(90deg)}
.pill.topup{height:40px;padding:0 16px 0 6px;gap:8px;background:rgba(7,13,25,.7);box-shadow:inset 0 0 0 1.5px var(--tg);letter-spacing:0;font-size:14px}
.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pk{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:104px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line2);color:#fff;font:inherit}
.pk:active{transform:scale(.97)}.pk .star{width:28px;height:28px}.pk b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.pk span{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}
.pk.hot{box-shadow:inset 0 0 0 1.5px var(--tg),0 0 14px rgba(42,171,238,.3)}
.shopnote{margin-top:12px;font-size:12px;line-height:1.45;color:var(--muted);text-align:center}
@media (max-width:370px){.card .ct{font-size:13.5px}}
.info[hidden]{display:none!important}
.nopay .pplus,.nopay #refill{display:none!important}
.nopay .pill.bal{cursor:default}
.ic{padding:12px 10px}
.ic img{width:96px;height:96px}
.ic .n{font-size:13px;text-transform:uppercase;letter-spacing:.02em;margin-top:6px}
.ic .bs{flex-direction:column;gap:6px;margin-top:2px}
.ic .bs button{flex:none;height:32px;border-radius:16px;font-size:12px;text-transform:uppercase;letter-spacing:.02em;gap:5px;white-space:nowrap}
.ic .bs button.sl{background:linear-gradient(180deg,#ffd36a,#f2a91c);color:#2b1a00}
.ic .bs button.sl .star{width:13px;height:13px}
.ic .bs button.cl{background:linear-gradient(180deg,#ffffff,#dfe6f2);color:#0b1626}

/* ===== CASES (v11) ===== */
.cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:16px}
.ccard{position:relative;display:flex;flex-direction:column;align-items:stretch;border-radius:var(--r-card);overflow:hidden;text-align:left;
 background:radial-gradient(120% 90% at 50% 18%,var(--t30),transparent 62%),linear-gradient(180deg,#0c1830,#070e1c);
 box-shadow:0 0 0 1px var(--t45),0 10px 26px rgba(0,0,0,.45),0 0 22px var(--t16);transition:transform .15s var(--ease)}
.ccard:active{transform:scale(.97)}
.cart{position:relative;height:150px;display:flex;align-items:center;justify-content:center}
.cart:before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,var(--t55),transparent 68%);filter:blur(6px)}
.cart:after{content:"";position:absolute;width:126px;height:126px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--t50);opacity:.55}
.cart img{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}
.cart .cv{width:104px;height:104px;z-index:3;animation:cfloat 3.6s ease-in-out infinite}
.cart .s1,.cart .s2{width:62px;height:62px;z-index:2;opacity:.85}
.cart .s1{transform:translate(-50px,22px) rotate(-16deg)}.cart .s2{transform:translate(50px,22px) rotate(16deg)}
@keyframes cfloat{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
.cmeta{padding:0 12px 12px;display:flex;flex-direction:column;gap:2px}
.cmeta .ctier{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--t)}
.cmeta .cn{font-size:16px;font-weight:800}
.cprice{margin-top:8px;height:34px;border-radius:var(--r-chip);display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:14.5px;
 background:linear-gradient(90deg,var(--tg2),var(--tg) 60%,#43bcff);box-shadow:0 6px 16px rgba(30,144,255,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.cback svg{width:22px;height:22px;fill:none;stroke:#e8f0fa;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chero{position:relative;flex:none;border-radius:var(--r-card);overflow:hidden;margin-bottom:12px;
 background:radial-gradient(90% 100% at 50% 30%,var(--t28),transparent 65%),linear-gradient(180deg,#0c1830,#070e1c);box-shadow:0 0 0 1px var(--t40)}
.chero .cart{height:170px}.chero .cart .cv{width:124px;height:124px}.chero .cart .s1,.chero .cart .s2{width:72px;height:72px}
.chero .cart .s1{transform:translate(-78px,20px) rotate(-16deg)}.chero .cart .s2{transform:translate(78px,20px) rotate(16deg)}
.chero .ctag{position:absolute;left:12px;top:10px;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--t)}
.reel{position:relative;flex:none;height:128px;border-radius:var(--r-card);overflow:hidden;background:linear-gradient(180deg,#081226,#060c18);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:12px;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.reel-tr{position:absolute;left:0;top:10px;display:flex;gap:8px;will-change:transform}
.ri{position:relative;flex:none;width:92px;height:108px;border-radius:12px;background:linear-gradient(180deg,#0f1d36,#0a1426);box-shadow:inset 0 0 0 1px rgba(120,170,255,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.ri:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--rc);box-shadow:0 0 10px var(--rc)}
.ri img{width:64px;height:64px;object-fit:contain}
.ri .v{font-size:11.5px;font-weight:800;color:var(--gold)}
.ri.r1{--rc:#4a8cff}.ri.r2{--rc:#a35cff}.ri.r3{--rc:#ff4d8d}.ri.r4{--rc:#FFB619}
.ri.hit{box-shadow:inset 0 0 0 2px var(--rc),0 0 24px var(--rc);transform:scale(1.06)}
.reel-m{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,var(--tg-hi),rgba(92,196,255,.2) 50%,var(--tg-hi));box-shadow:0 0 12px 2px rgba(42,171,238,.8);z-index:3}
.reel-m:before,.reel-m:after{content:"";position:absolute;left:-6px;border:7px solid transparent}
.reel-m:before{top:0;border-top-color:var(--tg-hi)}.reel-m:after{bottom:0;border-bottom-color:var(--tg-hi)}
#cpool .pi{position:relative}#cpool .pi:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--rc);opacity:.85}
#cpool .r1{--rc:#4a8cff}#cpool .r2{--rc:#a35cff}#cpool .r3{--rc:#ff4d8d}#cpool .r4{--rc:#FFB619}

/* v13: cases on home */
.hsec{flex:none;margin-top:16px}
.hsec .ph{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.hsec h2{font-size:18px;font-weight:800;margin:0}
.hall{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:700;color:var(--tg);padding:6px 0 6px 8px}
.hall svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hcases{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 14px;scrollbar-width:none}
.hcases::-webkit-scrollbar{display:none}
.hcases .ccard{flex:0 0 calc((100% - 24px)/2.3);scroll-snap-align:start;scroll-margin-left:16px}
.hcases .cart{height:118px}.hcases .cart .cv{width:84px;height:84px}.hcases .cart .s1,.hcases .cart .s2{width:50px;height:50px}
.hcases .cart .s1{transform:translate(-40px,18px) rotate(-16deg)}.hcases .cart .s2{transform:translate(40px,18px) rotate(16deg)}
.hcases .cart:before{width:92px;height:92px}.hcases .cart:after{width:102px;height:102px}
.hcases .cmeta .cn{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hcases .cprice{height:30px;font-size:13.5px;margin-top:6px}
/* v13: multi-open selector + results */
.cmulti{display:flex;gap:8px;margin-bottom:10px}
.cmulti button{flex:1;height:40px;border-radius:var(--r-chip);font-weight:800;font-size:15px;color:#9fb0c6;background:rgba(7,13,25,.7);box-shadow:inset 0 0 0 1.5px var(--line);transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .18s var(--ease);display:flex;align-items:center;justify-content:center;text-align:center;padding:0}
.cmulti button.on{color:#fff;background:linear-gradient(180deg,rgba(42,171,238,.28),rgba(30,144,255,.12));box-shadow:inset 0 0 0 1.5px var(--tg),0 0 14px rgba(30,144,255,.3)}
.cmulti button:disabled{opacity:.55}
.mres .win-in{width:92%;max-width:400px;max-height:100%;overflow-y:auto;padding:12px 0}
.mres .rays{top:-90px}
.mres .win-v{margin:4px 0 14px}
.mgrid{position:relative;display:grid;gap:8px;width:100%;margin-bottom:16px}
.mgrid.n5{grid-template-columns:repeat(6,1fr)}.mgrid.n5 .mi{grid-column:span 2}.mgrid.n5 .mi:nth-child(4){grid-column:2/span 2}
.mgrid.dense{gap:6px}
.mi{min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 4px 7px;border-radius:14px;background:rgba(9,17,32,.92);box-shadow:inset 0 0 0 1.5px var(--line);opacity:0;animation:mpop .38s cubic-bezier(.2,1.4,.4,1) forwards}
.mi img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.mi .pn{max-width:100%;font-size:11.5px;font-weight:700;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi .v{font-size:11.5px;font-weight:800;color:var(--gold);margin-top:2px;white-space:nowrap}
.mgrid.dense .mi{padding:6px 3px 5px;border-radius:12px}.mgrid.dense .mi .pn{display:none}.mgrid.dense .mi .v{font-size:10.5px}
.mi.r1{--rc:#4a8cff}.mi.r2{--rc:#a35cff}.mi.r3{--rc:#ff4d8d}.mi.r4{--rc:#FFB619}
.mi{background:rgba(9,17,32,.92);box-shadow:inset 0 0 0 1.5px var(--rc),0 0 12px -2px var(--rc)}
.mi.r1{box-shadow:inset 0 0 0 1.5px rgba(74,140,255,.55)}
@keyframes mpop{from{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}

/* v15: custom quantity + immersive simultaneous spin */
.cmulti button.cust{flex:1.25;font-size:14px}
.cn-in{display:flex;flex-direction:column;align-items:center;gap:8px;margin:6px 0 16px}
.cn-in input{width:100%;height:56px;border:0;outline:0;border-radius:16px;background:rgba(7,13,25,.85);box-shadow:inset 0 0 0 1.5px var(--line2);color:#fff;font-size:26px;font-weight:800;text-align:center;letter-spacing:1px}
.cn-in input:focus{box-shadow:inset 0 0 0 1.5px var(--tg),0 0 16px rgba(30,144,255,.3)}
.cn-in input.bad{box-shadow:inset 0 0 0 1.5px #ff4d6d}
.cn-sum{min-height:20px;font-size:14px;font-weight:700;color:#b9c8dc;display:flex;align-items:center;gap:4px}.cn-low{color:#ff8da1}
#cn-ok:disabled{opacity:.5}
.spinov{position:fixed;inset:0;z-index:40;display:none;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;touch-action:none;
 background:radial-gradient(120% 70% at 50% 45%,#0d2147 0%,#071228 55%,#030810 100%);padding:calc(var(--sat,0px) + 12px) 14px calc(var(--sab,0px) + 12px)}
.spinov.open{display:flex;animation:fade .2s}
body.immersive #hdr,body.immersive .tabs,body.immersive .screen,body.immersive #toast,body.immersive #sheet{visibility:hidden}
.spin-g{display:grid;justify-content:center;max-width:100%}
.sreel{position:relative;width:100%;overflow:hidden;border-radius:16px;background:linear-gradient(90deg,#060c18,#0a1830 50%,#060c18);box-shadow:inset 0 0 0 1.5px rgba(92,196,255,.22),0 10px 30px rgba(0,0,0,.45);transition:box-shadow .3s var(--ease)}
.sreel:before,.sreel:after{content:"";position:absolute;left:0;right:0;height:28%;z-index:2;pointer-events:none}
.sreel:before{top:0;background:linear-gradient(180deg,#050a15,transparent)}.sreel:after{bottom:0;background:linear-gradient(0deg,#050a15,transparent)}
.sreel.done{box-shadow:inset 0 0 0 1.5px var(--tg),0 0 22px rgba(30,144,255,.35)}
.sr-tr{position:absolute;left:0;right:0;top:0;will-change:transform}
.sri{display:flex;align-items:center;justify-content:center}
.sri img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.sri.hit img{animation:srhit .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes srhit{0%{transform:scale(1)}50%{transform:scale(1.18)}100%{transform:scale(1.06)}}
.sr-m{position:absolute;left:0;right:0;top:50%;height:calc(var(--s) * .96);transform:translateY(-50%);z-index:3;pointer-events:none;border-radius:12px;box-shadow:inset 0 0 0 2px rgba(92,196,255,.75),0 0 14px rgba(42,171,238,.45)}
.spin-more{margin-top:14px;font-size:13px;font-weight:700;color:#9fb0c6;text-align:center;min-height:16px}
.mres .wbtns{position:sticky;bottom:0;z-index:2;width:100%;padding:10px 0 calc(var(--sab,0px) + 4px);background:linear-gradient(180deg,rgba(2,6,14,0),rgba(2,6,14,.92) 30%)}
.mres .mgrid.dense{margin-bottom:6px}

/* v17: in-page case spin (interface stays visible) */
.cspin{flex:none;margin-bottom:12px;scroll-margin:12px;display:flex;flex-direction:column;align-items:center}.cspin[hidden],.reel[hidden]{display:none!important}
.cspin .spin-more{margin-top:8px}.cspin .sreel{border-radius:14px}
/* v18: upgrade rework — multi-gift bet -> one target */
#s-upg{padding-bottom:0}
.upair{display:flex;align-items:stretch;gap:0;flex:none;position:relative}
.ucard{flex:1;min-width:0;position:relative;background:linear-gradient(180deg,rgba(14,28,54,.85),rgba(8,15,30,.85));box-shadow:inset 0 0 0 1px var(--line),0 8px 22px rgba(0,0,0,.35);border-radius:var(--r-card);padding:10px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .12s var(--ease),box-shadow .2s var(--ease)}
.ucard:active{transform:scale(.97)}
.ucard.tgt{background:linear-gradient(180deg,rgba(18,38,74,.9),rgba(8,15,30,.85));box-shadow:inset 0 0 0 1px var(--line2),0 8px 22px rgba(0,0,0,.35),0 0 18px rgba(30,144,255,.14)}
.ucard .ut{font-size:12px;font-weight:800;letter-spacing:.3px;color:#a9c1e0;text-transform:uppercase}
.uslot{width:min(96px,100%);aspect-ratio:1;border:1.5px dashed rgba(90,160,255,.45);border-radius:var(--r-ctl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:12px;font-weight:700;position:relative;margin-top:2px}
.uslot .plus{width:30px;height:30px;border-radius:50%;background:rgba(42,171,238,.16);color:var(--tg-hi);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:600}
.uslot.filled{border:0;background:radial-gradient(circle at 50% 42%,#1a3a68,#0a1528 72%);box-shadow:inset 0 0 0 1px var(--line)}
.uslot .u1{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.ustack{position:relative;width:86%;height:86%}.ustack img{position:absolute;width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.ustack.s2 .k0{right:4%;top:6%;z-index:2}.ustack.s2 .k1{left:4%;bottom:6%}
.ustack.s3 .k0{left:19%;top:0;z-index:3}.ustack.s3 .k1{left:0;bottom:2%;z-index:2}.ustack.s3 .k2{right:0;bottom:2%}
.ucnt{position:absolute;right:-6px;top:-6px;min-width:26px;height:22px;padding:0 6px;border-radius:11px;background:linear-gradient(90deg,var(--tg2),var(--tg));color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(30,144,255,.5);z-index:4}
.ucard .un{font-size:12.5px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}
.ucard .uv{font-size:13px;font-weight:800;color:var(--gold);display:flex;align-items:center;gap:3px;line-height:1}.ucard .uv .star{width:13px;height:13px}
.uarrow{flex:none;width:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:2;margin:0 -6px}
.uarrow svg{width:30px;height:30px;padding:6px;border-radius:50%;background:#0b1730;box-shadow:inset 0 0 0 1px var(--line2);fill:none;stroke:var(--muted);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s var(--ease),box-shadow .2s var(--ease)}
.uarrow.on svg{stroke:#fff;background:linear-gradient(135deg,var(--tg2),var(--tg));box-shadow:0 0 14px rgba(42,171,238,.6)}
.uarrow span{font-size:11px;font-weight:800;color:var(--tg-hi);white-space:nowrap;min-height:13px}
#s-upg .dialwrap{width:min(78vw,300px,calc(100vh - var(--sat) - var(--hh) - var(--nh) - var(--sab) - 340px));min-width:170px;margin:auto}
#s-upg .dialwrap:before{inset:-2%;box-shadow:0 0 50px rgba(30,144,255,.22)}
#s-upg .dialwrap.spin:before{box-shadow:0 0 60px rgba(42,171,238,.45)}
#s-upg #dpct{font-size:clamp(30px,10vw,44px);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(92,196,255,.45)}
#s-upg #dsub{text-transform:uppercase;letter-spacing:1px;font-size:11.5px}
#s-upg #dpct img{width:clamp(70px,22vw,110px);height:clamp(70px,22vw,110px);object-fit:contain}
#s-upg .bottom{padding-bottom:12px}
#upbtn:disabled{opacity:.5;box-shadow:none}
.ushint{font-size:12.5px;color:var(--muted);font-weight:600;margin:-4px 0 12px}
.plist .pi{position:relative;transition:transform .1s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}.plist .pi:active{transform:scale(.96)}
.plist .pi.on{background:linear-gradient(180deg,#123462,#0c1a33);box-shadow:inset 0 0 0 2px var(--tg),0 0 14px rgba(42,171,238,.35)}
.usel .ck{position:absolute;right:6px;top:6px;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(120,170,255,.5);background:rgba(4,8,16,.6)}
.usel .pi.on .ck{background:var(--tg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 8px rgba(42,171,238,.7)}
.usbar{position:sticky;bottom:calc(-24px - var(--sab));margin:12px -16px calc(-24px - var(--sab));padding:12px 16px calc(14px + var(--sab));display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,rgba(7,14,28,.92),#070e1c);box-shadow:0 -1px 0 rgba(92,196,255,.25);backdrop-filter:blur(6px)}
.usinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.usinfo b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usinfo span{font-size:13px;font-weight:800;color:var(--gold);display:flex;align-items:center;gap:3px}.usinfo .star{width:13px;height:13px}
.usbar .pill{flex:none}
.usbar .usgo{background:linear-gradient(90deg,var(--tg2),var(--tg));color:#fff;box-shadow:0 4px 14px rgba(30,144,255,.4);padding:0 20px}.usbar .ghostp{box-shadow:inset 0 0 0 1.5px var(--line2);color:#cfe3ff}
.ucard .ut{white-space:nowrap;font-size:clamp(10px,2.9vw,12px);letter-spacing:.1px;max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* v20: sound / misc icons */
.snd svg{width:20px;height:20px;fill:none;stroke:#cfe0f5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.scrollhint{display:flex;align-items:center;justify-content:center;gap:2px}.scrollhint svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rk-ic.r svg{width:16px;height:16px;fill:#ff8a5c;stroke:none}
#s-upg #dpct svg.lose{width:clamp(34px,11vw,48px);height:clamp(34px,11vw,48px);fill:none;stroke:#ff6b7a;stroke-width:2.4;stroke-linecap:round}
.hist{display:flex;flex-direction:column;gap:6px}
.hist .hr{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-ctl);background:var(--card2);box-shadow:inset 0 0 0 1px var(--line)}
.hist .hd{flex:1;min-width:0}.hist .hd b{display:block;font-size:13px;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist .hd span{font-size:11.5px;color:var(--muted)}
.hist .hv{flex:none;font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums;color:#9fb0c6}.hist .hv.p{color:var(--ok)}.hist .hv.m{color:#ff8a96}
.reflink{margin-top:8px;padding:12px;border-radius:var(--r-ctl);background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;word-break:break-all;user-select:text;-webkit-user-select:text}
/* v20: animated home covers (transform/opacity only) */
.cv{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.cv .l{position:absolute;display:block;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.rwg{left:13%;top:11%;width:54%;height:46.5%;border-radius:50%;background:radial-gradient(closest-side,transparent 62%,rgba(90,180,255,.42) 78%,transparent);animation:cvpulse 3.4s cubic-bezier(.45,0,.55,1) infinite;will-change:opacity}
.rsh{left:0;top:0;width:45%;height:100%;background:linear-gradient(100deg,transparent 20%,rgba(200,232,255,.13) 50%,transparent 80%);transform:translate3d(-120%,0,0);animation:cvsheen 6.5s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}
.uglow{left:14%;top:60%;width:72%;height:22%;background:radial-gradient(closest-side,rgba(70,175,255,.5),rgba(42,140,255,.16) 60%,transparent);animation:cvpulse 3.2s cubic-bezier(.45,0,.55,1) infinite;will-change:opacity}
.ubeam{left:30%;top:0;width:40%;height:48%;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
.ubeam i{position:absolute;left:0;width:100%;top:100%;height:40%;background:linear-gradient(180deg,transparent,rgba(200,236,255,.32) 50%,transparent);animation:cvrise 2.8s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}
.ugl{left:0;top:32%;width:26%;height:30%;border-radius:50%;background:radial-gradient(closest-side,rgba(130,150,255,.4),transparent);animation:cvpulse 3.6s cubic-bezier(.45,0,.55,1) -1.2s infinite;will-change:opacity}.ugl.b{left:73%;animation-delay:-2.6s}
.kst{inset:0;background-image:radial-gradient(1.6px 1.6px at 9% 14%,#d9ecff 50%,transparent),radial-gradient(1.4px 1.4px at 27% 31%,#bfe0ff 50%,transparent),radial-gradient(1.8px 1.8px at 61% 9%,#e6f3ff 50%,transparent),radial-gradient(1.3px 1.3px at 92% 26%,#cde7ff 50%,transparent),radial-gradient(1.5px 1.5px at 46% 22%,#d9ecff 50%,transparent)!important;background-size:100% 100%;animation:cvtw 2.8s ease-in-out infinite alternate}
.kst.b{background-image:radial-gradient(1.4px 1.4px at 17% 42%,#cfe6ff 50%,transparent),radial-gradient(1.7px 1.7px at 38% 6%,#e6f3ff 50%,transparent),radial-gradient(1.3px 1.3px at 81% 12%,#bfe0ff 50%,transparent),radial-gradient(1.5px 1.5px at 96% 48%,#d9ecff 50%,transparent)!important;animation-duration:3.6s;animation-delay:-1.8s}
.kflame{left:0;top:51.029%;width:44.202%;height:29.012%;-webkit-mask:url(/static/v6/rk_flame.webp?v=34) center/100% 100% no-repeat;mask:url(/static/v6/rk_flame.webp?v=34) center/100% 100% no-repeat;overflow:hidden}
.kflame i{position:absolute;top:0;bottom:0;left:100%;width:45%;background:linear-gradient(90deg,transparent,rgba(225,246,255,.9) 50%,transparent);animation:cvflow 1.25s linear infinite}
.kfg{left:33.295%;top:3.086%;width:55.913%;height:81.893%;background-image:url(/static/v6/rk_fg.webp?v=34)!important;transform-origin:30% 70%;animation:cvbob 3.4s ease-in-out infinite;will-change:transform}
.noz{position:absolute;left:4%;top:64%;width:26%;height:30%;border-radius:50%;background:radial-gradient(closest-side,rgba(190,232,255,.85),rgba(42,171,238,.35) 55%,transparent);animation:cvnoz .45s ease-in-out infinite alternate}
@keyframes cvspin{to{transform:rotate(360deg)}}
@keyframes cvsheen{0%,55%{transform:translate3d(-120%,0,0)}100%{transform:translate3d(260%,0,0)}}
@keyframes cvpulse{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes cvrise{from{transform:translateY(0)}to{transform:translateY(-280%)}}
@keyframes cvfloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-3px,0)}}
@keyframes cvgem{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-4px,0) rotate(5deg)}}
@keyframes cvtw{from{opacity:.25}to{opacity:1}}
@keyframes cvflow{to{transform:translateX(-330%)}}
@keyframes cvbob{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(2px,-4px,0) rotate(-1deg)}}
@keyframes cvnoz{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}
body:not(.onhome) .cv *,body.hid .cv *,.tile.off .cv *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.cv *{animation:none!important}}
/* ===== v21: painted case covers ===== */
.cart.art{height:auto;aspect-ratio:3/2;overflow:hidden;display:block}
.cart.art:before{display:none}
.cart.art:after{content:"";position:absolute;left:0;right:0;bottom:0;top:auto;width:auto;height:34%;border-radius:0;box-shadow:none;opacity:1;background:linear-gradient(180deg,transparent,rgba(7,14,28,.85))}
.cart.art .cimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;animation:none;transform:none}
.cart.art .csheen{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.16) 48%,transparent 60%);transform:translateX(-120%);animation:csheen 6.5s ease-in-out infinite}
@keyframes csheen{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.hcases .cart.art,.chero .cart.art{height:auto}
.ccard .cart.art+.cmeta{padding-top:8px}
.chero .cart.art{aspect-ratio:3/2;max-height:236px;width:100%}
.chero .ctag{z-index:3;top:10px;left:10px;height:24px;display:flex;align-items:center;padding:0 10px;border-radius:8px;background:rgba(4,9,20,.72);box-shadow:inset 0 0 0 1px var(--t50);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@media (prefers-reduced-motion:reduce){.cart.art .csheen{animation:none;display:none}}
/* ===== v21: referral screen ===== */
.rf-load{padding:48px 0;text-align:center;color:var(--muted);font-weight:700}
.rf-hero{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--r-card);overflow:hidden;flex:none;
 background:radial-gradient(120% 140% at 100% 0%,rgba(42,171,238,.35),transparent 55%),linear-gradient(135deg,#10284f,#0a1530 60%,#081022);box-shadow:inset 0 0 0 1px var(--line2),0 10px 26px rgba(0,0,0,.4)}
.rf-ht{flex:1;min-width:0}.rf-k{font-size:10.5px;font-weight:800;letter-spacing:1.4px;color:var(--tg-hi)}
.rf-hero h2{font-size:17.5px;line-height:1.25;font-weight:800;margin:4px 0 6px}.rf-hero p{font-size:12px;line-height:1.4;color:#9fb0c6;font-weight:600}
.rf-orb{position:relative;flex:none;width:84px;height:84px;display:flex;align-items:center;justify-content:center}
.rf-orb i{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(92,196,255,.5)}
.rf-orb i:nth-child(2){inset:12px;box-shadow:inset 0 0 0 1.5px rgba(92,196,255,.32)}
.rf-orb i:nth-child(3){inset:-2px;box-shadow:none;background:conic-gradient(from 0deg,transparent 0 80%,rgba(92,196,255,.9) 92%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 39px,#000 40px);mask:radial-gradient(circle,transparent 39px,#000 40px);animation:rfspin 5s linear infinite}
.rf-orb b{position:relative;font-size:22px;font-weight:900;color:#fff;text-shadow:0 0 18px rgba(42,171,238,.8)}
@keyframes rfspin{to{transform:rotate(360deg)}}
.rf-bal{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-top:12px;flex:none}
.rf-av,.rf-lk,.rf-inv{min-width:0;padding:12px;border-radius:var(--r-card);background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.rf-av{box-shadow:inset 0 0 0 1.5px var(--tg),0 0 18px rgba(42,171,238,.18)}
.rf-l{font-size:11.5px;font-weight:700;color:var(--muted)}
.rf-v{display:flex;align-items:center;gap:6px;margin:6px 0 10px;font-size:26px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}
.rf-v .star{width:22px;height:22px;flex:none}.rf-v.sm{font-size:20px;color:#cfdcec}.rf-v.sm .star{width:18px;height:18px;opacity:.75}
.rf-claim{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:var(--r-ctl);font-weight:800;font-size:13.5px;color:#fff;background:linear-gradient(90deg,var(--tg2),var(--tg) 60%,#43bcff);box-shadow:0 6px 16px rgba(30,144,255,.35),inset 0 1px 0 rgba(255,255,255,.25);white-space:nowrap}
.rf-claim:disabled{background:rgba(30,60,100,.35);box-shadow:inset 0 0 0 1px var(--line);color:#7d8ea6}
.rf-nx{font-size:11.5px;line-height:1.35;font-weight:700;color:#9fb0c6}.rf-nx span{display:flex;align-items:center;gap:4px}.rf-nx .mt{color:var(--muted)}
.rf-nx svg{width:14px;height:14px;flex:none;fill:none;stroke:var(--tg-hi);stroke-width:2}
.rf-inv{margin-top:8px;flex:none}
.rf-link{margin:6px 0 10px;padding:0 12px;height:40px;display:flex;align-items:center;border-radius:var(--r-ctl);background:rgba(4,9,18,.8);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:700;color:var(--tg-hi);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;user-select:text;-webkit-user-select:text}
.rf-btns{display:flex;gap:8px}
.rf-share{flex:1;height:48px;border-radius:var(--r-ctl);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:15px;letter-spacing:.4px;color:#fff;background:linear-gradient(90deg,var(--tg2),var(--tg) 60%,#43bcff);box-shadow:0 8px 20px rgba(30,144,255,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.rf-copy{flex:none;width:48px;height:48px;border-radius:var(--r-ctl);display:flex;align-items:center;justify-content:center;background:rgba(7,13,25,.8);box-shadow:inset 0 0 0 1.5px var(--line2)}
.rf-share svg,.rf-copy svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rf-copy svg{stroke:var(--tg-hi)}
.rf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;flex:none}
.rf-steps div{min-width:0;padding:10px 8px;border-radius:var(--r-ctl);background:rgba(9,17,32,.55);box-shadow:inset 0 0 0 1px rgba(74,150,255,.18);font-size:11px;line-height:1.35;font-weight:700;color:#9fb0c6}
.rf-steps i{display:flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;margin-bottom:6px;font-style:normal;font-size:11.5px;font-weight:900;color:#fff;background:rgba(42,171,238,.25);box-shadow:inset 0 0 0 1px var(--tg)}
.rf-sh{font-size:16px;font-weight:800;margin:16px 0 8px;flex:none}
.rf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:none}
.rf-st{min-width:0;padding:10px;border-radius:var(--r-ctl);background:var(--card2);box-shadow:inset 0 0 0 1px var(--line)}
.rf-st b{display:flex;align-items:center;gap:4px;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.rf-st b .star{width:14px;height:14px}
.rf-st span{display:block;margin-top:2px;font-size:10.5px;line-height:1.3;font-weight:700;color:var(--muted)}
.rf-tabs{display:flex;gap:4px;margin:16px 0 8px;padding:4px;border-radius:14px;background:rgba(7,13,25,.8);box-shadow:inset 0 0 0 1px var(--line);flex:none}
.rf-tabs button{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;height:36px;border-radius:10px;font-weight:800;font-size:13px;color:#9fb0c6}
.rf-tabs button.on{color:#fff;background:linear-gradient(180deg,#1c3b66,#132a4b);box-shadow:inset 0 0 0 1px var(--tg)}
.rf-hist{flex:none}.rf-hist .hv.rf-locked{color:#9fb0c6}.rf-hist .hv.rf-void{text-decoration:line-through;color:#5d6a7e}
.rf-empty{padding:20px 12px;text-align:center;font-size:13px;color:var(--muted);font-weight:600;border-radius:var(--r-ctl);background:var(--card2);box-shadow:inset 0 0 0 1px var(--line)}
#s-ref .note{margin-bottom:16px}
@media (max-width:370px){.rf-hero h2{font-size:16px}.rf-orb{width:70px;height:70px}.rf-orb i:nth-child(3){-webkit-mask:radial-gradient(circle,transparent 32px,#000 33px);mask:radial-gradient(circle,transparent 32px,#000 33px)}.rf-v{font-size:22px}.rf-st b{font-size:15px}}
@media (prefers-reduced-motion:reduce){.rf-orb i:nth-child(3){animation:none}}

/* ===== v21 nav: floating capsule, text-only tabs, sliding pill ===== */
:root{--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.2,1.12,.32,1)}
.tabs{position:absolute;left:12px;right:12px;bottom:calc(var(--sab) + 8px);height:54px;padding:5px;z-index:6;display:flex;border-radius:22px;
 background:linear-gradient(180deg,rgba(18,26,48,.94),rgba(10,16,32,.95));box-shadow:inset 0 0 0 1px rgba(130,150,210,.16),0 10px 30px rgba(0,0,0,.55);
 backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);contain:layout style}
.tabs button{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;font-weight:800;letter-spacing:-.2px;
 color:#8f9bbb;white-space:nowrap;border-radius:17px;transition:color .3s var(--ease),transform .18s var(--ease)}
.tabs button.on{color:#fff}.tabs button:active{transform:scale(.94)}
.tab-k{position:absolute;z-index:0;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/4);border-radius:17px;pointer-events:none;
 background:linear-gradient(180deg,#4a4f92,#343a76);box-shadow:inset 0 0 0 1px rgba(170,175,255,.38),0 4px 14px rgba(60,70,170,.35);
 transform:translate3d(0,0,0);transition:transform .45s var(--spring);will-change:transform}
.tabs.nok .tab-k{opacity:0}
.tbadge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);height:17px;padding:0 7px;display:flex;align-items:center;border-radius:9px;background:#ffd84a;color:#1a1503;
 font-size:10px;font-weight:900;letter-spacing:.4px;box-shadow:0 2px 8px rgba(255,200,40,.35);animation:bPop .5s var(--spring) both}
.tbadge[hidden]{display:none}
@media (max-width:374px){.tabs{left:10px;right:10px}.tabs button{font-size:13px;letter-spacing:-.35px}}
/* ===== v21 motion: one easing, transform/opacity only ===== */
@keyframes scrIn{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes winIn{from{opacity:0;transform:scale(.92) translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes bPop{from{opacity:0;transform:translateX(-50%) scale(.6)}to{opacity:1;transform:translateX(-50%) scale(1)}}
.tile,.ccard,.ucard,.bigbtn,.rk-btn,.pk,.pill,.hall,.cmulti button,.rf-tabs button,.rf-claim,.wbtns button{transition:transform .2s var(--ease),box-shadow .3s var(--ease),opacity .2s var(--ease)}
.pill:active,.hall:active,.rf-tabs button:active,.rf-claim:active,.wbtns button:active,.cmulti button:active{transform:scale(.96)}
.reeltr,#reeltr,.sr-tr{will-change:transform;backface-visibility:hidden}
@media (prefers-reduced-motion:reduce){.screen.active,.win.open .win-in{animation-duration:.01s}}
/* ===== v22: NFT cards without hard outlines + glowing underline under every gift ===== */
.ic,.pi{box-shadow:none;background:linear-gradient(180deg,rgba(16,32,62,.78),rgba(8,15,30,.78) 70%)}
.ic{box-shadow:0 8px 20px rgba(0,0,0,.28)}
.ic img,.pi img,.ri img{background:radial-gradient(46% 22% at 50% 88%,rgba(42,171,238,.36),transparent) no-repeat,linear-gradient(90deg,transparent,rgba(92,196,255,.95) 50%,transparent) 50% 91%/62% 2px no-repeat}
.ic img{width:104px;height:104px}.pi img{width:70px;height:70px}
.ri{box-shadow:none;background:linear-gradient(180deg,#10203d,#0a1426 75%)}
.ri.hit{box-shadow:0 0 0 2px var(--rc),0 0 24px var(--rc)}
.ri img{background:radial-gradient(46% 20% at 50% 90%,var(--rc),transparent) no-repeat;opacity:1}
.ucard{box-shadow:0 8px 22px rgba(0,0,0,.35)}.ucard.tgt{box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 18px rgba(30,144,255,.16)}
.uslot.filled{box-shadow:none}
.uslot .u1{background:linear-gradient(90deg,transparent,rgba(92,196,255,.95) 50%,transparent) 50% 91%/62% 2px no-repeat}
.ci img{filter:drop-shadow(0 12px 14px rgba(0,30,80,.55))}
.ci .lbl{box-shadow:none;background:rgba(10,22,44,.9)}
.ic img,.pi img,.ri img,.ci img,.win-anim img{image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ic,.pi{transition:transform .2s var(--ease)}.ic:active{transform:scale(.98)}
/* ===== v23: no colored outlines on cases + referral system ===== */
.ccard{background:linear-gradient(180deg,#0e1c38,#070e1c);box-shadow:0 10px 26px rgba(0,0,0,.45)}
.cart:after{box-shadow:none}
.chero{background:linear-gradient(180deg,#0e1c38,#070e1c);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.chero .ctag{box-shadow:none}
#s-case .rbtn,#s-cases .rbtn,#s-ref .rbtn{box-shadow:none;background:rgba(12,22,42,.9)}
.reel{box-shadow:none}
.ri.hit{box-shadow:0 0 22px var(--rc);transform:scale(1.06)}
.cmulti button{box-shadow:none;background:rgba(12,22,42,.85)}
.cmulti button.on{box-shadow:none;background:linear-gradient(180deg,#1f477c,#132a4b)}
.mi,.mi.r1{box-shadow:none;background:linear-gradient(180deg,rgba(16,32,62,.92),rgba(8,15,30,.92) 70%)}
.sreel,.sreel.done{box-shadow:0 10px 30px rgba(0,0,0,.45)}
.sr-m{box-shadow:none;background:rgba(92,196,255,.1)}
.cn-in input,.cn-in input:focus{box-shadow:none;background:rgba(12,22,42,.9)}
.cn-in input.bad{box-shadow:none;color:#ff6d86}
.mres .wbtns button.sec{box-shadow:none;background:rgba(12,22,42,.9)}
.pill.ref{box-shadow:none;background:rgba(10,20,40,.85)}
.rf-hero{box-shadow:0 10px 26px rgba(0,0,0,.4)}
.rf-av,.rf-lk,.rf-inv,.rf-av{box-shadow:none}
.rf-av{background:linear-gradient(180deg,#123060,#0a1730)}
.rf-claim:disabled{box-shadow:none}
.rf-link,.rf-copy,.rf-steps div,.rf-st,.rf-tabs,.rf-empty,.rf-steps i,.rf-tabs button.on,.rf-hist .hr{box-shadow:none}
.rf-steps i{background:rgba(42,171,238,.4)}
.rf-copy{background:rgba(12,22,42,.9)}
.rf-orb i,.rf-orb i:nth-child(2){box-shadow:none}
.rf-orb i:first-child{background:radial-gradient(closest-side,rgba(42,171,238,.32),transparent)}