.reward-game{--rg-blue:#1686eb;--rg-navy:#063777;--rg-gold:#e7b54d;align-items:center;background:radial-gradient(circle at 50% 32%,#fff 0 20%,#ffffffb8 37%,transparent 66%),linear-gradient(150deg,#e4f5ff,#fbfdff 45%,#c8ebff);color:var(--rg-navy);display:none;font-family:var(--font-body-family,Arial,sans-serif);height:100dvh;top:0;right:0;bottom:0;left:0;isolation:isolate;justify-content:center;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));position:fixed;width:100vw;z-index:2147483000}.reward-game.is-active{display:flex}.reward-game *,.reward-game *:before,.reward-game *:after{box-sizing:border-box}.reward-game__content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;max-height:900px;position:relative;width:100%;z-index:2}.reward-game__header{flex:0 0 auto;margin:0 0 clamp(9px,1.7vh,18px);max-width:740px;text-align:center}.reward-game__eyebrow{font-size:clamp(24px,4vh,45px);line-height:.9;margin:0 0 2px}.reward-game__heading{color:var(--rg-blue);font-size:clamp(29px,5.2vh,58px);font-weight:800;letter-spacing:-.05em;line-height:.96;margin:0;text-shadow:0 2px 0 #fff,0 5px 14px #8fc8ff70}.reward-game__subheading{font-size:clamp(14px,2.1vh,21px);font-weight:650;line-height:1.28;margin:8px auto 0;max-width:670px}.reward-game__grid{--card-width:min(27vw,154px);display:grid;flex:0 1 auto;gap:clamp(7px,1.5vw,15px);grid-template-columns:repeat(3,var(--card-width));justify-content:center;perspective:1400px}.reward-card{aspect-ratio:4/5;background:none;border:0;cursor:pointer;padding:0;perspective:1000px;position:relative;-webkit-tap-highlight-color:transparent}.reward-card:focus-visible{border-radius:15px;outline:3px solid var(--rg-blue);outline-offset:3px}.reward-card__inner{display:block;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,.78,.25,1);width:100%;-webkit-transform-style:preserve-3d}.reward-card.is-revealed .reward-card__inner{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.reward-card.is-jackpot .reward-card__inner{transition-duration:1.25s}.reward-card__face{backface-visibility:hidden;border-radius:clamp(11px,1.7vw,18px);top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;-webkit-backface-visibility:hidden}.reward-card__face--front{align-items:center;background:linear-gradient(135deg,#fff,#fffaf2 55%,#f7fafc);border:1.5px solid #e8b95b;box-shadow:0 5px #b9d9ed,0 9px 17px #2d89b333,inset 0 0 0 4px #fffdf8,inset 0 0 0 5px #f4dca8;display:flex;justify-content:center;transform:rotateY(0);-webkit-transform:rotateY(0deg);z-index:2}.reward-card__face--front:before{background:repeating-radial-gradient(ellipse at 50% 50%,#dcc18b24 0 1px,transparent 1px 7px);content:"";top:6px;right:6px;bottom:6px;left:6px;position:absolute}.reward-card__face--back{background:#fff;border:1.5px solid #f3c96f;box-shadow:0 5px #b9d9ed,0 9px 17px #2d89b333;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);z-index:1}.reward-card.is-reveal-complete .reward-card__face--front{display:none}.reward-card__image{display:block;height:100%;object-fit:cover;width:100%}.reward-card__fallback{align-items:center;background:linear-gradient(145deg,#fffefb,#eff9ff);color:var(--rg-blue);display:none;font-size:clamp(13px,2vw,20px);font-weight:800;height:100%;line-height:1.1;padding:10px}.reward-card__image.is-missing+.reward-card__fallback{display:flex}.reward-card__corner{border-color:#e9bf71;border-style:solid;height:15px;position:absolute;width:15px;z-index:1}.reward-card__corner--tl{border-width:1px 0 0 1px;left:8px;top:8px}.reward-card__corner--tr{border-width:1px 1px 0 0;right:8px;top:8px}.reward-card__corner--bl{border-width:0 0 1px 1px;bottom:8px;left:8px}.reward-card__corner--br{border-width:0 1px 1px 0;bottom:8px;right:8px}.lotus-seal{display:block;height:68%;position:relative;width:76%;z-index:1}.lotus-seal:before,.lotus-seal:after{border:1px solid #d9ac55;border-radius:70% 30%;content:"";height:44%;left:28%;position:absolute;top:28%;width:44%}.lotus-seal:before{transform:rotate(45deg)}.lotus-seal:after{transform:rotate(135deg)}.lotus-seal__petal{background:linear-gradient(140deg,#fff,#f7edda);border:1px solid #deb156;border-radius:70% 30%;box-shadow:inset 0 0 6px #fff,0 2px 3px #c9963926;height:55%;left:22.5%;position:absolute;top:22.5%;transform-origin:50% 100%;width:55%}.lotus-seal__petal--top{transform:rotate(0)}.lotus-seal__petal--right{transform:rotate(90deg)}.lotus-seal__petal--bottom{transform:rotate(180deg)}.lotus-seal__petal--left{transform:rotate(270deg)}.lotus-seal__core{align-items:center;background:linear-gradient(145deg,#fffdf8,#f3e1bd);border:2px solid #e4b654;border-radius:50%;box-shadow:0 0 0 3px #fff9ec,0 3px 8px #b6812d44;color:var(--rg-blue);display:flex;flex-direction:column;font-size:clamp(16px,3.1vw,35px);height:50%;justify-content:center;left:25%;line-height:.65;position:absolute;top:25%;width:50%;z-index:2}.lotus-seal__core span{color:#efb928;font-size:.45em}.reward-card.is-revealing:before{animation:rg-card-pop .7s ease-out both;background:radial-gradient(circle,rgba(255,255,255,.98) 0 5%,rgba(102,202,255,.65) 18%,transparent 65%);border-radius:50%;content:"";top:-35%;right:-35%;bottom:-35%;left:-35%;pointer-events:none;position:absolute;z-index:4}.reward-card.is-jackpot:after{animation:rg-jackpot-ring 1.6s ease-out both;border:3px solid #ffd261;border-radius:50%;content:"";top:40%;right:40%;bottom:40%;left:40%;pointer-events:none;position:absolute;z-index:5}.reward-game__status{align-items:center;background:#ffffffdf;border:2px solid #acd8ff;border-radius:100px;box-shadow:0 5px 14px #449dd830;display:flex;flex:0 0 auto;gap:10px;margin:clamp(11px,1.8vh,18px) auto 0;padding:7px 14px;text-align:left}.reward-game__status-icon{color:var(--rg-blue);font-size:29px;transform:rotate(-12deg)}.reward-game__progress{font-size:clamp(15px,2.2vh,20px);font-weight:800;margin:0}.reward-game__steps{display:flex;gap:4px;margin-top:4px}.reward-game__steps i{background:#dceeff;border:2px solid #78b9ef;border-radius:50%;display:block;height:15px;position:relative;width:15px}.reward-game__steps i:not(:last-child):after{background:#78b9ef;content:"";height:2px;left:12px;position:absolute;top:5px;width:10px}.reward-game__steps i.is-complete{background:var(--rg-blue)}.reward-game__note{color:var(--rg-blue);flex:0 0 auto;font-size:clamp(12px,1.8vh,16px);font-weight:650;margin:8px 0 0}.reward-game__claim{background:linear-gradient(135deg,#0871d8,#3bb0ff);border:0;border-radius:999px;box-shadow:0 7px 16px #167fe655;color:#fff;cursor:pointer;flex:0 0 auto;font:inherit;font-size:17px;font-weight:800;margin-top:12px;padding:11px 27px}.reward-game__claim:hover{transform:translateY(-2px)}.reward-game__claim:focus-visible{outline:3px solid #073574;outline-offset:3px}.reward-game__glow{background:#8fd4ff80;border-radius:50%;filter:blur(20px);height:35vw;max-height:330px;max-width:330px;position:absolute;width:35vw;z-index:-1}.reward-game__glow--one{left:-10%;top:27%}.reward-game__glow--two{bottom:-8%;right:-10%}.reward-game__confetti{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;z-index:6}.reward-game__confetti i{animation:rg-confetti 2.25s cubic-bezier(.12,.65,.25,1) forwards;background:var(--confetti-color);border-radius:2px;height:10px;left:50%;position:absolute;top:43%;transform:translate(-50%,-50%) rotate(var(--rotate));width:6px}.reward-game.is-jackpot-active:before{animation:rg-rays 1.8s ease-out both;background:repeating-conic-gradient(from 0deg at 50% 50%,#ffe18400 0 8deg,#ffe18480 9deg 11deg,#ffe18400 12deg 22deg);content:"";top:-45%;right:-45%;bottom:-45%;left:-45%;pointer-events:none;position:absolute;z-index:1}.reward-game.is-animating .reward-card:not(.is-revealed){animation:rg-float 2.4s ease-in-out infinite}.reward-game.is-animating .reward-card:nth-child(2n){animation-delay:-.8s}.reward-card.is-jackpot .reward-card__face--back{animation:rg-gold 1.7s ease-out both}.reward-game.is-exiting{animation:rg-out .32s ease forwards}body.reward-game-lock{overflow:hidden}@keyframes rg-float{50%{transform:translateY(-3px)}}@keyframes rg-card-pop{0%{opacity:0;transform:scale(.15)}35%{opacity:1}to{opacity:0;transform:scale(1.1)}}@keyframes rg-gold{0%{box-shadow:0 0 0 transparent;filter:brightness(1)}35%{box-shadow:0 0 40px 16px #ffd55ce6;filter:brightness(1.55)}to{box-shadow:0 5px #b9d9ed,0 0 20px #ffd55c99;filter:brightness(1)}}@keyframes rg-jackpot-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(5)}}@keyframes rg-rays{0%{opacity:0;transform:scale(.2) rotate(-10deg)}28%{opacity:1}to{opacity:0;transform:scale(1) rotate(16deg)}}@keyframes rg-confetti{to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(calc(var(--rotate) + 680deg))}}@keyframes rg-out{to{opacity:0;visibility:hidden}}@media(min-width:700px){.reward-game__grid{--card-width:min(17vw,154px)}}.reward-game[data-animations=false] .reward-card,.reward-game[data-animations=false] .reward-card:before,.reward-game[data-animations=false] .reward-card:after{animation:none!important}@media(max-height:650px){.reward-game__heading{font-size:clamp(27px,4.5vh,38px)}.reward-game__eyebrow{display:none}.reward-game__subheading{margin-top:5px}.reward-game__grid{--card-width:min(23vh,25vw);gap:7px}.reward-game__status{margin-top:8px}.reward-game__note{display:none}.reward-game__claim{margin-top:8px;padding:9px 22px}}@media(prefers-reduced-motion:reduce){.reward-game *,.reward-game *:before,.reward-game *:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/reward-game.css.map */