.sparkle-effect{position:relative;overflow:hidden}.sparkle-effect:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite sparkle;position:absolute;top:-50%;left:-50%}@keyframes sparkle{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}50%{transform:translate(100%)translateY(100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.fire-effect{position:relative;overflow:hidden}.fire-effect:before{content:"";background:linear-gradient(#0000 0%,#ff9a0033 50%,#ff5e4d1a 100%);width:100%;height:100%;animation:2s ease-in-out infinite alternate fire;position:absolute;top:0;left:0}.fire-effect:after{content:"";background:radial-gradient(circle at 50% 100%,#ff5e4d26 0%,#0000 70%);width:100%;height:100%;animation:1.5s ease-in-out infinite alternate fireGlow;position:absolute;top:0;left:0}@keyframes fire{0%{opacity:.5;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}@keyframes fireGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}.rainbow-effect{position:relative;overflow:hidden}.rainbow-effect:before{content:"";background:linear-gradient(90deg,#ff00001a 0%,#ff9a001a 17%,#d0de211a 33%,#4fdc4a1a 50%,#3fdad81a 67%,#2fc9e21a 83%,#1c7fee1a 100%) 0 0/200% 100%;width:100%;height:100%;animation:3s linear infinite rainbow;position:absolute;top:0;left:0}@keyframes rainbow{0%{background-position:0%}to{background-position:200%}}.sparkle-effect .timer-display,.fire-effect .timer-display,.rainbow-effect .timer-display,.sparkle-effect button,.fire-effect button,.rainbow-effect button{z-index:1;position:relative}