.firework-left,.firework-right{position:absolute;width:10px;height:10px;border-radius:50%;animation:explode 1.5s ease-out infinite}.firework-left{background:#ff4444;left:30%;animation-delay:.2s}.firework-right{background:#44ff44;right:30%;animation-delay:.7s}@keyframes explode{0%{transform:scale(0);opacity:1}50%{transform:scale(15);opacity:.5}to{transform:scale(30);opacity:0}}.fireworks-container{pointer-events:none;z-index:10}.firework{position:absolute;left:var(--left,30%);top:40px;animation:launch 2s infinite;animation-delay:var(--delay,0s)}.particles{position:absolute;width:4px;height:4px}.particle{position:absolute;width:100%;height:100%;transform-origin:left center;rotate:var(--rotation)}.particle:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:linear-gradient(180deg,var(--color-1,#ff8426),var(--color-2,#ffca26));animation:explosion 2s ease-out infinite}@keyframes launch{0%{transform:translateY(200px) scale(.1);opacity:0}30%{transform:translateY(100px) scale(.3);opacity:.5}45%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(0) scale(1);opacity:0}to{transform:translateY(0) scale(1);opacity:0}}@keyframes explosion{0%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(50px) scale(0);opacity:0}}.firework:nth-child(2n) .particle:before{--color-1:#ff3377;--color-2:#ff77aa}.firework:nth-child(3n) .particle:before{--color-1:#44ff44;--color-2:#88ff88}.firework:nth-child(4n) .particle:before{--color-1:#4477ff;--color-2:#77aaff}.firework:nth-child(5n) .particle:before{--color-1:#ffdd33;--color-2:#ffee77}.firework:nth-child(6n) .particle:before{--color-1:#ff44ff;--color-2:#ff88ff}.firework:nth-child(2n){animation-duration:1.8s}.firework:nth-child(3n){animation-duration:2.2s}