@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&family=Fredoka:wght@400;600;700&display=swap";.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,rgba(255,105,180,1) 0%,rgba(157,78,221,1) 25%,rgba(0,212,255,1) 50%,rgba(255,215,0,1) 75%,rgba(255,105,180,1) 100%);background-size:400% 400%;animation:gradient-shift 8s ease infinite;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .5s ease;overflow:hidden}.loading-screen.ready{background:linear-gradient(135deg,rgba(255,215,0,1) 0%,rgba(255,105,180,1) 50%,rgba(157,78,221,1) 100%);animation:gradient-shift 5s ease infinite,ready-pulse 2s ease-in-out infinite}@keyframes ready-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.particles{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;font-size:clamp(20px,3vw,40px);animation:float-up linear infinite;opacity:0}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.loading-content{text-align:center;color:#fff;position:relative;z-index:1;max-width:90%}.top-decoration{position:absolute;top:-60px;left:50%;transform:translate(-50%);display:flex;gap:30px}.sparkle{font-size:30px;animation:twinkle 2s ease-in-out infinite}.sparkle-1{animation-delay:0s}.sparkle-2{animation-delay:.7s}.sparkle-3{animation-delay:1.4s}@keyframes twinkle{0%,to{transform:scale(.8) rotate(0);opacity:.5}50%{transform:scale(1.2) rotate(180deg);opacity:1}}.animation-container{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:40px;perspective:1000px}.hammer-wrapper,.piggy-wrapper{position:relative}.hammer-animation{font-size:clamp(60px,10vw,100px);animation:hammer-swing 1.2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));transform-origin:bottom right}@keyframes hammer-swing{0%,to{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(20deg) translateY(-10px)}}.impact-effect{position:absolute;bottom:-10px;right:-10px;width:30px;height:30px;background:radial-gradient(circle,rgba(255,215,0,.8),transparent);border-radius:50%;animation:impact-pulse 1.2s ease-in-out infinite;opacity:0}@keyframes impact-pulse{50%{opacity:1;transform:scale(1.5)}51%,to{opacity:0;transform:scale(.5)}}.piggy-animation{font-size:clamp(60px,10vw,100px);animation:piggy-shake .6s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}@keyframes piggy-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-8px) rotate(-8deg)}75%{transform:translate(8px) rotate(8deg)}}.break-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;animation:explosion 1s ease-out}@keyframes explosion{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.title-container{margin-bottom:40px;min-height:80px;display:flex;align-items:center;justify-content:center}.loading-title{font-size:clamp(32px,7vw,64px);margin:0;font-family:Fredoka,cursive;font-weight:700;display:flex;gap:clamp(8px,2vw,20px);flex-wrap:wrap;justify-content:center}.title-word{display:inline-block;text-shadow:4px 4px 0px #ff1493,-2px -2px 0px #00d4ff,0 0 30px rgba(255,215,0,.8);animation:word-bounce .6s ease-in-out}.title-word:nth-child(1){animation-delay:0s}.title-word:nth-child(2){animation-delay:.1s}.title-word:nth-child(3){animation-delay:.2s}.title-word:nth-child(4){animation-delay:.3s}@keyframes word-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loading-dots{display:inline-block;width:40px;text-align:left}.loading-spinner{position:relative;width:150px;height:150px;margin:30px auto}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#fffc;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring.delay-1{width:85%;height:85%;top:7.5%;left:7.5%;border-top-color:#ffd700cc;animation-duration:2s;animation-direction:reverse}.spinner-ring.delay-2{width:70%;height:70%;top:15%;left:15%;border-top-color:#ff69b4cc;animation-duration:2.5s}@keyframes spin{to{transform:rotate(360deg)}}.coin-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;animation:coin-flip 2s ease-in-out infinite}@keyframes coin-flip{0%,to{transform:translate(-50%,-50%) rotateY(0)}50%{transform:translate(-50%,-50%) rotateY(180deg)}}.loading-tips{margin:25px 0;padding:15px 25px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:50px;border:2px solid rgba(255,255,255,.3);display:inline-block}.tip{margin:0;font-size:clamp(14px,2.5vw,18px);font-family:Fredoka,cursive;font-weight:600;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:tip-pulse 2s ease-in-out infinite}@keyframes tip-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-subtitle{font-size:clamp(16px,3vw,22px);margin-top:20px;font-family:Fredoka,cursive;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.pulse-text{display:inline-block;animation:subtle-pulse 2s ease-in-out infinite}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.7}}.success-container{margin:30px 0}.success-checkmark{display:inline-block;font-size:80px;width:100px;height:100px;line-height:100px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:50%;border:4px solid white;margin-bottom:20px;animation:checkmark-pop .6s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 40px #ffd70080,0 0 60px #ffffff4d}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.success-text{animation:success-bounce .8s ease-out .3s}@keyframes success-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.start-button{position:relative;margin-top:10px;padding:22px 60px;font-size:clamp(18px,4vw,28px);font-weight:700;font-family:Fredoka,cursive;background:linear-gradient(45deg,#ffd700,#ff69b4,#ffd700);background-size:200% 200%;color:#fff;border:4px solid white;border-radius:60px;cursor:pointer;text-transform:uppercase;letter-spacing:3px;box-shadow:0 10px 40px #ffd70099,0 0 60px #ff69b466,inset 0 0 30px #fff3;transition:all .3s ease;overflow:hidden;animation:gradient-slide 3s ease infinite,button-entrance .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes button-entrance{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.button-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.button-text{position:relative;z-index:1;display:flex;align-items:center;gap:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.button-icon{display:inline-block;animation:icon-bounce 1s ease-in-out infinite}.button-icon:first-child{animation-delay:0s}.button-icon:last-child{animation-delay:.5s}@keyframes icon-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.button-particles{position:absolute;width:100%;height:100%;top:0;left:0}.button-particle{position:absolute;width:6px;height:6px;background:white;border-radius:50%;opacity:0}.start-button:hover .button-particle{animation:particle-burst 1s ease-out}.button-particle:nth-child(1){top:50%;left:0%;animation-delay:0s}.button-particle:nth-child(2){top:20%;left:20%;animation-delay:.1s}.button-particle:nth-child(3){top:0%;left:50%;animation-delay:.2s}.button-particle:nth-child(4){top:20%;left:80%;animation-delay:.3s}.button-particle:nth-child(5){top:50%;left:100%;animation-delay:.4s}.button-particle:nth-child(6){top:80%;left:80%;animation-delay:.5s}.button-particle:nth-child(7){top:100%;left:50%;animation-delay:.6s}.button-particle:nth-child(8){top:80%;left:20%;animation-delay:.7s}@keyframes particle-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx, 0),var(--ty, 0)) scale(0)}}.button-particle:nth-child(1){--tx: -30px;--ty: 0}.button-particle:nth-child(2){--tx: -25px;--ty: -25px}.button-particle:nth-child(3){--tx: 0;--ty: -30px}.button-particle:nth-child(4){--tx: 25px;--ty: -25px}.button-particle:nth-child(5){--tx: 30px;--ty: 0}.button-particle:nth-child(6){--tx: 25px;--ty: 25px}.button-particle:nth-child(7){--tx: 0;--ty: 30px}.button-particle:nth-child(8){--tx: -25px;--ty: 25px}.start-button:hover{transform:scale(1.08) rotate(-2deg);box-shadow:0 15px 50px #ffd700cc,0 0 80px #ff69b499,inset 0 0 40px #fff6}.start-button:active{transform:scale(1.02);box-shadow:0 8px 30px #ffd70099,0 0 40px #ff69b466,inset 0 0 20px #ffffff4d}.bottom-decoration{position:absolute;bottom:-40px;left:0;width:100%;overflow:hidden;pointer-events:none}.wave{position:absolute;bottom:0;left:0;width:200%;height:60px;background:rgba(255,255,255,.1);border-radius:50%;animation:wave-motion 6s ease-in-out infinite}.wave-1{animation-duration:6s;opacity:.3}.wave-2{animation-duration:8s;animation-delay:1s;opacity:.2}.wave-3{animation-duration:10s;animation-delay:2s;opacity:.1}@keyframes wave-motion{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-25%) translateY(-10px)}}.corner-decoration{position:absolute;font-size:clamp(30px,5vw,50px);animation:corner-twinkle 3s ease-in-out infinite;z-index:2}.corner-top-left{top:30px;left:30px;animation-delay:0s}.corner-top-right{top:30px;right:30px;animation-delay:.75s}.corner-bottom-left{bottom:30px;left:30px;animation-delay:1.5s}.corner-bottom-right{bottom:30px;right:30px;animation-delay:2.25s}@keyframes corner-twinkle{0%,to{transform:scale(1) rotate(0);opacity:.6;filter:brightness(1)}50%{transform:scale(1.3) rotate(180deg);opacity:1;filter:brightness(1.5)}}@media (max-width: 768px){.animation-container{gap:25px}.loading-tips{padding:12px 20px}.start-button{padding:18px 40px;width:90%}.button-text{gap:10px}.particles{display:none}}@media (max-width: 480px){.top-decoration,.bottom-decoration{display:none}.corner-decoration{font-size:30px}.loading-spinner{width:120px;height:120px}.coin-loader{font-size:40px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-screen.transitioning{pointer-events:none}.loading-screen.transitioning .loading-content{animation:content-zoom-out 1.5s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes content-zoom-out{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.3) rotate(720deg)}}.transition-circle{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,215,0,1) 0%,rgba(255,105,180,1) 50%,rgba(157,78,221,1) 100%);border-radius:50%;transform:translate(-50%,-50%);animation:circle-expand 1.5s cubic-bezier(.4,0,.2,1) forwards;z-index:10}@keyframes circle-expand{0%{width:0;height:0;opacity:1}70%{opacity:1}to{width:300vmax;height:300vmax;opacity:0}}.transition-rays{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);z-index:9}.ray{position:absolute;top:50%;left:50%;width:4px;height:0;background:linear-gradient(to bottom,rgba(255,255,255,.8),rgba(255,215,0,.6),transparent);transform-origin:top center;animation:ray-expand 1.2s ease-out forwards;filter:blur(2px)}@keyframes ray-expand{0%{height:0;opacity:1}to{height:150vh;opacity:0}}.ray:nth-child(odd){animation-duration:1s}.ray:nth-child(even){animation-duration:1.4s;animation-delay:.1s}.transition-explosion{position:absolute;top:50%;left:50%;width:0;height:0;z-index:11}.explosion-particle{position:absolute;top:0;left:0;width:var(--size);height:var(--size);background:radial-gradient(circle,rgba(255,255,255,1),rgba(255,215,0,1),rgba(255,105,180,.5));border-radius:50%;animation:particle-explode 1.2s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 0 10px #ffd700cc}@keyframes particle-explode{0%{transform:translate(0) scale(1) rotate(0);opacity:1}to{transform:translate(calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance))) scale(0) rotate(720deg);opacity:0}}.explosion-particle:nth-child(odd){animation-duration:1s}.explosion-particle:nth-child(even){animation-duration:1.4s;animation-delay:.05s}.loading-screen.transitioning:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.3) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,105,180,.3) 0%,transparent 50%);animation:flash-fade 1.5s ease-out forwards;pointer-events:none;z-index:8}@keyframes flash-fade{0%,20%{opacity:0}40%{opacity:1}to{opacity:0}}.loading-screen.transitioning .particles,.loading-screen.transitioning .corner-decoration,.loading-screen.transitioning .top-decoration,.loading-screen.transitioning .bottom-decoration{animation:fade-out .6s ease-out forwards}@keyframes fade-out{to{opacity:0;transform:scale(.5)}}@media (max-width: 768px){.transition-rays{display:none}.explosion-particle:nth-child(n+16){display:none}}*{margin:0;padding:0;box-sizing:border-box}.container{width:100vw;height:100vh;font-family:Fredoka,Comic Neue,cursive;overflow:hidden;cursor:url(/imgs/hammer.png) 16 16,auto}.container canvas{cursor:url(/imgs/hammer.png) 16 16,crosshair!important}.click-message{position:absolute;top:20%;left:50%;transform:translate(-50%);color:#fff;font-size:clamp(3.4rem,6vw,5rem);text-align:center;pointer-events:none;text-shadow:3px 3px 0px #ff69b4,-3px -3px 0px #00d4ff,3px -3px 0px #ffd700,-3px 3px 0px #9d4edd;font-weight:700;animation:rainbow-pulse 3s ease-in-out infinite;padding:0 20px;width:70%}@keyframes rainbow-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.welcome-overlay{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);color:#fff;text-align:center;pointer-events:auto;background:linear-gradient(135deg,rgba(255,105,180,.95) 0%,rgba(157,78,221,.95) 25%,rgba(0,212,255,.95) 50%,rgba(255,215,0,.95) 75%,rgba(255,105,180,.95) 100%);background-size:400% 400%;animation:gradient-shift 8s ease infinite;padding:clamp(20px,5vw,50px) clamp(30px,6vw,30px);border-radius:clamp(15px,3vw,30px);border:clamp(2px,.5vw,5px) solid #fff;box-shadow:0 0 40px #ffd700cc,0 0 80px #ff69b499,inset 0 0 40px #ffffff4d;max-width:90%;width:clamp(300px,70%,600px);max-height:80vh;overflow-y:auto}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.welcome-title{font-size:clamp(28px,6vw,56px);margin:0 0 clamp(15px,3vw,30px) 0;color:#fff;text-shadow:4px 4px 0px #ff1493,-2px -2px 0px #00d4ff,0 0 20px rgba(255,215,0,.8);font-weight:700;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ca-container{background:rgba(255,255,255,.9);padding:clamp(12px,3vw,20px);border-radius:clamp(10px,2vw,15px);margin:clamp(15px,3vw,25px) 0;border:clamp(2px,.4vw,3px) dashed #ff69b4;box-shadow:0 4px 15px #0000004d}.ca-label{margin:5px 0;font-size:clamp(12px,2.5vw,16px);color:#9d4edd;font-weight:600;text-transform:uppercase;letter-spacing:1px}.ca-address{margin:0;font-size:clamp(11px,2.2vw,16px);font-family:Courier New,monospace;color:#2d3748;word-break:break-all;font-weight:700;line-height:1.4}.button-container{display:flex;gap:clamp(10px,2vw,20px);justify-content:center;flex-wrap:wrap;margin-top:clamp(20px,4vw,35px)}.button-container div{display:flex;gap:1rem;width:100%}.btn{padding:clamp(12px,2.5vw,18px) clamp(20px,4vw,35px);font-size:clamp(14px,2.5vw,20px);font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:Fredoka,cursive;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #0000004d;position:relative;overflow:hidden;white-space:nowrap;width:100%}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn span{position:relative;z-index:1}.btn-buy{background:linear-gradient(45deg,#ffd700,#ff69b4,#ffd700);background-size:200% 200%;animation:gradient-slide 3s ease infinite;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@keyframes gradient-slide{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-buy:hover{transform:scale(1.1) rotate(-2deg);box-shadow:0 8px 30px #ffd700cc}.btn-dex{background:linear-gradient(45deg,#00d4ff,#9d4edd);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.btn-dex:hover{transform:scale(1.1) rotate(2deg);box-shadow:0 8px 30px #00d4ffcc}.btn-twitter{background:linear-gradient(45deg,#000000,#414141);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.btn-telegram{background:linear-gradient(45deg,#1DA1F2,#00acee);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.btn-telegram:hover{transform:scale(1.1) rotate(-2deg);box-shadow:0 8px 30px #1da1f2cc}.btn-twitter:hover{transform:scale(1.1) rotate(-2deg);box-shadow:0 8px 30px #202020cc}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.welcome-overlay:after{content:"\2728";position:absolute;font-size:clamp(20px,4vw,30px);top:10px;right:20px;animation:twinkle 2s ease-in-out infinite}.welcome-overlay:before{content:"\2728";position:absolute;font-size:clamp(20px,4vw,30px);bottom:10px;left:20px;animation:twinkle 2s ease-in-out infinite 1s}@media (max-width: 768px){.click-message{top:15%}.welcome-overlay{bottom:5%;width:95%;max-height:85vh}.button-container{flex-direction:column;align-items:stretch}.btn{width:100%}.btn:hover{transform:scale(1.05)}}@media (max-width: 480px){.click-message{top:10%}.welcome-overlay{bottom:2%}.welcome-title{margin-bottom:15px}.ca-container{margin:15px 0}.button-container{margin-top:20px}}@media (max-height: 600px) and (orientation: landscape){.click-message{top:5%;font-size:clamp(1.5rem,5vw,3rem)}.welcome-overlay{bottom:2%;padding:15px 25px;max-height:90vh}.welcome-title{font-size:clamp(20px,4vw,36px);margin-bottom:10px}.ca-container{padding:10px;margin:10px 0}.button-container{margin-top:15px;gap:10px}}.click-message.animate-in,.welcome-overlay.animate-in{animation:fade-in-scale .8s ease-out both;animation-delay:.7s}@keyframes fade-in-scale{0%{opacity:0;transform:translate(-50%,-0%) scale(.8)}to{opacity:1;transform:translate(-50%,-5%) scale(1)}}.click-message{transform:translate(-50%)}.click-message.animate-in{animation:fade-in-up .8s ease-out both;animation-delay:.3s}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mute-button{position:fixed!important;top:20px;right:20px;width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.8);background:linear-gradient(135deg,rgba(255,105,180,.9) 0%,rgba(157,78,221,.9) 50%,rgba(255,215,0,.9) 100%);background-size:200% 200%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #0000004d,0 0 30px #ff69b480,inset 0 0 20px #fff3;animation:mute-gradient 4s ease infinite,mute-float 3s ease-in-out infinite,mute-entrance .6s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(10px);position:relative;overflow:hidden}@keyframes mute-entrance{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes mute-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes mute-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.mute-icon{font-size:28px;position:relative;z-index:2;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mute-ripple{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.6);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.mute-button:hover{transform:scale(1.15) rotate(10deg);box-shadow:0 6px 25px #0006,0 0 50px #ffd700cc,inset 0 0 30px #ffffff4d;border-color:#fff}.mute-button:hover .mute-ripple{animation:ripple-effect .6s ease-out}@keyframes ripple-effect{0%{width:100%;height:100%;opacity:1}to{width:200%;height:200%;opacity:0}}.mute-button:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d,0 0 20px #ff69b480,inset 0 0 15px #fff3}.mute-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:button-shine 3s ease-in-out infinite}@keyframes button-shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.mute-button:after{content:"\2728";position:absolute;top:-10px;right:-10px;font-size:20px;opacity:0;pointer-events:none;animation:sparkle-appear .6s ease-out}@keyframes sparkle-appear{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg)}}.mute-button:active:after{animation:sparkle-appear .6s ease-out}@media (max-width: 768px){.mute-button{width:50px;height:50px;top:15px;right:15px}.mute-icon{font-size:24px}}@media (max-width: 480px){.mute-button{width:45px;height:45px;top:10px;right:10px}.mute-icon{font-size:20px}}@media (prefers-reduced-motion: reduce){.mute-button,.mute-icon{animation:none}.mute-button:hover{transform:scale(1.1)}}