.gamification-token-progression{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#271a2be3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.gamification-token-progression .scene{pointer-events:none;width:100%;max-width:600px;height:480px;position:relative}.gamification-token-progression #claimToggle{display:none}.gamification-token-progression .background-glow{opacity:.15;filter:blur(4px);pointer-events:none;width:500px;height:500px;animation:20s linear infinite rotate360;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.gamification-token-progression .gifts-wrapper{justify-content:center;align-items:flex-end;gap:46px;transition:transform .4s ease-out;display:flex;position:absolute;top:36%;left:50%;transform:translate(-50%,-30%)}.gamification-token-progression .side-gift{width:80px;height:auto;animation:3.5s ease-in-out infinite float;position:relative}.gamification-token-progression .side-gift.right{animation:3.5s ease-in-out infinite float2;transform:scaleX(-1)}@keyframes float{0%{transform:translateY(-8px)scaleX(1)}50%{transform:translateY(8px)scaleX(1)}to{transform:translateY(-8px)scaleX(1)}}@keyframes float2{0%{transform:translateY(-8px)scaleX(-1)}50%{transform:translateY(8px)scaleX(-1)}to{transform:translateY(-8px)scaleX(-1)}}.gamification-token-progression .main-gift{perspective:600px;flex-shrink:0;justify-content:center;align-items:flex-end;width:122px;height:143px;display:flex;position:relative}.gamification-token-progression .gift-body{z-index:1;width:100%;height:auto;display:block}.gamification-token-progression .gift-cap{transform-origin:bottom;z-index:2;width:122px;transform-style:preserve-3d;transition:transform .5s ease-out;position:absolute;bottom:41%;left:50%;transform:translate(-50%)}.gamification-token-progression #claimToggle:checked~.scene .gift-cap{animation:.8s ease-out forwards openCap}@keyframes openCap{0%{transform:translate(-50%)translateY(0)rotate(0)rotateX(0)rotateY(0)}60%{transform:translate(-15%)translateY(-60%)rotate(10deg)rotateX(0)rotateY(0)}to{transform:translate(-15%)translateY(-20%)rotate(45deg)rotateX(0)rotateY(0)}}.gamification-token-progression .rewards{pointer-events:none;width:0;position:absolute;top:23%;left:41%;transform:translate(-50%)}.gamification-token-progression .reward{opacity:0;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;transform:translateY(40px)scale(0)}.gamification-token-progression .reward-content{flex-direction:column;align-items:center;display:flex}.gamification-token-progression .reward-xp .reward-content{margin-top:30px;transform:translateY(25px)}.gamification-token-progression .reward-xp{left:-140px}.gamification-token-progression .reward-fs{left:0}.gamification-token-progression .reward-coin{left:140px}.gamification-token-progression .icon{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden;box-shadow:inset 0 4px 8px #0000004d}.gamification-token-progression .reward-xp .reward-content{transform:rotate(-20deg)}.gamification-token-progression .reward-fs .reward-content{transform:rotate(0)}.gamification-token-progression .reward-coin .reward-content{transform:rotate(20deg)}.gamification-token-progression .icon-img{object-fit:cover;width:100%;height:100%;display:block}.gamification-token-progression .reward .label{color:#fff;text-shadow:0 2px 4px #00000080;margin-top:6px;font-size:12px;font-weight:600}.gamification-token-progression #claimToggle:checked~.scene .reward-xp{animation:.8s cubic-bezier(.22,1,.36,1) forwards rise,.6s cubic-bezier(.22,1,.36,1) 2.2s forwards shrink}.gamification-token-progression #claimToggle:checked~.scene .reward-fs{animation:.8s cubic-bezier(.22,1,.36,1) .15s forwards rise1,.6s cubic-bezier(.22,1,.36,1) 2.35s forwards shrink1}.gamification-token-progression #claimToggle:checked~.scene .reward-coin{animation:.8s cubic-bezier(.22,1,.36,1) .3s forwards rise2,.6s cubic-bezier(.22,1,.36,1) 2.5s forwards shrink2}@keyframes rise{0%{opacity:0;transform:translate(200px)translateY(160px)scale(0)}60%{opacity:1;transform:translate(0)translateY(-25px)scale(1.1)}to{opacity:1;transform:translate(0)translateY(25px)scale(1)}}@keyframes rise1{0%{opacity:0;transform:translate(0)translateY(160px)scale(0)}60%{opacity:1;transform:translate(0)translateY(-10px)scale(1.1)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}@keyframes rise2{0%{opacity:0;transform:translate(-200px)translateY(160px)scale(0)}60%{opacity:1;transform:translate(0)translateY(-25px)scale(1.1)}to{opacity:1;transform:translate(0)translateY(25px)scale(1)}}@keyframes shrink{0%{opacity:1;transform:translate(0)translateY(25px)scale(1)}to{opacity:0;transform:translate(300px)translateY(-200px)scale(0)}}@keyframes shrink1{0%{opacity:1;transform:translate(0)translateY(0)scale(1)}to{opacity:0;transform:translate(300px)translateY(-300px)scale(0)}}@keyframes shrink2{0%{opacity:1;transform:translate(0)translateY(25px)scale(1)}to{opacity:0;transform:translate(300px)translateY(-400px)scale(0)}}.gamification-token-progression #claimToggle:checked~.scene .gifts-wrapper{animation:.7s ease-in-out 2.5s forwards vanish}@keyframes vanish{0%{opacity:1;transform:translate(-50%,-30%)scale(1)}to{opacity:0;transform:translate(-50%,-30%)scale(0)}}.gamification-token-progression #claimToggle:checked~.scene .btn-claim{animation:.7s ease-in-out 2.5s forwards shrinkButton}@keyframes shrinkButton{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(0)}}.gamification-token-progression .btn-claim{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;pointer-events:auto;background-image:linear-gradient(135deg,#de8424 0%,#fc6590 50%,#8049f3 100%);border:none;border-radius:16px;justify-content:center;align-items:center;padding:16px 40px;font-size:16px;font-weight:600;transition:transform .18s ease-out,box-shadow .18s ease-out;display:inline-flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 2px 5.36px #ae16b7b3,0 10px 33px #ae16b799}.gamification-token-progression .btn-claim:hover{transform:translate(-50%)translateY(-1px)scale(1.02);box-shadow:0 4px 9px #ae16b7cc,0 16px 40px #ae16b7b3}.gamification-token-progression .btn-claim:active{transform:translate(-50%)translateY(1px)scale(.99);box-shadow:0 1px 3px #ae16b799,0 8px 22px #ae16b780}@keyframes rotate360{0%{transform:translate(-50%,-60%)rotate(0)}to{transform:translate(-50%,-60%)rotate(360deg)}}.gamification-token-progression #claimToggle:checked~.scene .background-glow{animation:20s linear infinite rotate360,.7s 2.4s forwards fadeOutGlow}@keyframes fadeOutGlow{0%{opacity:.15}to{opacity:0}}.gamification-token-progression .inner-glow{opacity:0;filter:blur(25px);pointer-events:none;background:radial-gradient(circle,#ffd747d9 0%,#ffd74799 35%,#ffd74700 80%);border-radius:50%;width:130px;height:130px;position:absolute;top:40px;left:50%;transform:translate(-50%,-50%)scale(.4)}.gamification-token-progression #claimToggle:checked~.scene .inner-glow{animation:.8s ease-out forwards showGlow}@keyframes showGlow{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}60%{opacity:1;transform:translate(-50%,-70%)scale(1.2)}to{opacity:1;transform:translate(-50%,-72%)scale(1)}}