.welcome-celebration{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;contain:strict}
.welcome-celebration i{position:absolute;left:var(--left);background:var(--color);animation-delay:var(--delay);animation-fill-mode:both}
.welcome-balloon{bottom:-140px;width:58px;height:74px;border-radius:50% 50% 46% 46%;box-shadow:inset -9px -5px 0 #00000012;animation:welcome-rise 6.5s ease-out both}
.welcome-balloon:after{content:"";position:absolute;top:73px;left:28px;width:1px;height:60px;background:var(--color)}
.welcome-confetti{top:-20px;width:9px;height:17px;border-radius:2px;animation:welcome-fall 6.5s ease-in both}
.welcome-burst{bottom:0;width:12px;height:8px;border-radius:2px;animation:welcome-pop 6.5s ease-out both}
.welcome-celebration i{animation-delay:var(--delay)}
.welcome-skip{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:21;background:#08221f;color:#fffdf8;border:1px solid #c8f36b;border-radius:24px;min-height:44px;padding:10px 20px;font:inherit;cursor:pointer}
@keyframes welcome-rise{0%{opacity:0;transform:translateY(0) rotate(-8deg)}10%,80%{opacity:.92}50%{transform:translate(var(--drift),-65vh) rotate(8deg)}100%{opacity:0;transform:translate(0,-125vh) rotate(-6deg)}}
@keyframes welcome-fall{0%{opacity:0;transform:translateY(-20px)}8%,80%{opacity:.85}100%{opacity:0;transform:translate(var(--drift),110vh) rotate(var(--turn))}}
@keyframes welcome-pop{0%{opacity:0;transform:translateY(0)}8%{opacity:1}35%{transform:translate(var(--drift),-75vh) rotate(180deg)}100%{opacity:0;transform:translate(0,20vh) rotate(var(--turn))}}
@media(prefers-reduced-motion:reduce){.welcome-celebration,.welcome-skip,[data-celebration-replay]{display:none!important}}
@media print{.welcome-celebration,.welcome-skip,[data-celebration-replay]{display:none!important}}