:root{--drop-empty:#8f9a97;--drop-t0:#9aa7b0;--drop-t1:#3e8bff;--drop-t2:#a35bff;--drop-t3:#ff6b3d}.drop-art{display:block;overflow:visible}.drop-art .seam{fill:var(--leak,transparent);opacity:var(--lp,0);transition:opacity .15s}.drop-art .seam-ring{fill:none;stroke:var(--leak,transparent)}.drop-art .card2-ring{stroke:var(--leak,#c8283a)}.drop-art .lid,.drop-art .card2{transform-box:fill-box;transition:transform .7s cubic-bezier(.2,1.3,.4,1),opacity .6s}.drop-chest .lid{transform-origin:15% 100%}.drop-chest.is-open .lid{transform:translate(-6px,-54px)rotate(-26deg)}.drop-gift .lid{transform-origin:50% 100%}.drop-gift.is-open .lid{opacity:0;transition-duration:.9s;transform:translate(26px,-130px)rotate(24deg)}.drop-envelope .lid{transform-origin:50% 0}.drop-envelope.is-open .lid{transform:scaleY(-1)}.drop-envelope .card2{opacity:0}.drop-envelope.is-open .card2{opacity:1;transition-delay:.15s;transform:translateY(-64px)}.drop-art.is-open .seam{opacity:0}.drop-land{animation:.8s cubic-bezier(.2,.9,.3,1) both drop-land}@keyframes drop-land{0%{opacity:0;transform:translateY(-90px)scale(.94)}50%{opacity:1;transform:translateY(5px)scale(1.02,.97)}72%{transform:translateY(-3px)scale(.995,1.005)}to{transform:none}}.drop-wiggle{transform-origin:50% 80%;animation:2.4s ease-in-out infinite drop-wiggle}@keyframes drop-wiggle{0%,70%,to{transform:none}76%{transform:rotate(-8deg)}82%{transform:rotate(7deg)}88%{transform:rotate(-4deg)}94%{transform:rotate(2deg)}}.drop-timer{transform-origin:0;animation:linear forwards drop-timer}@keyframes drop-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.drop-go{animation:.65s ease-in-out infinite alternate drop-go}@keyframes drop-go{to{transform:scale(1.025)}}.drop-shake{animation:.35s drop-shake}@keyframes drop-shake{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.drop-face{animation:.35s cubic-bezier(.2,1.6,.4,1) both drop-face}@keyframes drop-face{0%{transform:scale(0)}}.drop-line{animation:.35s ease-out drop-line}@keyframes drop-line{0%{opacity:0;transform:translateY(4px)}}.drop-count{animation:.9s cubic-bezier(.2,.8,.2,1) both drop-count}@keyframes drop-count{0%{opacity:0;transform:scale(1.6)}40%{opacity:1}}.drop-reveal{z-index:80;background:radial-gradient(110% 70% at 50% 40%, color-mix(in srgb, var(--leak,#3d6bff) 16%, #0a0e11) 0%, #07090b 55%, #040506 100%);color:#f3f6f5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(16px, env(safe-area-inset-left,0px));place-items:center;animation:.25s ease-out drop-fade;display:grid;position:fixed;inset:0}@keyframes drop-fade{0%{opacity:0}}.drop-reveal canvas.drop-fx{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.drop-stage{aspect-ratio:1;cursor:pointer;place-items:center;width:min(300px,74vw);display:grid;position:relative}.drop-glow{background:radial-gradient(circle, var(--leak) 0%, transparent 60%);opacity:var(--gp,.12);filter:blur(8px);border-radius:50%;position:absolute;inset:-18%}.drop-rays{opacity:0;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--leak) 32%, transparent) 0deg 6deg, transparent 6deg 24deg);border-radius:50%;transition:opacity .6s;animation:28s linear infinite drop-spin;position:absolute;inset:-55%;-webkit-mask:radial-gradient(circle,#000 10%,#0000 56%);mask:radial-gradient(circle,#000 10%,#0000 56%)}@keyframes drop-spin{to{transform:rotate(360deg)}}.drop-reveal.is-burst .drop-rays{opacity:calc(var(--ro,1) * .7)}.drop-obj{z-index:2;will-change:transform;width:80%;position:relative}.drop-reveal.is-burst .drop-obj{animation:.6s cubic-bezier(.2,1.4,.4,1) drop-squash}@keyframes drop-squash{0%{transform:scale(1.18,.82)}45%{transform:scale(.94,1.08)}to{transform:none}}.drop-flash{opacity:0;pointer-events:none;z-index:4;background:#fff;position:fixed;inset:0}.drop-reveal.is-burst .drop-flash{animation:.55s ease-out drop-flash}@keyframes drop-flash{0%{opacity:.85}to{opacity:0}}.drop-tier{letter-spacing:.12em;text-transform:uppercase;color:var(--leak);min-height:22px;text-shadow:0 0 18px var(--leak);font-size:15px;font-weight:800}.drop-tier.is-pop{animation:.45s cubic-bezier(.2,1.8,.4,1) drop-tag}@keyframes drop-tag{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.drop-hold{color:#fff;touch-action:none;background:#ffffff12;border:1px solid #fff3;border-radius:999px;width:min(260px,78vw);height:58px;font-size:16px;font-weight:800;position:relative;overflow:hidden}.drop-hold>i{transform-origin:0;transform:scaleX(var(--p,0));background:var(--leak);opacity:.6;position:absolute;inset:0}.drop-hold>span{position:relative}.drop-prize{animation:.7s cubic-bezier(.2,1.5,.4,1) both drop-rise}.drop-after{animation:.6s cubic-bezier(.2,1.5,.4,1) .25s both drop-rise}@keyframes drop-rise{0%{opacity:0;transform:translateY(24px)scale(.6)}to{opacity:1;transform:none}}.drop-pin.is-tick{animation:.12s ease-out drop-tick}.drop-locked{color:inherit;background:0 0;border:0;padding:0}.drop-chains path:not(.drop-shackle){stroke:#aeb7c1;stroke-width:9px;stroke-linecap:round;stroke-dasharray:13 6;fill:none;filter:drop-shadow(0 2px 2px #00000073);transition:opacity .5s,transform .7s cubic-bezier(.3,.7,.2,1)}.drop-padlock{transform-box:fill-box;transform-origin:50% 0;transition:transform .6s cubic-bezier(.2,1.6,.4,1),opacity .6s .4s;animation:2.6s ease-in-out infinite drop-sway}.drop-shackle{transform-box:fill-box;transform-origin:100% 100%;transition:transform .45s cubic-bezier(.2,1.8,.4,1)}@keyframes drop-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.drop-locked.is-ready .drop-shackle{transform:translateY(-7px)rotate(28deg)}.drop-locked.is-ready .drop-padlock{opacity:0;animation:none;transform:translateY(70px)rotate(18deg)}.drop-locked.is-ready .drop-chains path:not(.drop-shackle){opacity:0;transform:translateY(40px)}.drop-locked.is-ready .drop-obj{animation:1.1s ease-in-out infinite drop-hop}@keyframes drop-hop{0%,60%,to{transform:none}70%{transform:translateY(-10px)rotate(-3deg)}80%{transform:translateY(0)rotate(2deg)}90%{transform:translateY(-4px)}}.drop-breathe{animation:3.2s ease-in-out infinite drop-breathe}@keyframes drop-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.drop-rattle{animation:.5s drop-rattle}@keyframes drop-rattle{15%{transform:rotate(-7deg)}30%{transform:rotate(6deg)}45%{transform:rotate(-5deg)}60%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}.drop-ring{filter:drop-shadow(0 0 4px var(--leak));transition:stroke-dasharray .8s cubic-bezier(.2,.8,.2,1)}.drop-bubble{z-index:3;animation:1.6s ease-out forwards drop-bubble;transform:translate(-50%,-100%)}@keyframes drop-bubble{0%{opacity:0;transform:translate(-50%,-80%)scale(.8)}15%{opacity:1;transform:translate(-50%,-100%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-120%)}}.drop-unlocked{animation:1.4s ease-out drop-unlocked}@keyframes drop-unlocked{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success,#12a150) 60%, transparent)}to{box-shadow:0 0 0 18px #0000}}@keyframes drop-tick{50%{transform:translate(-50%)rotate(-14deg)}}@media (prefers-reduced-motion:reduce){.drop-land,.drop-wiggle,.drop-go,.drop-face,.drop-line,.drop-count,.drop-rays,.drop-reveal.is-burst .drop-obj,.drop-prize,.drop-after,.drop-tier.is-pop,.drop-pin.is-tick{animation:none!important}.drop-reveal.is-burst .drop-flash{animation:none}.drop-art .lid,.drop-art .card2{transition-duration:10ms}.drop-padlock,.drop-breathe,.drop-rattle,.drop-locked.is-ready .drop-obj,.drop-bubble,.drop-unlocked{animation:none!important}}
