.referral-gift{position:absolute;inset:0;z-index:900;isolation:isolate;overflow:hidden;background:#f4f5f7;color:#111214;display:grid;place-items:center;text-align:center;touch-action:manipulation}
.referral-gift-rays{position:absolute;left:50%;top:50%;width:1400px;height:1400px;translate:-50% -50%;opacity:.86;background:repeating-conic-gradient(from -8deg,#bcc1c7 0deg 14deg,#f4f5f7 14deg 30deg);animation:win-metal-turn 36s linear infinite;pointer-events:none;z-index:-2;will-change:transform}
.referral-gift:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 48%,#fffffff2 0%,#ffffffa8 27%,#ffffff00 65%);pointer-events:none}
.referral-gift-content{width:100%;padding:28px 24px;max-width:440px;animation:gift-arrive .42s cubic-bezier(.2,.7,.25,1) both}
.referral-gift-eyebrow{font-size:14px;line-height:1.4;font-weight:550;color:#64676c;margin:0 0 10px}
.referral-gift-title{font-size:clamp(24px,7.1vw,31px);line-height:1.12;letter-spacing:-1px;margin:0;height:2.24em;display:flex;align-items:center;justify-content:center;font-weight:750}
.referral-gift-stage{position:relative;width:min(100%,330px);aspect-ratio:1/1.08;margin:6px auto 16px;isolation:isolate}
.referral-gift-box{position:absolute;inset:0;display:block;width:100%;padding:0;border:0;background:none;touch-action:none;-webkit-touch-callout:none;user-select:none;color:inherit}
.referral-gift-box:focus-visible{outline:2px solid #666;outline-offset:3px;border-radius:8px}
.referral-gift-art{display:block;position:absolute;inset:13% 0 -1%;transform-origin:50% 85%;will-change:transform}
.referral-gift-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.referral-gift-open{opacity:0}
.referral-gift-token{position:absolute;width:41%;height:38%;object-fit:contain;left:29.5%;top:30%;opacity:0;pointer-events:none;z-index:4;will-change:transform,opacity}
.referral-gift-light{position:absolute;inset:-8% -15%;background:radial-gradient(ellipse at 50% 48%,#fff 0%,#ffffffcb 20%,#ffffff00 66%);opacity:0;pointer-events:none}
.referral-gift-controls{height:161px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}
.referral-gift-hint{font-size:15px;font-weight:550;margin:9px 0 14px;color:#4d5055}
.referral-gift-progress{width:132px;height:4px;background:#aaaeb44a;overflow:hidden;border-radius:2px}
.referral-gift-progress span{display:block;width:100%;height:100%;background:#ed947d;transform:scaleX(0);transform-origin:left center;will-change:transform}
.referral-gift-reward{font-size:35px;font-weight:760;letter-spacing:-1px;line-height:1.05;margin:0 0 8px}
.referral-gift-note{font-size:14px;line-height:1.35;color:#696b70;margin:0 0 22px}
.referral-gift-claim{background:#111214;color:#fff;min-height:50px;width:min(100%,280px);border-radius:10px;font-size:16px;font-weight:650;padding:12px 20px;transition:transform .16s,opacity .16s}
.referral-gift-claim:active{transform:scale(.98)}.referral-gift-claim:disabled{opacity:.6}
.referral-gift-error{font-size:13px;line-height:1.35;color:#714c43;margin:10px 0 0;min-height:18px}
.referral-gift-sparks{position:absolute;left:50%;top:47%;pointer-events:none;z-index:5}
.referral-gift-sparks i{position:absolute;width:7px;height:7px;background:#fff;clip-path:polygon(50% 0,63% 36%,100% 50%,63% 64%,50% 100%,37% 64%,0 50%,37% 36%);opacity:0}
.referral-gift[data-phase=opening] .referral-gift-art{animation:gift-pop .65s cubic-bezier(.2,.8,.2,1) both}
.referral-gift[data-phase=opening] .referral-gift-closed{animation:gift-hide .16s .15s both}
.referral-gift[data-phase=opening] .referral-gift-open{animation:gift-show .22s .18s both}
.referral-gift[data-phase=opening] .referral-gift-token{animation:gift-token 1s .22s cubic-bezier(.2,.7,.25,1) both}
.referral-gift[data-phase=opening] .referral-gift-light{animation:gift-light .8s .12s both}
.referral-gift[data-phase=opening] .referral-gift-sparks i{animation:gift-spark .8s calc(.34s + var(--delay)) both}
.referral-gift[data-phase=reward] .referral-gift-closed{opacity:0}
.referral-gift[data-phase=reward] .referral-gift-open{opacity:1}
.referral-gift[data-phase=reward] .referral-gift-art{transform:translateY(26px) scale(.91)}
.referral-gift[data-phase=reward] .referral-gift-token{opacity:1;transform:translateY(-73px) scale(1.1)}
.referral-gift[data-phase=reward] .referral-gift-reward,.referral-gift[data-phase=reward] .referral-gift-note,.referral-gift[data-phase=reward] .referral-gift-claim{animation:gift-arrive .32s cubic-bezier(.2,.7,.25,1) both}
.referral-gift[data-phase=reward] .referral-gift-claim{animation-delay:.08s}
.referral-gift.is-paused *{animation-play-state:paused!important}
@keyframes gift-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes gift-pop{0%{transform:translateY(3px) scale(1.08,.90)}27%{transform:translateY(-9px) scale(.96,1.04)}65%{transform:translateY(30px) scale(.92,.90)}100%{transform:translateY(26px) scale(.91)}}
@keyframes gift-hide{to{opacity:0}}
@keyframes gift-show{to{opacity:1}}
@keyframes gift-token{0%{opacity:0;transform:translateY(45px) scale(.35) rotate(-24deg)}28%{opacity:1}72%{opacity:1;transform:translateY(-88px) scale(1.15) rotate(5deg)}100%{opacity:1;transform:translateY(-73px) scale(1.1) rotate(0)}}
@keyframes gift-light{0%{opacity:0;transform:scale(.65)}30%{opacity:1}100%{opacity:0;transform:scale(1.15)}}
@keyframes gift-spark{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.3)}}
@media(max-height:680px){.referral-gift-content{padding:16px 20px}.referral-gift-stage{width:min(100%,260px);margin:0 auto 16px}.referral-gift-title{font-size:25px}.referral-gift-controls{height:151px}.referral-gift-eyebrow{margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){.referral-gift-rays,.referral-gift-sparks{animation:none;display:none}.referral-gift *{animation:none!important;transition:none!important}.referral-gift[data-phase=opening] .referral-gift-open{opacity:1}.referral-gift[data-phase=opening] .referral-gift-closed{opacity:0}}