*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#050914;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body{overflow-x:hidden}.app-shell{min-height:100vh;max-width:430px;margin:0 auto;position:relative;overflow:hidden;padding:16px 16px 94px;background:radial-gradient(circle at 50% -8%,#174c9d 0,#071a3b 34%,#050914 76%)}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(0,207,255,.16),transparent 30%),radial-gradient(circle at 90% 8%,rgba(255,196,66,.13),transparent 25%),linear-gradient(145deg,rgba(36,111,255,.12),transparent 42%,rgba(0,0,0,.16))}.app-shell:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#5ecbff 1px,transparent 1px),radial-gradient(#ffc95d 1px,transparent 1px);background-size:54px 54px,71px 71px;background-position:0 0,17px 21px}.hidden{display:none!important}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.app-top{height:66px;display:flex;align-items:center;gap:12px;position:relative;z-index:4;padding:8px 2px}.app-top>div:nth-child(2){flex:1;min-width:0}.app-top b{display:block;font-size:18px;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 16px rgba(90,190,255,.28)}.app-top span{display:block;color:#9fb4df;font-size:12px;margin-top:2px}.brand-badge{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:1000;font-size:15px;color:#fbe8a3;background:linear-gradient(145deg,#081b41,#123f8b);border:1px solid rgba(255,215,119,.42);box-shadow:inset 0 0 18px rgba(78,189,255,.18),0 0 22px rgba(255,211,82,.16)}.top-action{font-weight:900;color:#5be7ff;background:rgba(5,12,27,.38);border:1px solid rgba(91,231,255,.18);padding:10px 12px;border-radius:14px}.compact-top{height:62px}
.topbar{position:relative;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:18px 0 22px;padding:0 2px}.topbar div{min-width:0;flex:1}.topbar b{display:block;font-size:24px;line-height:1.08;font-weight:1000;color:#f4fbff;text-shadow:0 0 18px rgba(74,190,255,.28);letter-spacing:-.3px}.topbar span{display:block;margin-top:4px;color:#a9bee6;font-size:14px;line-height:1.25}.topbar a{flex:0 0 auto;color:#70dcff;font-weight:1000;font-size:18px;padding:4px 0;text-shadow:0 0 14px rgba(30,206,255,.35)}
.clean-list{margin-top:18px}.history-row{display:flex;align-items:center;gap:13px;padding:16px;margin-bottom:12px;border-radius:24px;background:linear-gradient(135deg,rgba(4,13,31,.92),rgba(5,23,52,.86));border:1px solid rgba(74,195,255,.24);box-shadow:0 14px 30px rgba(0,0,0,.25),inset 0 0 18px rgba(75,174,255,.06)}.history-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(17,73,148,.4);box-shadow:inset 0 0 18px rgba(31,177,255,.14)}.history-icon img,.reward-icon img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,218,255,.55))}.history-info{flex:1;min-width:0}.history-info b{display:block;font-size:18px;line-height:1.15;color:#f6fbff}.history-info span{display:block;margin-top:5px;font-size:12px;color:#9eb0d4;white-space:normal}.code-filter{position:relative;z-index:3;margin:0 0 18px}.code-filter select{appearance:none;background:linear-gradient(180deg,rgba(6,20,48,.96),rgba(3,10,26,.96));border:1px solid rgba(91,203,255,.26);box-shadow:inset 0 0 20px rgba(68,167,255,.07),0 12px 28px rgba(0,0,0,.24);height:62px;color:#eef8ff;padding:0 46px 0 18px;border-radius:22px;font-weight:800;line-height:1.25}.code-filter:after{content:"⌄";position:absolute;right:18px;top:19px;color:#b8c9e8;font-size:22px;pointer-events:none}.leader-row{border-radius:24px;padding:17px 18px;background:linear-gradient(135deg,rgba(4,13,31,.94),rgba(4,20,47,.92));border-color:rgba(83,213,255,.21)}.leader-row b{min-width:40px;text-align:center;font-family:Georgia,"Times New Roman",serif}.leader-row span{font-size:18px;font-weight:900;color:#eef8ff}.leader-row small{font-size:12px;line-height:1.3}.leader-row em{min-width:34px;text-align:right}.rank-1{border-color:rgba(255,214,95,.35);box-shadow:0 0 22px rgba(255,202,76,.08),0 14px 30px rgba(0,0,0,.28)}.rank-1 b{color:#ffdc68}.reward-card{background:linear-gradient(135deg,rgba(4,13,31,.92),rgba(5,23,52,.86));border-radius:24px}.reward-icon{overflow:hidden}.badge{text-transform:capitalize;white-space:nowrap}.badge.ok{text-transform:capitalize}
.gold-title{margin:0;text-align:center;font-family:Georgia,"Times New Roman",serif;font-weight:900;font-size:42px;line-height:1.04;background:linear-gradient(#fff8d9 7%,#ffd05d 38%,#b7721a 74%,#fff3c4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 5px 22px rgba(255,193,69,.24)}.page-title-row{position:relative;z-index:3;text-align:center;margin-top:0}.page-title-row p{margin:9px 0 18px;color:#a9bee6;font-size:14px}.slot-page{position:relative;z-index:2}.slot-machine{position:relative;margin:8px auto 18px;width:100%;max-width:395px;padding:42px 16px 18px}.slot-crown{position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:96px;height:72px;background:linear-gradient(145deg,#7a4a11,#ffd979 44%,#8a520e 80%);clip-path:polygon(50% 0,70% 38%,100% 58%,70% 72%,50% 100%,30% 72%,0 58%,30% 38%);filter:drop-shadow(0 0 20px rgba(255,203,80,.55))}.slot-crown span{position:absolute;inset:22px 35px;border-radius:50%;background:linear-gradient(#8ff6ff,#147dff);box-shadow:0 0 16px rgba(0,214,255,.9)}.slot-frame{position:relative;height:338px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:17px;background:linear-gradient(145deg,#a36d1b,#ffe392 12%,#0c3274 25%,#03132c 55%,#1e67d6 78%,#ffdc78 100%);border:1px solid rgba(255,223,127,.9);border-radius:36px;box-shadow:inset 0 0 26px rgba(255,255,255,.15),inset 0 -20px 60px rgba(0,11,35,.9),0 22px 50px rgba(0,0,0,.44),0 0 34px rgba(0,174,255,.3)}.slot-frame:before{content:"";position:absolute;inset:8px;border-radius:30px;border:1px solid rgba(92,219,255,.5);box-shadow:inset 0 0 26px rgba(0,190,255,.25);pointer-events:none}.slot-glow-line{position:absolute;left:20px;right:20px;top:50%;height:2px;background:linear-gradient(90deg,transparent,#ffd45e,#fff4b6,#ffd45e,transparent);box-shadow:0 0 16px #ffd45e;z-index:3;pointer-events:none}.reel{height:304px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(180deg,#0b1a35,#071326 48%,#030711);border:1px solid rgba(255,208,91,.36);box-shadow:inset 0 9px 24px rgba(0,0,0,.72),inset 0 0 22px rgba(86,176,255,.14)}.reel:before,.reel:after{content:"";position:absolute;left:0;right:0;height:45px;z-index:2;pointer-events:none}.reel:before{top:0;background:linear-gradient(#010814,transparent)}.reel:after{bottom:0;background:linear-gradient(transparent,#010814)}.reel-track{will-change:transform}.symbol{height:101px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px;padding:5px 2px;border-bottom:1px solid rgba(255,220,128,.14)}.symbol img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,213,255,.65))}.symbol[data-key="WEEKLY_PASS"] img{width:50px;height:40px;filter:drop-shadow(0 0 11px rgba(255,198,70,.5))}.symbol b{font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1;color:#ffe9a9;text-shadow:0 0 10px rgba(255,201,77,.18)}.symbol small{font-size:13px;font-weight:800;color:#f0f6ff;line-height:1.05}.symbol[data-key="WEEKLY_PASS"] small{font-size:12px;color:#ffd65f}.reel.spinning .reel-track{animation:reelSpin .48s linear infinite}.reel:nth-child(2).spinning .reel-track{animation-duration:.38s}.reel:nth-child(3).spinning .reel-track{animation-duration:.31s}@keyframes reelSpin{from{transform:translateY(0)}to{transform:translateY(-707px)}}.slot-machine.win .slot-frame{animation:winPulse 1.1s ease-in-out infinite}.slot-machine.playing .slot-lever i{transform:rotate(22deg) translateY(12px)}@keyframes winPulse{0%,100%{box-shadow:inset 0 0 26px rgba(255,255,255,.15),0 22px 50px rgba(0,0,0,.44),0 0 34px rgba(0,174,255,.3)}50%{box-shadow:inset 0 0 32px rgba(255,255,255,.25),0 22px 58px rgba(0,0,0,.5),0 0 56px rgba(255,208,79,.65)}}.slot-base-gem{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:76px;height:56px;background:linear-gradient(145deg,#7b4b0e,#fff0a4 43%,#0d74ff 44%,#92ffff 60%,#0e55c6 100%);clip-path:polygon(50% 0,100% 42%,50% 100%,0 42%);filter:drop-shadow(0 0 20px rgba(255,212,94,.6));z-index:4}.slot-lever{position:absolute;right:0;top:142px;width:39px;height:108px;border-radius:20px;background:linear-gradient(90deg,#64410e,#fff0a4,#996416);box-shadow:0 0 16px rgba(255,204,86,.32)}.slot-lever i{position:absolute;right:2px;top:-48px;width:18px;height:82px;border-radius:10px;background:linear-gradient(#ffe392,#9b6417);transform-origin:bottom;transition:.35s}.slot-lever i:before{content:"";position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#7dfcff,#0065ff 62%,#001a6f);box-shadow:0 0 20px rgba(0,167,255,.8)}.slot-code-card{position:relative;z-index:3;margin:18px 2px 16px;padding:19px;border-radius:28px;background:linear-gradient(180deg,rgba(8,25,56,.92),rgba(3,10,25,.94));border:1px solid rgba(69,204,255,.55);box-shadow:inset 0 0 26px rgba(61,174,255,.08),0 18px 42px rgba(0,0,0,.35)}.slot-code-card label{display:block;text-transform:uppercase;color:#75d7ff;font-weight:1000;letter-spacing:.7px;margin-bottom:10px}.input-wrap{position:relative}.input-wrap input{width:100%;height:58px;border-radius:18px;border:1px solid rgba(94,215,255,.58);background:rgba(6,18,42,.72);color:#fff;font-size:25px;padding:0 50px 0 18px;outline:none;box-shadow:inset 0 0 22px rgba(62,162,255,.1)}.input-wrap input::placeholder{font-size:18px;color:#7b87a1}.input-wrap button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:31px;height:31px;border:1px solid rgba(153,199,255,.24);border-radius:50%;background:rgba(255,255,255,.06);color:#9bb1d6;font-weight:900}.play-btn{width:100%;height:70px;margin-top:16px;border:0;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(100deg,#8b5615,#ffde85 20%,#986a25 48%,#0647d7 76%,#00d6ff);color:#fff8d5;font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:900;text-shadow:0 2px 9px rgba(0,0,0,.5);box-shadow:0 0 24px rgba(0,197,255,.3),inset 0 0 18px rgba(255,255,255,.25)}.play-btn:before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,244,179,.78);border-radius:21px;pointer-events:none}.play-btn:disabled{opacity:.68}.play-btn em{font-style:normal;position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:42px;color:#70ecff}.helper-line{margin-top:14px;text-align:center;color:#a9bee6;font-weight:700}.result-box{padding:13px 14px;border-radius:18px;margin:12px 2px;background:rgba(5,13,31,.82);border:1px solid rgba(83,213,255,.24);text-align:center;color:#fff;font-weight:800}.result-box.error{border-color:rgba(255,77,77,.4);color:#ffc0c0}.win-modal{position:fixed;z-index:50;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(1,5,14,.58);backdrop-filter:blur(5px);padding:20px 16px 108px}.win-card{width:min(398px,100%);position:relative;border-radius:30px;padding:46px 18px 20px;text-align:center;background:linear-gradient(180deg,rgba(9,27,58,.96),rgba(3,9,22,.98));border:1px solid rgba(255,211,98,.72);box-shadow:0 0 45px rgba(255,200,71,.32),inset 0 0 34px rgba(39,162,255,.12);animation:popIn .38s cubic-bezier(.2,1.4,.4,1)}@keyframes popIn{from{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.win-gem{position:absolute;left:50%;top:-43px;transform:translateX(-50%);width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#fff7c7,#d49b2a 43%,#133a85 44%,#061225);border:1px solid rgba(255,226,130,.9);box-shadow:0 0 35px rgba(255,208,79,.62)}.win-gem img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,221,255,.82))}.win-card h2{font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1;margin:0 0 7px;background:linear-gradient(#fff8d8,#ffd05d,#b8731d);-webkit-background-clip:text;background-clip:text;color:transparent}.win-card p{font-family:Georgia,"Times New Roman",serif;font-size:25px;margin:0 0 12px;color:#fff0b8}.win-card p b{color:#4de7ff}.win-card small{display:block;color:#bdcbef;font-size:15px;margin-bottom:18px}.win-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.win-actions button{height:54px;border-radius:18px;font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:900}.redeem-now{border:0;color:#fff5d7;background:linear-gradient(100deg,#9f681d,#ffdb78 30%,#0d73ff 92%);box-shadow:0 0 18px rgba(255,206,90,.3)}.claim-later{background:rgba(5,17,42,.8);color:#eaf3ff;border:1px solid rgba(116,196,255,.44)}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;width:7px;height:12px;border-radius:2px;background:#ffd55e;animation:fall 1.8s linear forwards}.confetti i:nth-child(2n){background:#21d9ff}.confetti i:nth-child(3n){background:#7b5cff}.confetti i:nth-child(4n){background:#fff1a6}@keyframes fall{0%{opacity:0;transform:translateY(-35px) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translateY(450px) rotate(520deg)}}.hero-card{min-height:145px;border-radius:28px;padding:20px;margin:18px 0;background:linear-gradient(135deg,rgba(47,118,255,.38),rgba(0,212,255,.08));border:1px solid rgba(107,214,255,.28);box-shadow:0 22px 50px rgba(0,0,0,.35);display:flex;justify-content:space-between;align-items:center}.hero-card h2{margin:0 0 8px;font-size:24px}.hero-card p{margin:0;color:#bed2f5;line-height:1.4}.hero-orb{width:82px;height:82px;border-radius:26px;background:rgba(0,0,0,.22);display:grid;place-items:center}.hero-orb img{width:68px}.grid2{display:grid;grid-template-columns:1fr;gap:15px}.game-card{min-height:132px;border-radius:26px;padding:20px;position:relative;overflow:hidden;border:1px solid rgba(99,205,255,.24);background:linear-gradient(135deg,rgba(9,25,55,.95),rgba(5,12,27,.96));box-shadow:0 18px 38px rgba(0,0,0,.32)}.game-card span{font-size:23px;font-weight:1000;display:block}.game-card small{display:block;margin-top:7px;color:#b6c8ee}.game-card b{position:absolute;right:18px;bottom:16px;color:#5be7ff}.slot-card:after,.redeem-card:after{content:"";position:absolute;right:-10px;top:15px;width:110px;height:110px;border-radius:30px;background:url('img/diamond.svg') center/contain no-repeat;opacity:.46;filter:drop-shadow(0 0 20px rgba(0,216,255,.55))}.redeem-card:after{background-image:url('img/pass.svg')}.list{position:relative;z-index:3;margin-top:22px}.empty{padding:18px;border-radius:20px;background:rgba(6,15,35,.7);border:1px solid rgba(96,185,255,.2);color:#b9c8e9}.reward-card,.leader-row{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:12px;border-radius:22px;background:rgba(4,13,31,.88);border:1px solid rgba(64,195,255,.22);box-shadow:0 14px 30px rgba(0,0,0,.25)}.reward-icon{width:54px;height:54px;border-radius:18px;background:rgba(16,73,145,.38);display:grid;place-items:center;font-size:27px}.reward-info{flex:1}.reward-info b{display:block;font-size:17px}.reward-info span,.reward-info small,.leader-row small{display:block;color:#9eb0d4;margin-top:2px}.badge,.mini{border:0;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.ok{background:rgba(10,194,139,.22);color:#50ffc9}.danger{background:rgba(255,65,65,.16);border:1px solid rgba(255,65,65,.35);color:#ffb5b5}.mini{background:linear-gradient(135deg,#03bdff,#126bff);color:#fff}.code-filter select{width:100%;padding:16px;border-radius:18px;border:1px solid rgba(92,205,255,.25);background:#07142c;color:#fff;font-size:16px}.leader-row b{color:#ffd65f;font-size:18px}.leader-row div{flex:1}.leader-row em{font-style:normal;color:#35e8ff;font-weight:1000}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:16px;transform:translateX(-50%);width:min(398px,calc(100% - 32px));height:74px;border-radius:28px;background:rgba(4,13,30,.92);border:1px solid rgba(73,165,255,.3);box-shadow:0 14px 38px rgba(0,0,0,.48),inset 0 0 18px rgba(50,159,255,.08);display:grid;grid-template-columns:1fr 1fr 1fr;padding:7px}.bottom-nav a{display:grid;place-items:center;color:#8798bf;font-weight:900;border-radius:22px}.bottom-nav a.active{background:rgba(57,128,255,.13);color:#ffdf7d;border:1px solid rgba(255,213,111,.25)}.login-screen{text-align:center;padding-top:42px;position:relative;z-index:3}.ml-logo{width:104px;height:104px;border-radius:30px;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(145deg,#0b316d,#0ee2ff);box-shadow:0 18px 50px rgba(47,118,255,.45);font-weight:1000;font-size:30px}.muted{color:#aebede}.card{background:rgba(8,15,30,.82);border:1px solid rgba(117,162,255,.2);box-shadow:0 20px 60px rgba(0,0,0,.35);border-radius:24px}.form{padding:18px;margin-top:22px;text-align:left}.form label{font-size:12px;color:#bcd0ff;font-weight:700;text-transform:uppercase}.form input{width:100%;margin:8px 0 14px;padding:15px;border:1px solid rgba(142,197,255,.22);border-radius:16px;background:#0a1327;color:#fff;font-size:16px;outline:none}.form input:focus{border-color:#4aa3ff;box-shadow:0 0 0 4px rgba(47,118,255,.16)}.form button,.primary{border:0;border-radius:16px;padding:15px 18px;background:linear-gradient(135deg,#2f76ff,#00d4ff);color:#fff;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 10px 24px rgba(47,118,255,.34)}.alert{padding:12px;border-radius:14px;margin:14px 0}.tiny{font-size:12px;color:#9fb4df;margin-top:14px}.desktop #desktopBlock{display:flex}#desktopBlock{display:none;position:fixed;inset:0;z-index:999;background:#07111f;align-items:center;justify-content:center;text-align:center;padding:22px}.desktop-card{max-width:420px;background:#101b33;border:1px solid #2f76ff;border-radius:22px;padding:28px}.desktop .app-shell{display:none}@media(max-width:380px){
.topbar{position:relative;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:18px 0 22px;padding:0 2px}.topbar div{min-width:0;flex:1}.topbar b{display:block;font-size:24px;line-height:1.08;font-weight:1000;color:#f4fbff;text-shadow:0 0 18px rgba(74,190,255,.28);letter-spacing:-.3px}.topbar span{display:block;margin-top:4px;color:#a9bee6;font-size:14px;line-height:1.25}.topbar a{flex:0 0 auto;color:#70dcff;font-weight:1000;font-size:18px;padding:4px 0;text-shadow:0 0 14px rgba(30,206,255,.35)}
.clean-list{margin-top:18px}.history-row{display:flex;align-items:center;gap:13px;padding:16px;margin-bottom:12px;border-radius:24px;background:linear-gradient(135deg,rgba(4,13,31,.92),rgba(5,23,52,.86));border:1px solid rgba(74,195,255,.24);box-shadow:0 14px 30px rgba(0,0,0,.25),inset 0 0 18px rgba(75,174,255,.06)}.history-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(17,73,148,.4);box-shadow:inset 0 0 18px rgba(31,177,255,.14)}.history-icon img,.reward-icon img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,218,255,.55))}.history-info{flex:1;min-width:0}.history-info b{display:block;font-size:18px;line-height:1.15;color:#f6fbff}.history-info span{display:block;margin-top:5px;font-size:12px;color:#9eb0d4;white-space:normal}.code-filter{position:relative;z-index:3;margin:0 0 18px}.code-filter select{appearance:none;background:linear-gradient(180deg,rgba(6,20,48,.96),rgba(3,10,26,.96));border:1px solid rgba(91,203,255,.26);box-shadow:inset 0 0 20px rgba(68,167,255,.07),0 12px 28px rgba(0,0,0,.24);height:62px;color:#eef8ff;padding:0 46px 0 18px;border-radius:22px;font-weight:800;line-height:1.25}.code-filter:after{content:"⌄";position:absolute;right:18px;top:19px;color:#b8c9e8;font-size:22px;pointer-events:none}.leader-row{border-radius:24px;padding:17px 18px;background:linear-gradient(135deg,rgba(4,13,31,.94),rgba(4,20,47,.92));border-color:rgba(83,213,255,.21)}.leader-row b{min-width:40px;text-align:center;font-family:Georgia,"Times New Roman",serif}.leader-row span{font-size:18px;font-weight:900;color:#eef8ff}.leader-row small{font-size:12px;line-height:1.3}.leader-row em{min-width:34px;text-align:right}.rank-1{border-color:rgba(255,214,95,.35);box-shadow:0 0 22px rgba(255,202,76,.08),0 14px 30px rgba(0,0,0,.28)}.rank-1 b{color:#ffdc68}.reward-card{background:linear-gradient(135deg,rgba(4,13,31,.92),rgba(5,23,52,.86));border-radius:24px}.reward-icon{overflow:hidden}.badge{text-transform:capitalize;white-space:nowrap}.badge.ok{text-transform:capitalize}
.gold-title{font-size:36px}.slot-frame{height:310px;padding:14px}.reel{height:282px}.symbol{height:94px}.symbol img{width:40px;height:40px}.symbol b{font-size:18px}.play-btn{font-size:27px}.win-card h2{font-size:33px}.slot-machine{padding-left:6px;padding-right:6px}.slot-lever{right:-4px}.app-top b{font-size:16px}}

/* ===== V5 Premium Diamond Slot / Dark Fantasy FX ===== */
.app-shell{background:radial-gradient(circle at 50% -10%,#1758b8 0,#081f4d 28%,#050a17 72%,#02040a 100%)!important}.app-shell:before{background:radial-gradient(circle at 12% 18%,rgba(0,225,255,.18),transparent 28%),radial-gradient(circle at 85% 20%,rgba(255,199,67,.15),transparent 26%),radial-gradient(circle at 50% 52%,rgba(38,85,255,.12),transparent 40%),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.34))!important}.app-shell:after{opacity:.33!important;background-image:radial-gradient(#80ecff 1px,transparent 1px),radial-gradient(#ffd36b 1px,transparent 1px),radial-gradient(#7b61ff 1px,transparent 1px)!important;background-size:42px 42px,68px 68px,91px 91px!important}.slot-page:before{content:"";position:absolute;left:-80px;top:160px;width:220px;height:420px;background:radial-gradient(ellipse,rgba(0,221,255,.18),transparent 62%);filter:blur(8px);pointer-events:none}.slot-page:after{content:"";position:absolute;right:-90px;top:240px;width:220px;height:420px;background:radial-gradient(ellipse,rgba(255,196,66,.14),transparent 62%);filter:blur(8px);pointer-events:none}.slot-machine{filter:drop-shadow(0 24px 46px rgba(0,0,0,.45));transition:.45s ease}.slot-machine.playing{animation:slotPulse .55s infinite alternate}.slot-machine.win{filter:drop-shadow(0 0 32px rgba(255,214,89,.75)) drop-shadow(0 30px 58px rgba(0,0,0,.42))}.slot-machine.lost{filter:grayscale(.35) drop-shadow(0 0 20px rgba(90,120,170,.35))}@keyframes slotPulse{from{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.012)}}.slot-frame{background:linear-gradient(145deg,#f7d56c 0,#7d4d13 8%,#09204c 12%,#071326 86%,#e8bc50 100%)!important;border:2px solid rgba(255,220,111,.65)!important;box-shadow:inset 0 0 22px rgba(26,204,255,.18),inset 0 0 0 4px rgba(6,20,47,.8),0 0 32px rgba(0,195,255,.22),0 0 52px rgba(255,202,64,.1)!important}.slot-frame:before{content:"";position:absolute;inset:12px;border-radius:28px;border:1px solid rgba(79,219,255,.24);box-shadow:inset 0 0 38px rgba(18,131,255,.2);pointer-events:none}.slot-frame:after{content:"";position:absolute;inset:-16px -10px;background:linear-gradient(90deg,transparent,rgba(65,222,255,.42),transparent);height:2px;top:50%;box-shadow:0 0 18px rgba(255,211,83,.78),0 0 40px rgba(0,220,255,.42);pointer-events:none}.reel{background:linear-gradient(180deg,#071225,#020711 45%,#06142a)!important;border-color:rgba(255,211,94,.32)!important;box-shadow:inset 0 24px 38px rgba(255,255,255,.04),inset 0 -28px 48px rgba(0,0,0,.55)}.symbol{border-bottom:1px solid rgba(255,217,108,.09);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.05))}.symbol img{transition:.25s}.slot-machine.win .symbol:nth-child(2) img,.slot-machine.win .reel .symbol:nth-child(2) img{filter:drop-shadow(0 0 22px rgba(0,229,255,.95)) drop-shadow(0 0 15px rgba(255,220,97,.55));transform:scale(1.08)}.symbol-sad img{filter:drop-shadow(0 0 12px rgba(132,164,211,.45))}.slot-lever i{background:radial-gradient(circle at 32% 28%,#9ff5ff,#1079ff 42%,#062764 100%)!important;box-shadow:0 0 22px rgba(31,199,255,.65),inset 0 0 18px rgba(255,255,255,.24)!important}.slot-machine.playing .slot-lever{animation:leverPull .8s ease-in-out}@keyframes leverPull{0%,100%{transform:rotate(0)}45%{transform:rotate(18deg) translateY(12px)}}.slot-code-card{background:linear-gradient(180deg,rgba(8,28,65,.78),rgba(3,9,22,.94))!important;border:1px solid rgba(70,205,255,.45)!important;box-shadow:0 0 32px rgba(0,195,255,.12),inset 0 0 24px rgba(40,156,255,.08)!important}.play-btn{position:relative;overflow:hidden}.play-btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-120%);animation:shineBtn 2.6s infinite}.play-btn span,.play-btn em{position:relative;z-index:2}@keyframes shineBtn{55%,100%{transform:translateX(120%)}}body.slot-active .app-shell:before{animation:horrorGlow .75s infinite alternate}@keyframes horrorGlow{from{filter:brightness(1)}to{filter:brightness(1.28) saturate(1.25)}}.win-modal{background:radial-gradient(circle at 50% 30%,rgba(0,170,255,.14),rgba(1,5,14,.72) 58%)!important}.win-card{overflow:hidden}.win-card:before{content:"";position:absolute;inset:-40px;background:conic-gradient(from 0deg,transparent,rgba(255,215,84,.16),transparent,rgba(0,218,255,.13),transparent);animation:winAura 3s linear infinite;pointer-events:none}.win-card>*{position:relative;z-index:2}@keyframes winAura{to{transform:rotate(360deg)}}.win-card.lose-mode,.lose-mode .win-card{border-color:rgba(115,149,205,.45)!important;box-shadow:0 0 32px rgba(77,110,169,.18),inset 0 0 30px rgba(76,105,155,.12)!important}.lose-mode .win-card h2{background:linear-gradient(#e7efff,#93a6cc,#5a6f9a);-webkit-background-clip:text;background-clip:text;color:transparent}.lose-mode .win-card p{color:#bac9e7}.lose-mode .win-gem{background:radial-gradient(#dce7ff,#607aa7 45%,#121d32 100%);box-shadow:0 0 25px rgba(100,142,207,.38)}.confetti .sad-drop{width:4px!important;height:16px!important;border-radius:99px!important;background:#8eb7ff!important;opacity:.75}@keyframes fall{0%{opacity:0;transform:translateY(-35px) rotate(0) scale(.7)}12%{opacity:1}100%{opacity:0;transform:translateY(510px) rotate(620deg) scale(1)}}.history-row,.leader-row,.reward-card{backdrop-filter:blur(9px)}.topbar{align-items:center!important}.topbar div{display:block!important}.topbar b{line-height:1.1!important}.topbar span{line-height:1.25!important}.admin-link-home{display:inline-flex;margin-top:12px;color:#75eaff;font-weight:900}.badge.lost{background:rgba(112,130,169,.15);color:#c4d3f3}

/* ===== V6 Quick-Hit inspired optimized casino FX ===== */
.diamond-slot-v6{isolation:isolate;min-height:calc(100vh - 170px)}
.fx-canvas{position:absolute;inset:-30px -16px auto -16px;width:calc(100% + 32px);height:760px;z-index:8;pointer-events:none;mix-blend-mode:screen}
.casino-tunnel{position:absolute;inset:64px -52px auto -52px;height:420px;z-index:-1;pointer-events:none;overflow:hidden;opacity:.85;filter:saturate(1.25)}
.casino-tunnel i{position:absolute;left:50%;top:50%;width:120px;height:120px;border-radius:50%;border:1px solid rgba(65,221,255,.18);transform:translate(-50%,-50%) scale(.7);box-shadow:0 0 28px rgba(0,214,255,.1),inset 0 0 28px rgba(15,109,255,.12);animation:tunnelPulse 3.4s linear infinite}
.casino-tunnel i:nth-child(2){animation-delay:.85s;border-color:rgba(255,210,86,.18)}
.casino-tunnel i:nth-child(3){animation-delay:1.7s;border-color:rgba(124,91,255,.14)}
.machine-backlight{position:absolute;left:50%;top:168px;transform:translateX(-50%);width:390px;height:360px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(0,216,255,.22),rgba(34,82,255,.13) 34%,rgba(0,0,0,0) 68%);filter:blur(10px);pointer-events:none;animation:backGlow 4s ease-in-out infinite}
.jackpot-board{position:relative;z-index:3;margin:4px auto -10px;width:min(320px,88%);height:44px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,rgba(3,12,31,.96),rgba(9,27,58,.92));border:1px solid rgba(255,213,93,.42);box-shadow:0 0 22px rgba(0,215,255,.12),inset 0 0 16px rgba(255,214,88,.07);font-weight:1000;letter-spacing:.7px;color:#ffe49a;text-shadow:0 0 14px rgba(255,213,78,.35)}
.jackpot-board span{font-size:13px}.jackpot-board b{font-size:10px;color:#65e8ff;border-left:1px solid rgba(255,255,255,.16);padding-left:8px;text-shadow:0 0 12px rgba(0,217,255,.4)}
@keyframes tunnelPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}15%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) scale(5.2)}}
@keyframes backGlow{0%,100%{opacity:.58;transform:translateX(-50%) scale(.96)}50%{opacity:1;transform:translateX(-50%) scale(1.06)}}
.slot-machine{transform:translateZ(0);will-change:transform,filter}.slot-machine:before,.slot-machine:after{content:"";position:absolute;pointer-events:none;z-index:0;opacity:0}.slot-machine:before{inset:64px 0 52px;background:linear-gradient(100deg,transparent 8%,rgba(86,229,255,.18) 45%,rgba(255,220,112,.22) 50%,rgba(86,229,255,.18) 55%,transparent 92%);filter:blur(2px);transform:translateX(-42%)}.slot-machine.playing:before{opacity:1;animation:machineScan .72s linear infinite}.slot-machine:after{left:50%;top:62px;width:260px;height:260px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,223,100,.26),rgba(0,220,255,.16) 35%,transparent 70%);filter:blur(18px)}.slot-machine.win:after{opacity:1;animation:winHalo 1.05s ease-in-out infinite}.slot-machine.lost:after{opacity:.7;background:radial-gradient(circle,rgba(103,138,191,.18),rgba(40,68,117,.16) 35%,transparent 70%)}
@keyframes machineScan{0%{transform:translateX(-62%)}100%{transform:translateX(62%)}}
@keyframes winHalo{0%,100%{transform:translateX(-50%) scale(.95);opacity:.55}50%{transform:translateX(-50%) scale(1.2);opacity:1}}
.reel-flash{position:absolute;left:16px;right:16px;top:50%;height:88px;transform:translateY(-50%);border-radius:18px;background:linear-gradient(90deg,transparent,rgba(255,230,122,.16),rgba(0,222,255,.16),rgba(255,230,122,.16),transparent);z-index:2;pointer-events:none;opacity:.45;box-shadow:0 0 22px rgba(0,224,255,.18)}
.slot-machine.playing .reel-flash{animation:flashPulse .42s linear infinite}.slot-machine.win .reel-flash{opacity:1;animation:winLine .9s ease-in-out infinite}.slot-machine.lost .reel-flash{opacity:.25;background:linear-gradient(90deg,transparent,rgba(126,150,188,.13),transparent);box-shadow:none}
@keyframes flashPulse{0%,100%{filter:brightness(.9);opacity:.25}50%{filter:brightness(1.8);opacity:.82}}
@keyframes winLine{0%,100%{transform:translateY(-50%) scaleX(.94);filter:brightness(1.1)}50%{transform:translateY(-50%) scaleX(1.04);filter:brightness(2)}}
.reel.spinning{box-shadow:inset 0 0 34px rgba(0,221,255,.16),inset 0 20px 36px rgba(0,0,0,.72)}
.reel.spinning:after{height:100%;background:linear-gradient(180deg,rgba(0,0,0,.36),transparent 25%,rgba(255,255,255,.05) 50%,transparent 75%,rgba(0,0,0,.42));backdrop-filter:blur(1.1px)}
.reel.spinning .symbol img,.reel.spinning .symbol b,.reel.spinning .symbol small{filter:blur(.8px) drop-shadow(0 0 12px rgba(0,227,255,.35))}
body.slot-active .casino-tunnel{opacity:1}body.slot-active .casino-tunnel i{animation-duration:1.15s}body.slot-active .machine-backlight{animation-duration:.7s;filter:blur(8px) brightness(1.4)}
body.slot-active .app-shell{animation:screenVibe .18s linear infinite}body.slot-win-party .app-shell{animation:winScreenFlash 1.25s ease-out 1}body.slot-lose-mood .app-shell{filter:saturate(.72) brightness(.78);transition:filter .3s ease}
@keyframes screenVibe{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(.5px,-.5px,0)}}
@keyframes winScreenFlash{0%{filter:brightness(1)}12%{filter:brightness(1.65) saturate(1.45)}100%{filter:brightness(1)}}
.slot-machine.playing .slot-frame{animation:cabinetSpinGlow .48s ease-in-out infinite alternate!important}.slot-machine.lost .slot-frame{animation:lostDim 1.1s ease-in-out 1!important}
@keyframes cabinetSpinGlow{from{box-shadow:inset 0 0 22px rgba(26,204,255,.18),inset 0 0 0 4px rgba(6,20,47,.8),0 0 26px rgba(0,195,255,.22),0 0 36px rgba(255,202,64,.1)}to{box-shadow:inset 0 0 36px rgba(57,230,255,.28),inset 0 0 0 4px rgba(6,20,47,.82),0 0 42px rgba(0,218,255,.46),0 0 62px rgba(255,219,82,.22)}}
@keyframes lostDim{0%{filter:brightness(1)}45%{filter:brightness(.48) grayscale(.25)}100%{filter:brightness(.82) grayscale(.18)}}
.play-btn:active{transform:translateY(2px) scale(.995)}.play-btn:disabled{opacity:.72;filter:saturate(.85);cursor:not-allowed}.play-btn:disabled:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:busySweep .7s linear infinite}@keyframes busySweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.win-modal{backdrop-filter:blur(4px)}.win-card{transform:translateZ(0);animation:modalPop .34s cubic-bezier(.2,1.25,.3,1) both}.lose-mode .win-card{animation:modalDrop .42s ease both}.win-card h2{letter-spacing:.2px}.win-gem img{animation:rewardFloat 1.3s ease-in-out infinite}.lose-mode .win-gem img{animation:sadFloat 1.45s ease-in-out infinite;filter:grayscale(.35)}
@keyframes modalPop{from{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalDrop{from{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rewardFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.07)}}@keyframes sadFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(5px) rotate(2deg)}}
.confetti{overflow:hidden}.confetti i{will-change:transform,opacity}.confetti .sad-drop{animation-duration:1.8s!important;box-shadow:0 0 12px rgba(126,175,255,.35)}
@media (prefers-reduced-motion: reduce){.casino-tunnel i,.machine-backlight,.slot-machine,.slot-frame,.play-btn:before,.win-card:before,.app-shell,.reel-track,.win-gem img{animation:none!important}.fx-canvas{display:none!important}}
@media(max-width:380px){.jackpot-board{height:40px;width:92%;margin-bottom:-8px}.fx-canvas{height:690px}.machine-backlight{width:330px;height:330px}.casino-tunnel{height:360px}.slot-frame{border-radius:30px}.slot-machine.playing .slot-frame{animation:none!important}body.slot-active .app-shell{animation:none!important}}

/* ===== V7 optimized active horror/fantasy FX + smooth slot fix ===== */
.app-shell{background:#030813!important;isolation:isolate;overflow:hidden;transform:none!important;animation:none!important;will-change:auto!important}
.global-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% -8%,rgba(13,92,184,.42),transparent 32%),radial-gradient(circle at 10% 22%,rgba(0,215,255,.16),transparent 28%),radial-gradient(circle at 88% 16%,rgba(116,64,255,.16),transparent 30%),linear-gradient(180deg,#061936 0%,#031022 44%,#02040b 100%)}
.global-ambient:before{content:"";position:absolute;inset:-20%;opacity:.45;background-image:radial-gradient(rgba(89,220,255,.58) 1px,transparent 1px),radial-gradient(rgba(255,214,94,.32) 1px,transparent 1px);background-size:42px 42px,67px 67px;background-position:0 0,18px 27px;animation:starDrift 14s linear infinite;will-change:transform}
.global-ambient:after{content:"";position:absolute;left:-25%;right:-25%;top:12%;height:54%;opacity:.35;background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(0,217,255,.16),transparent,rgba(68,30,154,.18),transparent);filter:blur(18px);animation:horrorBreath 5.8s ease-in-out infinite;will-change:transform,opacity}
.global-ambient i{position:absolute;border-radius:50%;border:1px solid rgba(50,213,255,.17);box-shadow:0 0 30px rgba(0,210,255,.1),inset 0 0 30px rgba(40,71,255,.08);animation:ringFloat 6.8s linear infinite;will-change:transform,opacity}
.global-ambient i:nth-child(1){width:160px;height:160px;left:8%;top:18%}.global-ambient i:nth-child(2){width:240px;height:240px;right:-16%;top:30%;animation-delay:-2s;border-color:rgba(255,215,93,.13)}.global-ambient i:nth-child(3){width:190px;height:190px;left:48%;bottom:4%;animation-delay:-4s;border-color:rgba(111,71,255,.15)}
.global-ambient b,.global-ambient em{position:absolute;width:2px;height:2px;border-radius:50%;background:#5eeaff;box-shadow:0 0 18px #5eeaff;animation:ghostOrb 4.7s ease-in-out infinite}.global-ambient b{left:18%;top:56%}.global-ambient em{right:16%;top:42%;animation-delay:-2.2s;background:#ffe083;box-shadow:0 0 18px #ffe083}
@keyframes starDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-42px,67px,0)}}
@keyframes horrorBreath{0%,100%{transform:scale(.96) rotate(0deg);opacity:.24}50%{transform:scale(1.12) rotate(12deg);opacity:.48}}
@keyframes ringFloat{0%{transform:scale(.72) rotate(0);opacity:0}18%{opacity:.85}100%{transform:scale(1.9) rotate(160deg);opacity:0}}
@keyframes ghostOrb{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.2}50%{transform:translate3d(12px,-34px,0) scale(2.8);opacity:.9}}
.app-shell>*:not(.global-ambient){position:relative;z-index:2}.app-shell:before,.app-shell:after{display:none!important}
.login-screen,.app-top,.topbar,.hero-card,.grid2,.slot-page,.clean-list,.code-filter,.bottom-nav{position:relative;z-index:2}
.login-screen:before,.slot-page:before{content:"";position:absolute;left:50%;top:110px;width:330px;height:330px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,226,255,.20),rgba(77,49,174,.12) 42%,transparent 70%);filter:blur(12px);z-index:-1;animation:softPulse 4s ease-in-out infinite}
@keyframes softPulse{0%,100%{opacity:.46;transform:translateX(-50%) scale(.94)}50%{opacity:.9;transform:translateX(-50%) scale(1.08)}}

/* Cleaner headers for all pages */
.topbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin:18px 0 22px!important;gap:12px!important}.topbar div{display:block!important;min-width:0!important}.topbar b{display:block!important;font-size:24px!important;line-height:1.08!important}.topbar span{display:block!important;font-size:14px!important;margin-top:5px!important}.topbar a{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:40px!important;min-width:56px!important;color:#6de7ff!important;background:rgba(6,18,40,.48)!important;border:1px solid rgba(90,220,255,.18)!important;border-radius:14px!important;padding:0 12px!important;white-space:nowrap!important}

/* V7 slot: no heavy canvas/no hang; active background still visible */
.fx-canvas,.casino-tunnel{display:none!important}.diamond-slot-v7 .slot-ambient{position:absolute;inset:75px -18px auto -18px;height:410px;z-index:-1;pointer-events:none;overflow:hidden;opacity:.9}.diamond-slot-v7 .slot-ambient:before{content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,231,255,.18),transparent 68%);box-shadow:0 0 120px rgba(0,210,255,.2)}.diamond-slot-v7 .slot-ambient i{position:absolute;left:50%;top:50%;width:130px;height:130px;border:1px solid rgba(80,226,255,.16);border-radius:50%;transform:translate(-50%,-50%) scale(.7);animation:slotRing 3.4s linear infinite}.diamond-slot-v7 .slot-ambient i:nth-child(2){animation-delay:1s;border-color:rgba(255,213,93,.14)}.diamond-slot-v7 .slot-ambient i:nth-child(3){animation-delay:2s;border-color:rgba(122,84,255,.14)}@keyframes slotRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}20%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}
.machine-backlight{animation:softPulse2 3.4s ease-in-out infinite!important;filter:blur(12px)!important}@keyframes softPulse2{0%,100%{opacity:.5;transform:translateX(-50%) scale(.95)}50%{opacity:.98;transform:translateX(-50%) scale(1.05)}}
.slot-machine{will-change:auto!important;transform:none!important}.slot-machine.playing{filter:drop-shadow(0 0 24px rgba(0,222,255,.28))}.slot-machine.playing:before{animation:machineScanV7 .9s linear infinite!important;opacity:.55!important}.slot-machine:after{display:none!important}@keyframes machineScanV7{0%{transform:translateX(-65%)}100%{transform:translateX(65%)}}
.slot-machine.playing .slot-frame{animation:cabinetGlowV7 .7s ease-in-out infinite alternate!important}.slot-machine.win .slot-frame{animation:winPulseV7 1.05s ease-in-out 2!important}.slot-machine.lost .slot-frame{animation:lostDimV7 .75s ease-out 1!important}@keyframes cabinetGlowV7{from{box-shadow:inset 0 0 22px rgba(26,204,255,.16),0 18px 42px rgba(0,0,0,.4),0 0 24px rgba(0,195,255,.16)}to{box-shadow:inset 0 0 30px rgba(57,230,255,.24),0 18px 42px rgba(0,0,0,.42),0 0 42px rgba(0,218,255,.36)}}@keyframes winPulseV7{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35);box-shadow:inset 0 0 34px rgba(255,255,255,.25),0 0 50px rgba(255,211,88,.54)}}@keyframes lostDimV7{0%{filter:brightness(1)}55%{filter:brightness(.55) saturate(.6)}100%{filter:brightness(.9)}}
.reel.spinning .reel-track{animation:reelRollV7 .24s linear infinite!important;will-change:transform}.reel:nth-child(2).spinning .reel-track{animation-duration:.20s!important}.reel:nth-child(3).spinning .reel-track{animation-duration:.17s!important}@keyframes reelRollV7{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-303px,0)}}
.reel.spinning .symbol{filter:blur(.45px) brightness(1.12)}.reel.spinning:after{backdrop-filter:none!important;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 22%,rgba(255,255,255,.06) 50%,transparent 78%,rgba(0,0,0,.4))!important}.reel-flash{opacity:.38!important}.slot-machine.playing .reel-flash{animation:flashPulseV7 .55s ease-in-out infinite!important}.slot-machine.win .reel-flash{opacity:.9!important;animation:winLineV7 .7s ease-in-out 2!important}@keyframes flashPulseV7{0%,100%{opacity:.18}50%{opacity:.72}}@keyframes winLineV7{0%,100%{transform:translateY(-50%) scaleX(.96);filter:brightness(1)}50%{transform:translateY(-50%) scaleX(1.03);filter:brightness(1.8)}}
body.slot-active .app-shell{animation:none!important;transform:none!important}body.slot-active .global-ambient:after{animation-duration:1.6s!important;opacity:.58}body.slot-active .global-ambient i{animation-duration:2.2s!important}body.slot-win-party .app-shell{animation:none!important;filter:none!important}body.slot-win-party .global-ambient:after{opacity:.72;filter:blur(14px) brightness(1.35)}body.slot-lose-mood .app-shell{filter:none!important}body.slot-lose-mood .global-ambient{filter:saturate(.72) brightness(.76)}
.win-modal{background:radial-gradient(circle at 50% 30%,rgba(0,170,255,.16),rgba(1,5,14,.78) 58%)!important}.win-card{animation:modalPopV7 .28s cubic-bezier(.2,1.1,.3,1) both!important}.lose-mode .win-card{animation:modalPopV7 .28s ease both!important}@keyframes modalPopV7{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.win-card:before{animation:winAura 5s linear infinite!important;opacity:.65}.confetti i{animation-duration:1.4s!important}.confetti .sad-drop{height:14px!important;animation-duration:1.6s!important}
.play-btn:disabled:after{animation:busySweep .95s linear infinite!important}.play-btn:before{animation:shineBtn 3.2s infinite!important}.slot-lever i{transition:.22s!important}

@media(max-width:380px){.global-ambient:after{filter:blur(22px)}.global-ambient i:nth-child(2),.global-ambient i:nth-child(3){display:none}.diamond-slot-v7 .slot-ambient i:nth-child(2),.diamond-slot-v7 .slot-ambient i:nth-child(3){display:none}.machine-backlight{display:none!important}.slot-machine.playing:before{display:none!important}.slot-machine.playing .slot-frame{animation:none!important}.reel.spinning .symbol{filter:none}.win-card:before{display:none}.play-btn:before{display:none}}


/* ================= V8 SMOOTH SLOT + REAL POPUP FIX ================= */
html.modal-open, html.modal-open body{overflow:hidden!important;touch-action:none}
/* Always keep the result as a real overlay, not as page content */
.win-modal{position:fixed!important;left:0!important;right:0!important;top:0!important;bottom:0!important;z-index:99999!important;display:grid!important;place-items:center!important;padding:22px 16px calc(28px + env(safe-area-inset-bottom))!important;background:radial-gradient(circle at 50% 38%,rgba(0,205,255,.20),rgba(0,3,12,.86) 56%,rgba(0,0,0,.94) 100%)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;overscroll-behavior:contain!important;transform:none!important}.win-modal.hidden{display:none!important}.win-modal.show{animation:overlayFadeV8 .18s ease both}@keyframes overlayFadeV8{from{opacity:0}to{opacity:1}}
.win-card{width:min(390px,calc(100vw - 34px))!important;max-height:calc(100dvh - 70px)!important;overflow:visible!important;margin:0 auto!important;padding:50px 18px 21px!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(10,32,68,.98),rgba(2,7,20,.99))!important;border:1px solid rgba(255,216,111,.82)!important;box-shadow:0 0 0 1px rgba(0,231,255,.13),0 0 60px rgba(255,195,49,.34),0 20px 70px rgba(0,0,0,.78),inset 0 0 36px rgba(0,188,255,.15)!important;animation:modalPopV8 .24s cubic-bezier(.18,1.12,.33,1) both!important}.win-card:after{content:"";position:absolute;inset:6px;border-radius:25px;border:1px solid rgba(95,230,255,.20);pointer-events:none}.lose-mode .win-card{border-color:rgba(88,163,255,.55)!important;box-shadow:0 16px 60px rgba(0,0,0,.74),inset 0 0 32px rgba(61,112,255,.12)!important}@keyframes modalPopV8{from{opacity:0;transform:scale(.92) translateY(22px)}to{opacity:1;transform:scale(1) translateY(0)}}
.win-gem{z-index:2!important}.win-card h2{font-size:34px!important;white-space:nowrap!important}.win-card p{font-size:23px!important}.win-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.win-actions button{min-height:54px!important;border-radius:18px!important}.confetti{position:absolute!important;inset:0!important;overflow:hidden!important;pointer-events:none!important;z-index:1!important}.confetti i{position:absolute!important;top:-20px!important;width:7px!important;height:14px!important;border-radius:4px!important;background:linear-gradient(#fff3a2,#ffd04b)!important;box-shadow:0 0 14px rgba(255,211,75,.8)!important;animation:confettiDropV8 1.15s ease-in forwards!important}.confetti i:nth-child(2n){background:linear-gradient(#9bf8ff,#1aa8ff)!important}.confetti i:nth-child(3n){width:9px!important;height:9px!important;border-radius:50%!important}.confetti .sad-drop{background:linear-gradient(#6cc8ff,#1d5bc6)!important;height:16px!important;width:3px!important;border-radius:8px!important;box-shadow:0 0 12px rgba(90,190,255,.48)!important;animation:sadDropV8 1.2s ease-in forwards!important}@keyframes confettiDropV8{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate3d(var(--x,10px),320px,0) rotate(260deg)}}@keyframes sadDropV8{0%{opacity:0;transform:translateY(-20px)}20%{opacity:.85}100%{opacity:0;transform:translateY(330px)}}
/* Remove costly full-page filters during spin; use contained effects only */
body.slot-active .global-ambient:after{animation-duration:3.8s!important;opacity:.40!important;filter:blur(20px)!important}body.slot-active .global-ambient i{animation-duration:6s!important}body.slot-active .app-shell,body.slot-win-party .app-shell,body.slot-lose-mood .app-shell{animation:none!important;filter:none!important;transform:none!important}.slot-machine.playing{filter:drop-shadow(0 0 18px rgba(0,221,255,.20))!important}.slot-machine.playing .slot-frame{animation:cabinetGlowV8 .9s ease-in-out infinite alternate!important}.slot-machine.playing:before{display:none!important}@keyframes cabinetGlowV8{from{box-shadow:inset 0 0 22px rgba(26,204,255,.12),0 16px 36px rgba(0,0,0,.4),0 0 18px rgba(0,195,255,.12)}to{box-shadow:inset 0 0 28px rgba(57,230,255,.22),0 16px 38px rgba(0,0,0,.42),0 0 34px rgba(0,218,255,.30)}}
.reel{contain:layout paint style!important}.reel-track{transform:translate3d(0,0,0);backface-visibility:hidden;will-change:auto!important}.reel.spinning .reel-track{will-change:transform!important;animation:reelRollV8 .30s linear infinite!important}.reel:nth-child(2).spinning .reel-track{animation-duration:.25s!important}.reel:nth-child(3).spinning .reel-track{animation-duration:.22s!important}@keyframes reelRollV8{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-303px,0)}}.reel.stopping .symbol{animation:stopBounceV8 .18s ease-out 1}@keyframes stopBounceV8{0%{transform:translateY(-8px)}100%{transform:translateY(0)}}.reel.spinning .symbol{filter:none!important}.reel.spinning .symbol img{filter:drop-shadow(0 0 8px rgba(0,213,255,.45))!important}.slot-machine.win .slot-frame{animation:winPulseV8 .55s ease-out 2!important}.slot-machine.lost .slot-frame{animation:lostDimV8 .5s ease-out 1!important}@keyframes winPulseV8{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}@keyframes lostDimV8{0%{filter:brightness(1)}60%{filter:brightness(.68) saturate(.7)}100%{filter:brightness(1)}}
/* Keep background alive on every page, but cheap */
.global-ambient:before{animation-duration:22s!important;opacity:.34!important}.global-ambient:after{animation-duration:8s!important;opacity:.30!important}.global-ambient i{animation-duration:10s!important;opacity:.55!important}.global-ambient b,.global-ambient em{animation-duration:7s!important;opacity:.75!important}
@media(max-width:390px){.win-card{width:calc(100vw - 26px)!important;padding-left:14px!important;padding-right:14px!important}.win-card h2{font-size:29px!important}.win-card p{font-size:20px!important}.win-actions button{font-size:15px!important}.slot-machine.playing .slot-frame{animation:none!important}.global-ambient i:nth-child(2),.global-ambient i:nth-child(3){display:none!important}.confetti i:nth-child(n+15){display:none!important}}
@media(prefers-reduced-motion:reduce){.reel.spinning .reel-track,.slot-machine.playing .slot-frame,.global-ambient:before,.global-ambient:after,.global-ambient i,.confetti i,.win-card,.win-gem img{animation:none!important}}

/* ================= V9 FOOTER FIX + PROFESSIONAL RESULT FX ================= */
:root{--nav-h:76px;--safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{min-height:100%;overscroll-behavior-y:none}.app-shell{max-width:430px!important;width:100%!important;min-height:100dvh!important;padding:16px 16px calc(var(--nav-h) + 34px + var(--safe-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important}.bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(10px + var(--safe-bottom))!important;transform:translateX(-50%)!important;width:min(386px,calc(100vw - 34px))!important;max-width:386px!important;height:72px!important;z-index:9990!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:center!important;gap:6px!important;padding:8px!important;margin:0!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(6,25,56,.94),rgba(3,10,23,.98))!important;border:1px solid rgba(71,203,255,.32)!important;box-shadow:0 0 24px rgba(0,171,255,.16),0 12px 38px rgba(0,0,0,.52),inset 0 0 24px rgba(68,170,255,.08)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.bottom-nav a{height:54px!important;border-radius:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;color:#aab9d8!important;white-space:nowrap!important}.bottom-nav a.active{color:#ffe58a!important;background:linear-gradient(180deg,rgba(12,42,88,.95),rgba(8,25,55,.98))!important;border:1px solid rgba(255,216,106,.42)!important;box-shadow:inset 0 0 18px rgba(91,188,255,.12),0 0 18px rgba(255,209,78,.13)!important}.grid2{padding-bottom:8px!important}.hero-card{margin-bottom:18px!important}.clean-header,.topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:16px 0 18px!important}.clean-header div,.topbar div{min-width:0!important;display:block!important}.clean-header h1,.topbar b{display:block!important;margin:0!important;line-height:1.15!important;white-space:normal!important}.clean-header p,.topbar span{display:block!important;margin:4px 0 0!important;line-height:1.25!important;color:#a9bee6!important}.clean-header .top-action,.topbar .top-action{flex:0 0 auto!important}.history-row,.leader-row,.reward-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 18px!important;border-radius:23px!important;background:linear-gradient(180deg,rgba(7,27,59,.9),rgba(3,11,27,.96))!important;border:1px solid rgba(80,202,255,.18)!important;box-shadow:inset 0 0 24px rgba(39,148,255,.07),0 12px 24px rgba(0,0,0,.22)!important}.history-row b,.leader-row b,.reward-card b{display:block;line-height:1.18}.history-row small,.leader-row small,.reward-card small{display:block;color:#9fb4df;margin-top:4px;line-height:1.2}.badge{border-radius:999px!important;padding:7px 12px!important;font-weight:900!important;text-transform:capitalize!important}

.win-modal.v9-result{background:radial-gradient(circle at 50% 36%,rgba(0,234,255,.22),rgba(0,10,30,.88) 54%,rgba(0,0,0,.96) 100%)!important}.win-modal.v9-result:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(255,214,90,.18),transparent 28%),conic-gradient(from 0deg at 50% 48%,transparent,rgba(0,217,255,.11),transparent,rgba(255,207,75,.13),transparent);filter:blur(18px);animation:v9WinSky 3.2s linear infinite;pointer-events:none}.win-modal.lose-mode.v9-result{background:radial-gradient(circle at 50% 36%,rgba(58,95,160,.18),rgba(0,8,25,.91) 55%,rgba(0,0,0,.97) 100%)!important}.win-modal.lose-mode.v9-result:before{background:radial-gradient(circle at 50% 40%,rgba(97,135,204,.12),transparent 32%);animation:v9SadSky 3s ease-in-out infinite}@keyframes v9WinSky{to{transform:rotate(360deg)}}@keyframes v9SadSky{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:.7;transform:scale(1.05)}}.win-card{overflow:hidden!important}.win-card.v9-win{animation:v9WinPop .48s cubic-bezier(.18,1.45,.25,1) both!important}.win-card.v9-win:before{opacity:.95!important;animation:v9CardAura 2.4s linear infinite!important;background:conic-gradient(from 0deg,transparent,rgba(255,227,105,.25),transparent,rgba(0,231,255,.20),transparent)!important}.win-card.v9-win:after{content:"";position:absolute;left:-40%;right:-40%;top:34%;height:4px;background:linear-gradient(90deg,transparent,#fff0a8,#35e9ff,#fff0a8,transparent);box-shadow:0 0 24px #ffe27b,0 0 32px #00eaff;animation:v9WinSlash 1.6s ease-in-out infinite;pointer-events:none}.win-card.v9-lose{animation:v9LosePop .42s ease both!important}.win-card.v9-lose:before{opacity:.25!important;background:linear-gradient(180deg,rgba(79,126,199,.18),transparent)!important;animation:none!important}@keyframes v9WinPop{0%{opacity:0;transform:translateY(28px) scale(.86);filter:brightness(1.8)}65%{opacity:1;transform:translateY(-4px) scale(1.03)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes v9LosePop{0%{opacity:0;transform:translateY(-12px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes v9CardAura{to{transform:rotate(360deg)}}@keyframes v9WinSlash{0%,100%{transform:translateX(-18%) scaleX(.65);opacity:.22}50%{transform:translateX(18%) scaleX(1);opacity:1}}.win-card.v9-win h2{animation:v9TitleGlow 1.3s ease-in-out infinite}.win-card.v9-lose h2{background:linear-gradient(#e5edff,#879bc0,#445a86)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}@keyframes v9TitleGlow{0%,100%{filter:drop-shadow(0 0 4px rgba(255,208,69,.4))}50%{filter:drop-shadow(0 0 16px rgba(255,225,99,.9))}}.win-card.v9-win .win-gem{animation:v9GemBurst 1.25s ease-in-out infinite}.win-card.v9-lose .win-gem{animation:v9SadGem 1.4s ease-in-out infinite}@keyframes v9GemBurst{0%,100%{transform:translateX(-50%) scale(1);box-shadow:0 0 26px rgba(0,230,255,.6),0 0 36px rgba(255,211,73,.38)}50%{transform:translateX(-50%) scale(1.12);box-shadow:0 0 44px rgba(0,230,255,.95),0 0 60px rgba(255,211,73,.65)}}@keyframes v9SadGem{0%,100%{transform:translateX(-50%) translateY(0) rotate(-2deg)}50%{transform:translateX(-50%) translateY(5px) rotate(2deg)}}.v9-burst,.v9-diamond,.v9-coin,.v9-sad{position:absolute!important;pointer-events:none!important;z-index:1!important}.v9-burst{left:50%;top:50%;width:8px!important;height:8px!important;border-radius:50%;background:#fff2a7!important;box-shadow:0 0 18px #ffe27b!important;animation:v9Burst .85s ease-out forwards!important}.v9-diamond{top:44%!important;width:18px!important;height:18px!important;background:linear-gradient(145deg,#bfffff,#1fc8ff 45%,#1768ff)!important;clip-path:polygon(50% 0,100% 38%,74% 100%,26% 100%,0 38%)!important;filter:drop-shadow(0 0 9px #00eaff)!important;animation:v9DiamondFly 1.65s ease-out forwards!important}.v9-coin{top:46%!important;width:13px!important;height:13px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#fff7bd,#ffd04a 55%,#9e5d10)!important;box-shadow:0 0 12px rgba(255,210,65,.85)!important;animation:v9CoinFly 1.55s ease-out forwards!important}.v9-sad{top:-20px!important;width:3px!important;height:22px!important;border-radius:8px!important;background:linear-gradient(#95c8ff,#2b62c6)!important;animation:v9SadRain 1.4s ease-in forwards!important}@keyframes v9Burst{from{opacity:1;transform:translate(-50%,-50%) rotate(var(--a)) translateX(0) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--d)) scale(1.2)}}@keyframes v9DiamondFly{0%{opacity:0;transform:translate3d(0,0,0) scale(.5) rotate(0)}12%{opacity:1}100%{opacity:0;transform:translate3d(var(--x),var(--y),0) scale(1) rotate(360deg)}}@keyframes v9CoinFly{0%{opacity:0;transform:translate3d(0,0,0) scale(.5) rotateY(0)}15%{opacity:1}100%{opacity:0;transform:translate3d(var(--x),var(--y),0) scale(.9) rotateY(520deg)}}@keyframes v9SadRain{0%{opacity:0;transform:translateY(-30px)}20%{opacity:.85}100%{opacity:0;transform:translateY(460px)}}

@media(max-width:390px){.bottom-nav{width:calc(100vw - 34px)!important;height:70px!important}.bottom-nav a{font-size:16px!important}.app-shell{padding-left:16px!important;padding-right:16px!important}.win-card.v9-win:after{display:none!important}.v9-diamond:nth-child(n+15),.v9-coin:nth-child(n+15),.v9-burst:nth-child(n+16){display:none!important}}
@media(prefers-reduced-motion:reduce){.win-modal.v9-result:before,.win-card.v9-win,.win-card.v9-win:before,.win-card.v9-win h2,.win-card.v9-win .win-gem,.v9-burst,.v9-diamond,.v9-coin,.v9-sad{animation:none!important}}

/* V11 username + redeem confirmation polish */
.redeem-confirm{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;background:rgba(1,7,20,.76);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .2s ease}
.redeem-confirm.show{opacity:1;pointer-events:auto}
.redeem-confirm.hidden{display:none}
.redeem-confirm-card{width:min(92vw,390px);border-radius:28px;padding:24px 20px;background:linear-gradient(155deg,rgba(7,22,54,.98),rgba(2,8,23,.98));border:1px solid rgba(250,204,21,.55);box-shadow:0 0 0 1px rgba(32,211,255,.18),0 30px 90px rgba(0,0,0,.65),0 0 55px rgba(0,183,255,.24);text-align:center;transform:scale(.92) translateY(14px);animation:confirmPop .28s cubic-bezier(.2,1.25,.3,1) forwards;position:relative;overflow:hidden}
.redeem-confirm-card:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 0,rgba(250,204,21,.22),transparent 32%),radial-gradient(circle at 10% 80%,rgba(0,198,255,.18),transparent 30%);animation:confirmGlow 2.8s ease-in-out infinite alternate;pointer-events:none}
.redeem-confirm-card>*{position:relative;z-index:1}
.redeem-confirm-icon{width:84px;height:84px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0ea5e9,#09214f 68%);box-shadow:0 0 28px rgba(0,217,255,.45),0 0 32px rgba(250,204,21,.18)}
.redeem-confirm-icon img{width:58px;height:58px;filter:drop-shadow(0 0 10px rgba(56,189,248,.9))}
.redeem-confirm h3{margin:8px 0 6px;font-size:30px;color:#f8d36b;font-family:Georgia,serif;text-shadow:0 0 18px rgba(250,204,21,.35)}
.redeem-confirm p{margin:0;color:#f8fbff;font-size:17px;font-weight:800;line-height:1.35}.redeem-confirm small{display:block;margin-top:8px;color:#a9c4e9;font-size:13px;line-height:1.4}
.redeem-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.redeem-confirm-actions button{border:0;border-radius:17px;padding:14px 12px;font-weight:900;font-size:16px;color:#fff;cursor:pointer}.confirm-cancel{background:rgba(10,28,61,.88);border:1px solid rgba(142,197,255,.35)!important}.confirm-redeem{background:linear-gradient(90deg,#f5b83b,#00c8ff);box-shadow:0 0 24px rgba(0,200,255,.25);color:#061225!important}
.app-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%) translateY(18px);z-index:100001;max-width:88vw;padding:13px 18px;border-radius:18px;background:rgba(4,13,32,.95);border:1px solid rgba(142,197,255,.25);box-shadow:0 14px 38px rgba(0,0,0,.45);color:#fff;font-weight:800;opacity:0;pointer-events:none;transition:.22s ease;text-align:center}.app-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.app-toast.ok{border-color:rgba(45,212,191,.55);color:#99f6e4}.app-toast.bad{border-color:rgba(248,113,113,.55);color:#fecaca}
.app-top span,.topbar span{line-height:1.3}.player-name{color:#fff}.player-idline{color:#a9c4e9}
@keyframes confirmPop{to{transform:scale(1) translateY(0)}}@keyframes confirmGlow{from{transform:rotate(0deg) scale(1)}to{transform:rotate(8deg) scale(1.04)}}

/* V12 webhook redeem processing */
.redeem-progress{position:fixed;inset:0;z-index:100002;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 35%,rgba(0,202,255,.18),rgba(1,7,20,.82) 52%,rgba(0,0,0,.96));backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .22s ease}.redeem-progress.show{opacity:1;pointer-events:auto}.redeem-progress.hidden{display:none}.redeem-progress-card{width:min(92vw,400px);border-radius:30px;padding:28px 20px 22px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(8,28,66,.98),rgba(1,8,22,.99));border:1px solid rgba(86,220,255,.48);box-shadow:0 0 0 1px rgba(255,214,92,.18),0 28px 85px rgba(0,0,0,.7),0 0 54px rgba(0,190,255,.22);animation:confirmPop .28s cubic-bezier(.2,1.25,.3,1) forwards}.redeem-progress-card:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,rgba(0,217,255,.2),transparent,rgba(255,210,72,.18),transparent);animation:v9WinSky 4s linear infinite;filter:blur(12px);pointer-events:none}.redeem-progress-card>*{position:relative;z-index:1}.redeem-progress-orb{width:92px;height:92px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#bfffff,#0ea5e9 45%,#071a42 70%);box-shadow:0 0 30px rgba(0,224,255,.6),0 0 46px rgba(250,204,21,.18);animation:v9GemBurst 1.3s ease-in-out infinite}.redeem-progress-orb img{width:62px;height:62px;filter:drop-shadow(0 0 14px rgba(0,231,255,.8))}.redeem-progress h3{margin:0 0 8px;font-family:Georgia,serif;font-size:31px;background:linear-gradient(#fff9dc,#ffd05d,#06d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.redeem-progress p{margin:0 0 16px;color:#eaf7ff;font-weight:900;font-size:17px;line-height:1.35}.progress-track{height:16px;border-radius:999px;background:rgba(1,7,20,.92);border:1px solid rgba(116,197,255,.28);overflow:hidden;box-shadow:inset 0 0 16px rgba(0,0,0,.55);margin:10px 0}.progress-track span{display:block;height:100%;width:8%;border-radius:inherit;background:linear-gradient(90deg,#ffd36c,#00c8ff,#6df6ff);box-shadow:0 0 22px rgba(0,214,255,.65);transition:width .45s ease}.redeem-progress small{display:block;color:#a9c5ef;font-size:13px;line-height:1.4}.sn-box{margin:16px 0 6px;padding:12px;border-radius:18px;background:rgba(1,12,30,.8);border:1px solid rgba(250,204,21,.38);text-align:left}.sn-box.hidden{display:none}.sn-box b{display:block;color:#ffd96e;font-size:12px;letter-spacing:.08em;margin-bottom:5px}.sn-box code{display:block;word-break:break-all;color:#8cf6ff;font-weight:1000;font-size:16px}.redeem-progress-card>button{margin-top:16px;width:100%;height:52px;border:0;border-radius:18px;background:linear-gradient(90deg,#f5b83b,#00c8ff);font-weight:1000;color:#061225;font-size:17px}.redeem-progress-card>button.hidden{display:none}.badge.warn{background:rgba(250,204,21,.14)!important;color:#fde68a!important;border:1px solid rgba(250,204,21,.35)!important}.sn-line{color:#8cf6ff!important;font-weight:900!important}
