.exploding-presents-root{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1b1f3a,#0a0a14);overflow:hidden}.presents-stage{display:flex;align-items:center;justify-content:center;position:relative}@keyframes present-drop-in{0%{opacity:0;transform:translateY(-60px) scale(.7)}60%{transform:translateY(8px) scale(1.05)}80%{transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes present-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes present-explode-pop{0%{transform:scale(1);opacity:1}30%{transform:scale(1.15);opacity:1}to{transform:scale(.9);opacity:.8}}.present-intro{animation:present-drop-in .7s cubic-bezier(.34,1.56,.64,1) forwards;filter:drop-shadow(0 0 20px rgba(255,200,50,.35))}.present-idle{animation:present-float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,200,50,.35));transition:filter .2s ease}.present-idle:hover{filter:drop-shadow(0 0 30px rgba(255,200,50,.5)) drop-shadow(0 0 50px rgba(255,180,0,.3))}.present-explode{animation:present-explode-pop .3s ease-out forwards}@keyframes continue-hint-pulse{0%{transform:scale(1);box-shadow:0 10px 15px -3px #0000001a,0 0 #ffc832b3}40%{transform:scale(1.04);box-shadow:0 10px 15px -3px #0000001a,0 0 0 14px #ffc83200}to{transform:scale(1);box-shadow:0 10px 15px -3px #0000001a,0 0 #ffc83200}}.continue-hint-pulse{animation:continue-hint-pulse .9s ease-out 2}@keyframes countdown-ring-deplete{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--countdown-ring-circumference, 100)}}.countdown-ring{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}@media(prefers-reduced-motion:reduce){.countdown-ring svg circle:last-child{animation:none!important;stroke-dashoffset:0!important}}@keyframes countdown-bar-deplete{0%{width:100%}to{width:0%}}.countdown-bar{position:relative;display:block;width:100%;height:6px;border-radius:9999px;overflow:hidden}.countdown-bar-fill{display:block;height:100%;width:100%;border-radius:inherit}@media(prefers-reduced-motion:reduce){.countdown-bar-fill{animation:none!important;width:100%!important}}@keyframes autoplay-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.autoplay-wiggle{display:inline-flex;animation:autoplay-wiggle .9s ease-in-out infinite;transform-origin:50% 70%}@keyframes autoplay-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.75}}.autoplay-pulse{display:inline-flex;animation:autoplay-pulse 1.2s ease-in-out infinite}@keyframes autoplay-spin{to{transform:rotate(360deg)}}.autoplay-spin{display:inline-flex;animation:autoplay-spin 1.8s linear infinite}@keyframes autoplay-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}.autoplay-ellipsis .ellipsis-dot{transform-origin:center;animation:autoplay-dot-bounce 1.2s ease-in-out infinite}.autoplay-ellipsis .ellipsis-dot-1{animation-delay:0s}.autoplay-ellipsis .ellipsis-dot-2{animation-delay:.18s}.autoplay-ellipsis .ellipsis-dot-3{animation-delay:.36s}@media(prefers-reduced-motion:reduce){.autoplay-wiggle,.autoplay-pulse,.autoplay-spin,.autoplay-ellipsis .ellipsis-dot{animation:none!important}}@keyframes mascot-point-bounce{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(8px) rotate(-6deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(8px) rotate(-6deg)}to{transform:translateY(0) rotate(0)}}.mascot-point-hint{animation:mascot-point-bounce 1.6s ease-in-out 1;transform-origin:50% 80%}@keyframes magic-confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--mc-dx, 0px),var(--mc-dy, 220px)) rotate(var(--mc-rot, 540deg));opacity:0}}@keyframes magic-sparkle-ring{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}70%{opacity:.6}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@keyframes magic-mascot-cheer{0%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-14px) rotate(-8deg) scale(1.1)}40%{transform:translateY(0) rotate(6deg) scale(1.05)}60%{transform:translateY(-10px) rotate(-4deg) scale(1.08)}80%{transform:translateY(0) rotate(3deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1)}}.magic-celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.magic-celebration-burst{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:0;height:0}.magic-confetti-piece{position:absolute;left:0;top:0;width:10px;height:14px;border-radius:2px;animation:magic-confetti-fall 1.4s cubic-bezier(.22,.61,.36,1) forwards;will-change:transform,opacity}.magic-sparkle-ring{position:absolute;left:0;top:0;width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,220,90,.85);box-shadow:0 0 24px #ffdc5a99,inset 0 0 16px #ffdc5a80;animation:magic-sparkle-ring .9s ease-out forwards}.magic-mascot-cheer{animation:magic-mascot-cheer 1.2s ease-in-out 1;transform-origin:50% 80%}@keyframes continue-hint-arrow-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}@keyframes continue-hint-arrow-fade-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.continue-hint-arrow{position:absolute;left:50%;top:-54px;transform:translate(-50%);background:transparent;border:none;padding:4px;cursor:pointer;color:#f5a524;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));animation:continue-hint-arrow-fade-in .25s ease-out 1,continue-hint-arrow-bounce .9s ease-in-out infinite .25s;z-index:5}.continue-hint-arrow:focus-visible{outline:2px solid #f5a524;outline-offset:4px;border-radius:9999px}@media(prefers-reduced-motion:reduce){.continue-hint-pulse,.mascot-point-hint,.magic-confetti-piece,.magic-sparkle-ring,.magic-mascot-cheer,.continue-hint-arrow{animation:none!important}.magic-confetti-piece,.magic-sparkle-ring{opacity:0!important}}
