#reward-popup{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:clip;box-shadow:none;color:#3a2619;outline:none}
#reward-popup::backdrop{background:rgba(47,27,17,.48);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.popup-stage{min-height:100%;width:100%;display:grid;place-items:center;position:relative;padding:34px 24px;overflow:clip}
.popup-aura{position:absolute;left:50%;top:50%;width:650px;height:650px;max-width:150vw;max-height:150vw;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#ffd98158 0%,#ffba5720 40%,transparent 69%);pointer-events:none}
.popup-card{width:100%;max-width:342px;position:relative;z-index:2;text-align:center;border-radius:28px;padding:135px 27px 20px;background:radial-gradient(ellipse at 50% 0,#fff7d7,transparent 42%),linear-gradient(180deg,#fff9eb,#fff4e7);box-shadow:0 26px 80px #27100657,inset 0 0 0 1px #fff9e7;transform-origin:50% 62%;isolation:isolate}
.popup-card::after{content:"";position:absolute;inset:auto 0 0;height:96px;border-radius:0 0 28px 28px;background:linear-gradient(0deg,#ffdec44d,transparent);z-index:-1;pointer-events:none}
.popup-close{position:absolute;right:12px;top:12px;width:31px;height:31px;display:grid;place-items:center;line-height:1;border-radius:50%;border:1px solid #ddc6af57;background:#fff6e280;color:#af8e70;font-size:25px;font-weight:300;z-index:4;padding:0}
.popup-close:hover{background:#ffead3}.popup-close:focus-visible{outline-color:#a64125}
.popup-coin-display{position:absolute;width:240px;height:176px;top:-40px;left:50%;transform:translateX(-50%);pointer-events:none}
.hero-coin{position:absolute;width:147px;height:147px;object-fit:contain;filter:drop-shadow(0 13px 9px #c88c2228)}
.hero-coin-front{top:10px;left:65px;transform:rotate(10deg)}.hero-coin-back{top:48px;left:6px;width:112px;height:112px;transform:rotate(-21deg)}
.coin-orbit{position:absolute;border:1px solid #e7b36142;border-radius:50%;width:188px;height:70px;left:25px;top:82px;transform:rotate(-26deg)}.orbit-two{transform:rotate(23deg);width:204px;left:20px;top:72px;border-color:#e7b3612b}
.popup-star{position:absolute;color:#df9a26;font-weight:400}.star-one{left:15px;top:35px;font-size:26px}.star-two{right:4px;top:105px;font-size:33px}.star-three{left:54px;top:0;font-size:14px}
.popup-kicker{margin:0 0 8px!important;font-size:11px!important;letter-spacing:2px;line-height:1.5!important;color:#bc8f56!important}
#popup-title{font-size:27px;line-height:1.4;letter-spacing:-1px;font-weight:800;margin:0;color:#5b3420}
#popup-title:focus{outline:none}
.popup-prize{display:flex;align-items:baseline;justify-content:center;margin-top:14px;color:#f05237;font-size:88px;line-height:1.08;font-weight:800;letter-spacing:-4px;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 #fff8ee}
.popup-dollar{font-size:40px;letter-spacing:-1px;margin-right:3px}.popup-cents{font-size:37px;letter-spacing:-2px}
.popup-currency{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:7px;color:#b89063;font-size:11px;letter-spacing:1.4px}.popup-currency>span:first-child,.popup-currency>span:last-child{height:1px;width:22px;background:#d8ab735e}
#popup-description{font-size:12px;line-height:1.7;color:#a48060;margin:19px 0 21px}
.popup-primary{display:flex;align-items:center;justify-content:center;gap:17px;min-height:54px;width:100%;padding:13px 16px;border:0;border-radius:15px;background:linear-gradient(140deg,#ff8560,#f4503f 78%);color:white;font-size:17px;font-weight:700;box-shadow:0 7px 0 #e2a47119,0 10px 25px #e9683f28,inset 0 1px 0 #ffc3a9;transition:transform .2s}
.popup-primary:hover{transform:translateY(-2px)}.popup-primary>span:last-child{font-size:22px;font-weight:400}
.popup-demo{margin:12px 0 0!important;line-height:1.5!important;font-size:9px!important;letter-spacing:.3px;color:#bca188!important}
#coin-rain{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden;perspective:700px;contain:strict}
.falling-coin{position:absolute;left:var(--coin-x);top:0;width:var(--coin-size);height:var(--coin-size);opacity:0;will-change:transform;animation:coin-fall var(--fall-time) cubic-bezier(.34,.05,.7,.43) var(--fall-delay) both}
.falling-coin img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 4px 3px #49280535);animation:coin-turn var(--spin-time) linear var(--fall-delay) infinite;transform-origin:50% 50%}
.falling-coin.soft-focus{filter:blur(.8px)}
#reward-popup.is-playing .popup-card{animation:reward-card-pop .8s cubic-bezier(.2,.8,.25,1) both}
#reward-popup.is-playing .hero-coin-front{animation:hero-arrive .9s cubic-bezier(.14,.88,.24,1.1) .1s both}
#reward-popup.is-playing .hero-coin-back{animation:back-arrive 1s cubic-bezier(.14,.88,.24,1.1) .2s both}
#reward-popup.is-playing .popup-star{animation:star-reveal 1s ease .5s both}
html[lang="en"] #popup-title{font-size:27px;letter-spacing:-.8px}html[lang="en"] .popup-kicker{font-size:10px!important;letter-spacing:1px}
@keyframes reward-card-pop{0%{opacity:0;transform:translateY(48px) scale(.72)}58%{opacity:1;transform:translateY(-8px) scale(1.035)}80%{transform:translateY(3px) scale(.992)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hero-arrive{0%{opacity:0;transform:translateY(-72px) rotate(-18deg) scale(.75)}65%{opacity:1;transform:translateY(5px) rotate(13deg) scale(1.06)}100%{opacity:1;transform:translateY(0) rotate(10deg) scale(1)}}
@keyframes back-arrive{0%{opacity:0;transform:translateY(-45px) rotate(-50deg) scale(.65)}100%{opacity:1;transform:translateY(0) rotate(-21deg) scale(1)}}
@keyframes star-reveal{from{opacity:0;transform:scale(.3) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes coin-fall{0%{opacity:0;transform:translate3d(0,-120px,0) rotate(var(--coin-rotation))}7%{opacity:1}91%{opacity:1}100%{opacity:0;transform:translate3d(var(--coin-drift),calc(100dvh + 120px),0) rotate(calc(var(--coin-rotation) + 240deg))}}
@keyframes coin-turn{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@media(max-width:375px){.popup-stage{padding-left:22px;padding-right:22px}.popup-card{padding-left:23px;padding-right:23px}.popup-prize{font-size:81px}#popup-title{font-size:25px}}
@media(max-height:670px){.popup-stage{padding-top:40px;padding-bottom:14px}.popup-card{padding-top:100px;padding-bottom:14px;max-width:320px}.popup-coin-display{top:-43px;transform:translateX(-50%) scale(.8)}.popup-prize{font-size:69px;margin-top:9px}.popup-kicker{margin-bottom:3px!important}#popup-description{margin:13px 0 16px}.popup-demo{margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){#coin-rain{display:none}.popup-card,.hero-coin,.popup-star{animation:none!important}.popup-primary{transition:none}}
