.chest-3d-wrapper{perspective:800px;z-index:10;cursor:pointer;width:60px;height:60px;margin:0 auto;position:relative}.chest-3d-wrapper.idle{animation:3s ease-in-out infinite chestFloat}.chest-3d-wrapper.unlocked{animation:3s ease-in-out infinite chestFloat,2s infinite unlockedPulse}@keyframes unlockedPulse{0%{filter:drop-shadow(0 0 5px #fbbf2466)}50%{filter:drop-shadow(0 0 15px #fbbf24cc)drop-shadow(0 0 30px #f59e0b99);transform:scale(1.05)}to{filter:drop-shadow(0 0 5px #fbbf2466)}}@keyframes chestFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chest-3d{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s;position:relative;transform:rotateX(-15deg)rotateY(25deg)}.chest-3d-wrapper:hover .chest-3d{transform:rotateX(-10deg)rotateY(15deg)scale(1.05)}.chest-3d-wrapper.opening .chest-3d,.chest-3d-wrapper.opened .chest-3d{transform:rotateX(-5deg)rotateY(0)scale(1.1)}.chest-face{box-sizing:border-box;backface-visibility:hidden;background:linear-gradient(135deg,#78350f 0%,#451a03 100%);border:2px solid #fbbf24;position:absolute;box-shadow:inset 0 0 10px #0009}.chest-base{width:60px;height:35px;transform-style:preserve-3d;position:absolute;bottom:0}.base-front{width:60px;height:35px;transform:translateZ(20px)}.base-back{width:60px;height:35px;transform:rotateY(180deg)translateZ(20px)}.base-left{width:40px;height:35px;transform:rotateY(-90deg)translateZ(30px)}.base-right{width:40px;height:35px;transform:rotateY(90deg)translateZ(30px)}.base-bottom{width:60px;height:40px;transform:rotateX(-90deg)translateZ(17.5px)}.chest-lid{width:60px;height:25px;transform-style:preserve-3d;transform-origin:50% bottom -20px;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0}.chest-3d-wrapper.opening .chest-lid,.chest-3d-wrapper.opened .chest-lid{transform:rotateX(110deg)}.lid-front{width:60px;height:25px;transform:translateZ(20px)}.lid-back{width:60px;height:25px;transform:rotateY(180deg)translateZ(20px)}.lid-left{width:40px;height:25px;transform:rotateY(-90deg)translateZ(30px)}.lid-right{width:40px;height:25px;transform:rotateY(90deg)translateZ(30px)}.lid-top{width:60px;height:40px;transform:rotateX(90deg)translateZ(12.5px)}.keyhole{background:#fbbf24;border-radius:3px;justify-content:center;align-items:center;width:10px;height:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #000c}.keyhole:after{content:"";background:#000;border-radius:1px;width:2px;height:6px}.chest-glow{opacity:0;pointer-events:none;background:#fbbf24;width:50px;height:30px;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(90deg);box-shadow:0 0 20px 10px #fbbf24,0 0 40px 20px #f59e0b}.chest-3d-wrapper.opening .chest-glow{opacity:1;animation:1.5s infinite pulseGlow}.chest-3d-wrapper.opened .chest-glow{opacity:.6}@keyframes pulseGlow{0%,to{opacity:1;transform:translate(-50%,-50%)rotateX(90deg)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)rotateX(90deg)scale(1.2)}}.chest-particles{pointer-events:none;z-index:20;width:0;height:0;position:absolute;top:40%;left:50%}.particle{opacity:0;background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 8px 2px #fbbf24,0 0 12px 4px #f59e0b}.chest-3d-wrapper.opening .particle{animation:1.2s ease-out forwards explodeParticle}@keyframes explodeParticle{0%{opacity:1;transform:translate(0)scale(1)}20%{opacity:1}to{transform:translate(var(--tx),var(--ty))scale(0);opacity:0}}.chest-reward{color:#fff;opacity:0;z-index:30;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;font-weight:900;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px 10px #10b981cc,inset 0 0 10px #fffc}.chest-reward:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#fffc 0%,#fff0 60%);width:120px;height:120px;animation:3s linear infinite lightRaysSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lightRaysSpin{0%{transform:translate(-50%,-50%)rotate(0)scale(1)}50%{opacity:.7;transform:translate(-50%,-50%)rotate(180deg)scale(1.1)}to{transform:translate(-50%,-50%)rotate(360deg)scale(1)}}.chest-3d-wrapper.opening .chest-reward,.chest-3d-wrapper.opened .chest-reward{animation:1s cubic-bezier(.175,.885,.32,1.275) .3s forwards rewardPopUp}@keyframes rewardPopUp{0%{opacity:0;transform:translate(-50%)scale(0)}to{opacity:1;transform:translate(-50%,-60px)scale(1.5)}}
.voucher-chest-wrapper{perspective:800px;z-index:10;width:60px;height:60px;margin:0 auto;animation:4s ease-in-out infinite chestFloat;position:relative}.voucher-chest-3d{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s;position:relative;transform:rotateX(-5deg)rotateY(25deg)}.voucher-chest-wrapper.fully-opened .voucher-chest-3d{transform:rotateX(0)rotateY(0)scale(1.1)}.voucher-chest-face{box-sizing:border-box;backface-visibility:hidden;background:linear-gradient(135deg,#4c1d95 0%,#312e81 100%);border:2px solid #a855f7;position:absolute;box-shadow:inset 0 0 10px #0009}.voucher-chest-base{width:60px;height:35px;transform-style:preserve-3d;position:absolute;bottom:0}.voucher-chest-base .base-front{width:60px;height:35px;transform:translateZ(20px)}.voucher-chest-base .base-back{width:60px;height:35px;transform:rotateY(180deg)translateZ(20px)}.voucher-chest-base .base-left{width:40px;height:35px;transform:rotateY(-90deg)translateZ(30px)}.voucher-chest-base .base-right{width:40px;height:35px;transform:rotateY(90deg)translateZ(30px)}.voucher-chest-base .base-bottom{width:60px;height:40px;transform:rotateX(-90deg)translateZ(17.5px)}.voucher-chest-lid{width:60px;height:25px;transform-style:preserve-3d;transform-origin:50% bottom -20px;transition:transform .5s;position:absolute;top:0}.voucher-chest-lid .lid-front{width:60px;height:25px;transform:translateZ(20px)}.voucher-chest-lid .lid-back{width:60px;height:25px;transform:rotateY(180deg)translateZ(20px)}.voucher-chest-lid .lid-left{width:40px;height:25px;transform:rotateY(-90deg)translateZ(30px)}.voucher-chest-lid .lid-right{width:40px;height:25px;transform:rotateY(90deg)translateZ(30px)}.voucher-chest-lid .lid-top{width:60px;height:40px;transform:rotateX(90deg)translateZ(12.5px)}.voucher-keyhole{background:#a855f7;border-radius:3px;justify-content:center;align-items:center;width:10px;height:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #000c}.voucher-keyhole:after{content:"";background:#000;border-radius:1px;width:2px;height:6px}.voucher-chest-glow{pointer-events:none;background:#a855f7;width:50px;height:30px;transition:opacity .5s,transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(90deg);box-shadow:0 0 20px 10px #c084fc,0 0 40px 20px #e879f9}.voucher-chest-wrapper.fully-opened .voucher-chest-glow{animation:1.5s infinite pulseVoucherGlow}@keyframes pulseVoucherGlow{0%,to{opacity:1;transform:translate(-50%,-50%)rotateX(90deg)scale(1.2)}50%{opacity:.8;transform:translate(-50%,-50%)rotateX(90deg)scale(1.4)}}.voucher-particles{pointer-events:none;z-index:20;width:0;height:0;position:absolute;top:40%;left:50%}.voucher-particle{opacity:0;background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 8px 2px #d8b4fe,0 0 12px 4px #e879f9}.voucher-chest-wrapper.fully-opened .voucher-particle{animation:1.5s ease-out infinite forwards explodeVoucherParticle}@keyframes explodeVoucherParticle{0%{opacity:1;transform:translate(0)scale(1)}20%{opacity:1}to{transform:translate(var(--tx),var(--ty))scale(0);opacity:0}}.voucher-chest-reward{opacity:0;z-index:30;background:linear-gradient(135deg,#a855f7,#6366f1);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;animation:1s cubic-bezier(.175,.885,.32,1.275) .3s forwards voucherRewardPop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #a855f799}@keyframes voucherRewardPop{0%{opacity:0;transform:translate(-50%)scale(0)}to{opacity:1;transform:translate(-50%,-60px)scale(1.2)}}