@layer components{.welcome-egg{aspect-ratio:100/130;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:100%;max-width:300px;padding:0;position:relative}.welcome-egg:disabled{cursor:default}.welcome-egg:focus-visible{outline-offset:12px;border-radius:50%/60% 60% 40% 40%;outline:2px solid gold}.welcome-egg .egg-svg{transform-origin:50% 96%;transition:filter .3s}.welcome-egg .shell-top,.welcome-egg .shell-bottom{transform-box:fill-box;transform-origin:50%}.welcome-egg .shell-bottom{transform-origin:50% 100%}.welcome-egg .egg-crack,.welcome-egg .egg-branch{transition:stroke-dashoffset .26s cubic-bezier(.2,.9,.3,1.2)}.welcome-egg[data-phase=idle][data-stage="0"] .egg-svg{animation:4.2s ease-in-out infinite egg-idle}.welcome-egg[data-phase=idle]:hover .egg-svg{animation:.55s ease-in-out infinite egg-eager}.welcome-egg:not([data-stage="0"]) .egg-hit{transform-origin:50% 96%;animation:.42s cubic-bezier(.3,1.6,.5,1) both egg-hit}.welcome-egg[data-stage="1"] .egg-svg{filter:drop-shadow(0 0 16px #ffd70040)}.welcome-egg[data-stage="2"] .egg-svg{filter:drop-shadow(0 0 28px #ffd70073)}.welcome-egg[data-stage="3"] .egg-svg{filter:drop-shadow(0 0 44px #ffd700b3)}.welcome-egg[data-phase=charging] .egg-svg{animation:90ms linear infinite egg-rattle,.7s ease-in-out infinite alternate egg-charge-glow}.welcome-egg[data-phase=charging] .egg-shadow{animation:90ms linear infinite egg-shadow-jitter}.welcome-egg:is([data-phase=opening],[data-phase=revealed]) .shell-top{animation:.9s cubic-bezier(.2,.8,.3,1) forwards shell-top-fly}.welcome-egg:is([data-phase=opening],[data-phase=revealed]) .shell-bottom{animation:.7s cubic-bezier(.3,1.5,.5,1) 60ms both shell-bottom-settle}.welcome-egg:is([data-phase=opening],[data-phase=revealed]) .egg-branch,.welcome-egg:is([data-phase=opening],[data-phase=revealed]) .egg-crack{animation:.25s ease-out forwards egg-fade}.egg-burst{aspect-ratio:1;pointer-events:none;width:min(560px,140%);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.egg-rays,.egg-flash{opacity:0;border-radius:50%;position:absolute;inset:0}.egg-rays{background:repeating-conic-gradient(#ffd70047 0deg 7deg,#0000 7deg 22deg);-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 68%);mask-image:radial-gradient(circle,#000 18%,#0000 68%)}.egg-flash{background:radial-gradient(circle,#fff8d6 0%,#ffd700b3 18%,#ffd70000 55%)}.egg-stage[data-phase=charging] .egg-rays{animation:.7s ease-in-out infinite alternate rays-tease,6s linear infinite rays-spin}.egg-stage:is([data-phase=opening],[data-phase=revealed]) .egg-rays{animation:.7s cubic-bezier(.2,.8,.3,1) forwards rays-in,14s linear infinite rays-spin}.egg-stage:is([data-phase=opening],[data-phase=revealed]) .egg-flash{animation:.9s ease-out forwards flash}.egg-prize{animation:.8s cubic-bezier(.34,1.7,.5,1) both prize-pop}.egg-hint{white-space:nowrap;color:gold;pointer-events:none;background:#0d0d0d;border-radius:9999px;padding:8px 16px;font-size:14px;font-weight:600;animation:1.6s ease-in-out infinite hint-breathe;position:absolute;top:64%;left:50%;transform:translate(-50%)}.welcome-egg[data-phase=charging] .egg-hint{opacity:.9;animation:none}.egg-sparkle{transform-origin:50%;opacity:0;animation:3.2s ease-in-out infinite sparkle}.egg-chip{width:var(--size);height:calc(var(--size) * .8);clip-path:polygon(0 20%,60% 0,100% 45%,70% 100%,10% 85%);background:linear-gradient(135deg,#ffeb70,#f5a623);animation:.8s cubic-bezier(.15,.7,.35,1) forwards chip-fly;position:absolute}.egg-confetti{animation:confetti-fly var(--dur) cubic-bezier(.1, .6, .3, 1) var(--delay) forwards;opacity:0;position:absolute}}@keyframes egg-idle{0%,60%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-8px)rotate(0)}68%{transform:translateY(0)rotate(-7deg)}74%{transform:translateY(0)rotate(6deg)}80%{transform:translateY(0)rotate(-4deg)}86%{transform:translateY(0)rotate(2deg)}92%{transform:translateY(0)rotate(0)}}@keyframes egg-eager{0%,to{transform:rotate(-4deg)scale(1.03)}50%{transform:rotate(4deg)scale(1.03)}}@keyframes egg-hit{0%{transform:scale(1)rotate(0)}18%{transform:scale(1.1,.88)rotate(-8deg)}42%{transform:scale(.95,1.06)rotate(6deg)}66%{transform:scale(1.02,.98)rotate(-3deg)}to{transform:scale(1)rotate(0)}}@keyframes egg-rattle{0%{transform:translate(0)rotate(0)}25%{transform:translate(-3px,1px)rotate(-4deg)}50%{transform:translate(3px,-1px)rotate(4deg)}75%{transform:translate(-2px)rotate(-2deg)}to{transform:translate(0)rotate(0)}}@keyframes egg-charge-glow{0%{filter:drop-shadow(0 0 30px #ffd70080)}to{filter:drop-shadow(0 0 70px #ffd700f2)}}@keyframes egg-shadow-jitter{0%,to{transform:scaleX(1)}50%{transform:scaleX(.9)}}@keyframes shell-top-fly{0%{opacity:1;transform:translate(0)rotate(0)}35%{opacity:1;transform:translate(-6px,-70px)rotate(-22deg)}to{opacity:0;transform:translate(-40px,-30px)rotate(-120deg)scale(.6)}}@keyframes shell-bottom-settle{0%{transform:translateY(0)scale(1)}30%{transform:translateY(6px)scale(1.06,.9)}60%{transform:translateY(-5px)scale(.97,1.04)}to{transform:translateY(0)scale(1)}}@keyframes egg-fade{to{opacity:0}}@keyframes rays-tease{0%{opacity:0;transform:scale(.5)}to{opacity:.35;transform:scale(.7)}}@keyframes rays-in{0%{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes rays-spin{to{rotate:360deg}}@keyframes flash{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}@keyframes prize-pop{0%{opacity:0;transform:translateY(-50%)translateY(40px)scale(.3)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes hint-breathe{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.06)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.2)rotate(0)}15%{opacity:1;transform:scale(1)rotate(45deg)}30%{opacity:0;transform:scale(.2)rotate(90deg)}}@keyframes chip-fly{0%{opacity:1;transform:translate(0)rotate(0)}55%{transform:translate(var(--dx), var(--dy)) rotate(calc(var(--rot) * .6));opacity:1}to{transform:translate(calc(var(--dx) * 1.15), calc(var(--dy) + 130px)) rotate(var(--rot));opacity:0}}@keyframes confetti-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(0)}30%{transform:translate(var(--dx), var(--dy)) scale(1) rotate(calc(var(--rot) * .4));opacity:1}to{transform:translate(calc(var(--dx) * 1.2), calc(var(--dy) + 280px)) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion:reduce){.welcome-egg *,.egg-stage *,.egg-prize{transition:none!important;animation:none!important}.egg-chip,.egg-confetti,.egg-sparkle,.egg-burst{display:none}}