.scene{position:relative;width:100%;height:100%;overflow:hidden}.giftbox{position:absolute;left:50%;top:76%;width:82px;height:92px;opacity:0;transform:translate(-50%,20px);animation:fadeGiftBox 1.2s ease-out forwards}@keyframes fadeGiftBox{0%{opacity:0;transform:translate(-50%,40px)}100%{opacity:1;transform:translate(-50%,-50%)}}.giftbox.loop{opacity:1;transform:translate(-50%,-50%)}.box{position:absolute;bottom:0;width:65px;height:45px;overflow:hidden;background:#3f9e59;z-index:55}.brand-logo{position:absolute;top:7px;left:0;right:0;margin:auto;width:32px;height:32px;z-index:50;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.brand-logo img{width:28px;height:28px}.ribbon-v{position:absolute;left:50%;transform:translateX(-50%);width:8px;height:100%;background:linear-gradient(to right,#d6a226,#fcce48,#d6a229)}.ribbon-h{position:absolute;top:19px;width:100%;height:8px;background:linear-gradient(to bottom,#d6a226,#fcce48,#d6a229)}.cover{position:absolute;top:30px;left:-3px;width:72px;height:18px;background:#3f9e59;background:linear-gradient(45deg,#3f9e59 0,#85dc96 100%);transform-origin:left center;box-shadow:0 6px 12px rgba(0,0,0,.25);z-index:56}.cover.open{animation:openCloseLid 5.2s ease-in-out forwards}@keyframes openCloseLid{0%{transform:rotate(0) translate(0,0)}12%{transform:rotate(-22deg) translate(-5px,-5px)}78%{transform:rotate(-22deg) translate(-5px,-5px)}100%{transform:rotate(0) translate(0,0)}}.cover::before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:8px;height:100%;background:linear-gradient(to right,#ffe066,#ffd43b,#fab005)}.bow-image{position:absolute;top:-9px;left:50%;width:60px;transform:translateX(-50%);z-index:100;pointer-events:none;transition:transform .9s ease}.bow-image img{width:100%;height:auto;display:block}.cover.open .bow-image{transform:translateX(-50%) rotate(0deg) translateY(0)}.cover.open+.bow-image,.giftbox .bow-image{transform:translateX(-50%) rotate(0deg)}.reward-confetti{position:absolute;width:5px;height:8px;pointer-events:none;z-index:0;display:flex;animation:confettiFly linear forwards}@keyframes confettiFly{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(720deg);opacity:0}}.coin{position:absolute;width:25px;height:25px;border-radius:50%;background:#ffd43b;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;color:#7a5200;box-shadow:inset 0 3px 6px rgba(255,255,255,.65),inset 0 -4px 8px rgba(0,0,0,.22),0 8px 14px rgba(0,0,0,.3);pointer-events:none;z-index:4;animation:coinFly linear forwards}.coin::before{content:"₹"}@keyframes coinFly{0%{transform:translate(0,0) rotate(0) scale(.5);opacity:0}10%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(1080deg) scale(1.1);opacity:0}}