.click-spark{pointer-events:none;position:fixed;width:0;height:0;z-index:99999}.click-spark:before,.click-spark:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:sparkRipple .6s ease-out forwards}.click-spark:before{width:50px;height:50px;background:radial-gradient(circle,rgba(102,126,234,.8) 0%,transparent 70%);box-shadow:0 0 12px #667eea80}.click-spark:after{width:90px;height:90px;background:radial-gradient(circle,rgba(240,147,251,.5) 0%,transparent 70%);animation-delay:.08s}@keyframes sparkRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}html,body{overflow-x:hidden;max-width:100%;width:100%;margin:0;padding:0}app-root{display:block;width:100%;max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}