.sparkle-bubbles{position:relative;overflow:hidden}.bubble{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 35%,rgba(255,235,120,.8),rgba(255,220,90,.5) 35%,rgba(255,200,60,.2) 65%,rgba(255,240,150,.05) 85%,transparent 100%);filter:blur(15px) brightness(1.1);mix-blend-mode:screen;box-shadow:inset -2px -2px 8px rgba(150,100,0,.1),inset 2px 2px 6px rgba(255,255,255,.3);opacity:0;animation:bubbleFloat ease-out forwards}@keyframes bubbleFloat{0%{transform:translateY(0) translateX(0) scale(.6);opacity:0}10%{opacity:.4;transform:translateY(-40px) translateX(var(--drift)) scale(.8)}35%{opacity:.9;transform:translateY(-100px) translateX(calc(var(--drift) * .8)) scale(1)}60%{opacity:.8;transform:translateY(-200px) translateX(calc(var(--drift) * .6)) scale(1.1)}85%{opacity:.4;transform:translateY(-320px) translateX(calc(var(--drift) * .3)) scale(1)}to{opacity:0;transform:translateY(-450px) translateX(var(--drift)) scale(.8)}}