.app{position:relative;width:100%;min-height:100vh;padding:20px;animation:appWobble 4s ease-in-out infinite}@keyframes appWobble{0%,to{transform:perspective(1000px) rotateX(0) rotateY(0)}25%{transform:perspective(1000px) rotateX(.5deg) rotateY(-.3deg)}50%{transform:perspective(1000px) rotateX(-.3deg) rotateY(.5deg)}75%{transform:perspective(1000px) rotateX(.2deg) rotateY(-.2deg)}}.app.worse-mode{filter:hue-rotate(90deg) saturate(200%) contrast(150%);animation:worseModePulse 1s infinite,worseModeShake .3s infinite;position:relative;height:100vh;overflow:hidden}.app.worse-mode *{animation-duration:calc(var(--anim-duration, 1s) * .3)!important}.app.worse-mode section,.app.worse-mode .chaotic-btn,.app.worse-mode button,.app.worse-mode h1,.app.worse-mode h2,.app.worse-mode h3,.app.worse-mode .error-popup,.app.worse-mode .chaotic-modal,.app.worse-mode .track-card{transition:none!important;animation:none!important;z-index:10}.app.worse-mode section{z-index:100}.app.worse-mode .chaotic-modal{z-index:10000!important}@keyframes worseModePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes worseModeShake{0%,to{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-1px,1px)}}.app.worse-mode .chaotic-btn,.app.worse-mode button{animation:worseButtonChaos .2s infinite!important}@keyframes worseButtonChaos{0%,to{transform:rotate(0) scale(1) skew(0)}16%{transform:rotate(8deg) scale(1.15) skew(3deg,-2deg)}33%{transform:rotate(-6deg) scale(.85) skew(-2deg,3deg)}50%{transform:rotate(10deg) scale(1.2) skew(4deg,-3deg)}66%{transform:rotate(-8deg) scale(.9) skew(-3deg,2deg)}83%{transform:rotate(5deg) scale(1.1) skew(2deg,-1deg)}}.app section{position:relative;animation:sectionChaos 6s ease-in-out infinite;animation-delay:calc(var(--section-index, 0) * .5s)}@keyframes sectionChaos{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(5px,-3px) rotate(.5deg)}40%{transform:translate(-3px,5px) rotate(-.5deg)}60%{transform:translate(4px,2px) rotate(.3deg)}80%{transform:translate(-2px,-4px) rotate(-.3deg)}}.hero-404{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden;animation:sectionChaos 6s ease-in-out infinite;animation-delay:calc(var(--section-index, 0) * .5s)}.error-container{text-align:center;position:relative;z-index:1;transform:rotate(-2deg);animation:containerWobble 4s ease-in-out infinite,randomColorShift 6s ease-in-out infinite}.error-code{font-size:180px;font-weight:700;font-family:Impact,sans-serif;color:#f0f;text-shadow:10px 10px 0px #00ffff,-10px -10px 0px #ffff00,20px 20px 30px rgba(0,0,0,.5),-20px -20px 30px rgba(255,0,255,.5);animation:float 3s ease-in-out infinite,unpredictableRotate 8s ease-in-out infinite;line-height:1;margin-bottom:20px;transform:skew(-5deg,2deg);position:relative}@keyframes float{0%,to{transform:translateY(0) skew(-5deg,2deg)}50%{transform:translateY(-20px) skew(5deg,-2deg)}}@keyframes containerWobble{0%,to{transform:rotate(-2deg) translate(0)}25%{transform:rotate(-1deg) translate(3px,-2px)}50%{transform:rotate(-3deg) translate(-2px,3px)}75%{transform:rotate(-2deg) translate(2px,2px)}}.error-message{font-size:48px;font-weight:700;font-family:Times New Roman,serif;color:#0ff;text-shadow:5px 5px 0px #ff00ff,-5px -5px 0px #ffff00;margin-bottom:30px;position:relative;transform:rotate(1deg)}.glitch{position:relative;animation:glitch .3s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 #ff00ff;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00ffff,2px 2px #ff00ff;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 1s infinite linear alternate-reverse}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}20%{clip:rect(54px,9999px,66px,0)}40%{clip:rect(28px,9999px,100px,0)}60%{clip:rect(78px,9999px,52px,0)}80%{clip:rect(23px,9999px,98px,0)}to{clip:rect(42px,9999px,45px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(29px,9999px,52px,0)}40%{clip:rect(78px,9999px,94px,0)}60%{clip:rect(23px,9999px,66px,0)}80%{clip:rect(40px,9999px,98px,0)}to{clip:rect(68px,9999px,45px,0)}}.error-description{font-size:24px;font-family:Comic Neue,cursive;color:#ff0;text-shadow:3px 3px 0px #ff00ff,-3px -3px 0px #00ffff;line-height:1.6;transform:rotate(1deg);max-width:600px;margin:0 auto;animation:descriptionJitter 2s ease-in-out infinite;position:relative}@keyframes descriptionJitter{0%,to{transform:rotate(1deg) translate(0)}33%{transform:rotate(2deg) translate(2px,-1px)}66%{transform:rotate(0) translate(-1px,2px)}}.chaotic-buttons{padding:60px 20px;display:flex;justify-content:center;align-items:center;min-height:300px}.button-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center}.chaotic-btn{padding:20px 40px;font-size:24px;font-weight:700;font-family:Comic Neue,cursive;border:5px solid #ff00ff;background:linear-gradient(45deg,#0ff,#ff0);color:#000;cursor:pointer;position:relative;text-transform:uppercase;box-shadow:10px 10px #f0f,-10px -10px #0ff,20px 20px 40px #00000080;transform:skew(-5deg,2deg);transition:all .1s linear;z-index:10;animation:buttonConstantJitter 2s ease-in-out infinite}@keyframes buttonConstantJitter{0%,to{transform:skew(-5deg,2deg) translate(0) rotate(0)}25%{transform:skew(-4deg,3deg) translate(2px,-1px) rotate(.5deg)}50%{transform:skew(-6deg,1deg) translate(-1px,2px) rotate(-.5deg)}75%{transform:skew(-5deg,2deg) translate(1px,1px) rotate(.3deg)}}.chaotic-btn:hover{transform:skew(5deg,-2deg) scale(1.1) rotate(2deg);box-shadow:15px 15px #f0f,-15px -15px #0ff,30px 30px 60px #000000b3;animation:buttonHoverChaos .3s ease-in-out infinite,slowSpinOnHover 4s linear infinite}@keyframes slowSpinOnHover{0%{transform:skew(5deg,-2deg) scale(1.1) rotate(2deg)}to{transform:skew(5deg,-2deg) scale(1.1) rotate(362deg)}}@keyframes buttonHoverChaos{0%,to{transform:skew(5deg,-2deg) scale(1.1) rotate(2deg) translate(0)}33%{transform:skew(6deg,-1deg) scale(1.15) rotate(3deg) translate(3px,-2px)}66%{transform:skew(4deg,-3deg) scale(1.05) rotate(1deg) translate(-2px,3px)}}.chaotic-btn:active{transform:skew(0) scale(.95)}.shake-btn.shaking{animation:shake .5s infinite}@keyframes shake{0%,to{transform:translate(0) skew(-5deg,2deg)}10%,30%,50%,70%,90%{transform:translate(-10px,-10px) skew(-10deg,5deg)}20%,40%,60%,80%{transform:translate(10px,10px) skew(10deg,-5deg)}}.rotate-btn{animation:slowRotate 8s linear infinite}@keyframes slowRotate{0%{transform:rotate(0) skew(-5deg,2deg)}to{transform:rotate(360deg) skew(-5deg,2deg)}}.move-away-btn{position:relative}.rules-section{padding:80px 20px;text-align:center;position:relative;min-height:400px;animation:sectionChaos 6s ease-in-out infinite;animation-delay:calc(var(--section-index, 2) * .5s)}.rules-title{font-size:64px;font-weight:700;font-family:Impact,sans-serif;color:#ff0;text-shadow:8px 8px 0px #ff00ff,-8px -8px 0px #00ffff,15px 15px 30px rgba(0,0,0,.5);margin-bottom:40px;transform:rotate(-3deg) skew(5deg,-2deg);animation:titleJitter .5s infinite}@keyframes titleJitter{0%,to{transform:rotate(-3deg) skew(5deg,-2deg) translate(0)}25%{transform:rotate(-2deg) skew(4deg,-1deg) translate(2px,-2px)}50%{transform:rotate(-4deg) skew(6deg,-3deg) translate(-2px,2px)}75%{transform:rotate(-3deg) skew(5deg,-2deg) translate(1px,1px)}}.glitch-text{position:relative}.glitch-text:before{content:attr(data-text);position:absolute;left:2px;top:2px;width:100%;height:100%;z-index:-1;color:#f0f;animation:glitchMove .3s infinite}@keyframes glitchMove{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.rules-btn{padding:25px 50px;font-size:28px;font-weight:700;font-family:Times New Roman,serif;border:6px solid #ffff00;background:linear-gradient(135deg,#f0f,#0ff);color:#fff;cursor:pointer;text-transform:uppercase;box-shadow:12px 12px #ff0,-12px -12px #f0f,25px 25px 50px #0009;transform:rotate(2deg) skew(-3deg,1deg);transition:all .2s ease;animation:slowPulse 3s ease-in-out infinite}@keyframes slowPulse{0%,to{transform:rotate(2deg) skew(-3deg,1deg) scale(1)}50%{transform:rotate(2deg) skew(-3deg,1deg) scale(1.05)}}.rules-btn:hover{transform:rotate(-2deg) skew(3deg,-1deg) scale(1.1);animation:fastPulse .5s ease-in-out infinite}@keyframes fastPulse{0%,to{transform:rotate(-2deg) skew(3deg,-1deg) scale(1.1)}50%{transform:rotate(-2deg) skew(3deg,-1deg) scale(1.15)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chaotic-modal{background:linear-gradient(135deg,#f0f,#0ff,#ff0);padding:40px;border:10px solid #fff;border-radius:20px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:20px 20px #ff0,-20px -20px #f0f,40px 40px 80px #000c;transform:rotate(-1deg);animation:modalFloat 3s ease-in-out infinite,modalJitter 2s ease-in-out infinite}@keyframes modalJitter{0%,to{transform:rotate(-1deg) translate(0) skew(0)}33%{transform:rotate(-.5deg) translate(2px,-2px) skew(1deg,-.5deg)}66%{transform:rotate(-1.5deg) translate(-2px,2px) skew(-1deg,.5deg)}}@keyframes modalFloat{0%,to{transform:rotate(-1deg) translate(0)}50%{transform:rotate(1deg) translate(10px,-10px)}}.modal-close{position:absolute;top:10px;right:10px;background:#000;color:#fff;border:3px solid #fff;width:40px;height:40px;font-size:30px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);transition:transform .3s ease}.modal-close:hover{transform:rotate(225deg) scale(1.2)}.modal-title{font-size:36px;font-weight:700;font-family:Comic Neue,cursive;color:#000;text-shadow:3px 3px 0px #fff;margin-bottom:30px;text-align:center;transform:rotate(1deg)}.rules-list{list-style:none;padding:0}.rule-item{font-size:20px;font-family:Times New Roman,serif;color:#000;background:#fffc;padding:15px;margin:15px 0;border:3px solid #000;box-shadow:5px 5px #f0f;animation:slideIn .5s ease forwards;opacity:0}@keyframes slideIn{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.rule-item:hover{transform:rotate(2deg) scale(1.05);box-shadow:8px 8px #0ff}.modal-close-hint{font-size:18px;font-family:Comic Neue,cursive;color:red;text-shadow:2px 2px 0px #fff;margin-bottom:15px;padding:10px;background:#ff0c;border:3px solid #000;transform:rotate(1deg);animation:hintPulse 1s ease-in-out infinite}@keyframes hintPulse{0%,to{transform:rotate(1deg) scale(1)}50%{transform:rotate(-1deg) scale(1.05)}}.tracks-section{padding:80px 20px;min-height:500px}.tracks-title{font-size:56px;font-weight:700;font-family:Impact,sans-serif;text-align:center;color:#0ff;text-shadow:6px 6px 0px #ff00ff,-6px -6px 0px #ffff00;margin-bottom:60px;transform:rotate(2deg) skew(-3deg,1deg);animation:titleWobble 2s ease-in-out infinite}@keyframes titleWobble{0%,to{transform:rotate(2deg) skew(-3deg,1deg)}25%{transform:rotate(-2deg) skew(3deg,-1deg)}50%{transform:rotate(2deg) skew(-3deg,1deg)}75%{transform:rotate(-1deg) skew(2deg,-.5deg)}}.tracks-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:20px}.track-card{background:linear-gradient(135deg,var(--track-color),rgba(255,255,255,.3));border:8px solid #000;padding:40px;position:relative;transform:rotate(calc(var(--index, 0) * 5deg - 10deg));box-shadow:15px 15px #0000004d,-15px -15px 0 var(--track-color),30px 30px 60px #00000080;animation:cardFloat 4s ease-in-out infinite,cardJitter 3s ease-in-out infinite;overflow:hidden;transition:transform .3s ease;animation-delay:calc(var(--index, 0) * .3s)}@keyframes cardJitter{0%,to{transform:rotate(calc(var(--index) * 5deg - 10deg)) translate(0) skew(0)}25%{transform:rotate(calc(var(--index) * 5deg - 9deg)) translate(3px,-2px) skew(1deg,-.5deg)}50%{transform:rotate(calc(var(--index) * 5deg - 11deg)) translate(-2px,3px) skew(-1deg,.5deg)}75%{transform:rotate(calc(var(--index) * 5deg - 10deg)) translate(2px,2px) skew(.5deg,-.3deg)}}.track-card:nth-child(1){--index: 0}.track-card:nth-child(2){--index: 1}.track-card:nth-child(3){--index: 2}@keyframes cardFloat{0%,to{transform:rotate(calc(var(--index) * 5deg - 10deg)) translateY(0)}50%{transform:rotate(calc(var(--index) * 5deg - 8deg)) translateY(-20px)}}.track-card:hover{transform:rotate(calc(var(--index) * 5deg - 10deg + 10deg)) scale(1.1)!important;z-index:100;animation:cardSpin .5s ease-in-out infinite}@keyframes cardSpin{0%,to{transform:rotate(calc(var(--index) * 5deg - 10deg + 10deg)) scale(1.1)}50%{transform:rotate(calc(var(--index) * 5deg - 10deg + 15deg)) scale(1.15)}}.track-number{font-size:18px;font-weight:700;font-family:Comic Neue,cursive;color:#000;background:#fff;display:inline-block;padding:5px 15px;border:3px solid #000;transform:rotate(-5deg);margin-bottom:20px;box-shadow:3px 3px 0 var(--track-color)}.track-title{font-size:32px;font-weight:700;font-family:Times New Roman,serif;color:#000;text-shadow:2px 2px 0px #fff;margin-bottom:20px;transform:rotate(1deg);line-height:1.2}.track-description{font-size:18px;font-family:Comic Neue,cursive;color:#000;line-height:1.6;transform:rotate(-.5deg);background:#ffffffb3;padding:15px;border:2px solid #000}.track-decoration{position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:var(--track-color);border:5px solid #000;transform:rotate(45deg);animation:decorationSpin 3s linear infinite;z-index:-1}@keyframes decorationSpin{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.track-card:before{content:"";position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;background:#ffffff4d;border:4px solid #000;border-radius:50%;transform:rotate(-45deg);animation:decorationFloat 2s ease-in-out infinite}@keyframes decorationFloat{0%,to{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(-10px)}}.deadline-section{padding:80px 20px;display:flex;justify-content:center;align-items:center;min-height:400px;animation:sectionChaos 6s ease-in-out infinite;animation-delay:calc(var(--section-index, 3) * .5s)}.error-popup{background:red;border:8px solid #000;border-radius:0;padding:30px;max-width:500px;width:90%;box-shadow:15px 15px #ff0,-15px -15px #0ff,30px 30px 60px #000c;transform:rotate(-2deg);animation:popupFlicker 2s infinite,popupShake .5s infinite,popupSkew 3s ease-in-out infinite;position:relative}@keyframes popupSkew{0%,to{transform:rotate(-2deg) skew(0)}25%{transform:rotate(-1deg) skew(2deg,-1deg)}50%{transform:rotate(-3deg) skew(-2deg,1deg)}75%{transform:rotate(-2deg) skew(1deg,-.5deg)}}@keyframes popupFlicker{0%,to{opacity:1}50%{opacity:.95}51%{opacity:1}52%{opacity:.9}53%{opacity:1}}@keyframes popupShake{0%,to{transform:rotate(-2deg) translate(0)}25%{transform:rotate(-1deg) translate(-2px,2px)}50%{transform:rotate(-3deg) translate(2px,-2px)}75%{transform:rotate(-2deg) translate(-1px,1px)}}.error-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;border-bottom:3px solid #000;padding-bottom:15px}.error-icon{font-size:40px;animation:iconSpin 1s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-title{font-size:24px;font-weight:700;font-family:Impact,sans-serif;color:#fff;text-shadow:3px 3px 0px #000;letter-spacing:2px}.error-body{padding:20px 0}.deadline-text{font-size:28px;font-weight:700;font-family:Times New Roman,serif;color:#ff0;text-shadow:4px 4px 0px #000,-2px -2px 0px #ff00ff;text-align:center;line-height:1.5;animation:textGlitch .3s infinite}@keyframes textGlitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.glitch-deadline:before{content:attr(data-text);position:absolute;left:2px;top:2px;width:100%;height:100%;z-index:-1;color:#f0f;opacity:.5}.error-footer{display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:15px;border-top:3px solid #000}.error-btn{padding:10px 25px;font-size:18px;font-weight:700;font-family:Comic Neue,cursive;background:#000;color:#fff;border:3px solid #fff;cursor:pointer;text-transform:uppercase;transform:skew(-3deg,1deg);transition:all .2s ease;box-shadow:5px 5px #ff0}.error-btn:hover{transform:skew(3deg,-1deg) scale(1.1);background:#ff0;color:#000;box-shadow:5px 5px #000}.error-btn:active{transform:skew(0) scale(.95)}.scrolling-footer{position:fixed;bottom:0;left:0;right:0;height:80px;background:linear-gradient(90deg,#f0f,#0ff,#ff0,#f0f);background-size:200% 100%;animation:footerGradient 3s linear infinite;border-top:5px solid #000;overflow:hidden;z-index:1000;box-shadow:0 -10px 30px #00000080}@keyframes footerGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}.ticker-container{height:100%;display:flex;align-items:center;overflow:hidden;position:relative}.ticker-content{display:flex;white-space:nowrap;animation:scroll 30s linear infinite;will-change:transform}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-text{font-size:24px;font-weight:700;font-family:Comic Neue,cursive;color:#000;text-shadow:2px 2px 0px #fff,-2px -2px 0px rgba(255,255,255,.5);padding:0 50px;display:inline-block;transform:rotate(-1deg);animation:textWobble 2s ease-in-out infinite}@keyframes textWobble{0%,to{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-3px)}}.ticker-text:hover{animation:textSpin .5s linear infinite}@keyframes textSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confetti-button-container{padding:60px 20px;display:flex;justify-content:center;align-items:center;min-height:200px}.confetti-btn{padding:25px 50px;font-size:32px;font-weight:700;font-family:Impact,sans-serif;border:8px solid #ff0000;background:linear-gradient(45deg,#f0f,#0ff,#ff0);background-size:200% 200%;color:#000;cursor:pointer;text-transform:uppercase;position:relative;box-shadow:15px 15px red,-15px -15px #0ff,30px 30px 60px #000c;transform:rotate(5deg) skew(-3deg,2deg);transition:all .3s ease;animation:buttonPulse 2s ease-in-out infinite,gradientShift 3s ease infinite;z-index:10}@keyframes buttonPulse{0%,to{transform:rotate(5deg) skew(-3deg,2deg) scale(1)}50%{transform:rotate(5deg) skew(-3deg,2deg) scale(1.05)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.confetti-btn:hover{transform:rotate(-5deg) skew(3deg,-2deg) scale(1.2);animation:buttonShake .3s infinite,gradientShift 1s ease infinite;box-shadow:20px 20px red,-20px -20px #0ff,40px 40px 80px #000}@keyframes buttonShake{0%,to{transform:rotate(-5deg) skew(3deg,-2deg) scale(1.2) translate(0)}25%{transform:rotate(-6deg) skew(4deg,-3deg) scale(1.2) translate(-5px,5px)}50%{transform:rotate(-4deg) skew(2deg,-1deg) scale(1.2) translate(5px,-5px)}75%{transform:rotate(-5deg) skew(3deg,-2deg) scale(1.2) translate(-3px,3px)}}.confetti-btn:active{transform:rotate(0) skew(0) scale(.9)}.confetti-btn.exploded{animation:explode .5s ease-out}@keyframes explode{0%{transform:scale(1) rotate(5deg)}50%{transform:scale(1.5) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.confetti-btn:before{content:"⚠";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:40px;animation:warningBounce 1s ease-in-out infinite}@keyframes warningBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.confetti-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:all .3s ease}.confetti-btn:hover:after{width:200px;height:200px;animation:ripple 1s ease-out infinite}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:300px;height:300px;opacity:0}}.worse-toggle-container{position:fixed;top:20px;right:20px;z-index:2000;background:#000c;padding:15px;border:5px solid #ff00ff;box-shadow:10px 10px #0ff,-10px -10px #ff0;transform:rotate(5deg);animation:toggleFloat 3s ease-in-out infinite}@keyframes toggleFloat{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}}.worse-toggle-label{display:flex;align-items:center;gap:15px;cursor:pointer;font-family:Comic Neue,cursive;font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 0px #000}.worse-toggle-input{width:40px;height:40px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:4px solid #000;position:relative;transform:rotate(-10deg);transition:all .3s ease;box-shadow:5px 5px #f0f}.worse-toggle-input:hover{transform:rotate(10deg) scale(1.1);box-shadow:8px 8px #0ff}.worse-toggle-input:checked{background:linear-gradient(45deg,#f0f,#0ff);transform:rotate(10deg);box-shadow:5px 5px #ff0;animation:checkboxPulse 1s ease-in-out infinite}@keyframes checkboxPulse{0%,to{transform:rotate(10deg) scale(1)}50%{transform:rotate(10deg) scale(1.2)}}.worse-toggle-input:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;color:#000;font-weight:700;opacity:0;transition:opacity .3s ease}.worse-toggle-input:checked:after{opacity:1;animation:checkmarkSpin .5s ease}.worse-toggle-text{-webkit-user-select:none;user-select:none;transform:rotate(-2deg);transition:transform .3s ease}.worse-toggle-label:hover .worse-toggle-text{transform:rotate(2deg) scale(1.1);animation:textJitter .3s infinite}@keyframes textJitter{0%,to{transform:rotate(2deg) scale(1.1) translate(0)}25%{transform:rotate(3deg) scale(1.1) translate(-2px,2px)}50%{transform:rotate(1deg) scale(1.1) translate(2px,-2px)}75%{transform:rotate(2deg) scale(1.1) translate(-1px,1px)}}.app.worse-mode .worse-toggle-container{animation:toggleFloat 1s ease-in-out infinite,worseToggle .5s infinite;filter:hue-rotate(180deg)}@keyframes worseToggle{0%,to{transform:rotate(5deg) translateY(0) scale(1)}50%{transform:rotate(-10deg) translateY(-20px) scale(1.1)}}.rainbow-kaos-toggle-container{position:fixed;top:20px;left:20px;z-index:2000;background:#000c;padding:15px;border:5px solid #ffff00;box-shadow:10px 10px #f0f,-10px -10px #0ff;transform:rotate(-5deg);animation:toggleFloat 3s ease-in-out infinite}@keyframes toggleFloat{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-10px)}}.rainbow-kaos-toggle-label{display:flex;align-items:center;gap:15px;cursor:pointer;font-family:Comic Neue,cursive;font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 0px #000}.rainbow-kaos-toggle-input{width:40px;height:40px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:4px solid #000;position:relative;transform:rotate(10deg);transition:all .3s ease;box-shadow:5px 5px #ff0}.rainbow-kaos-toggle-input:hover{transform:rotate(-10deg) scale(1.1);box-shadow:8px 8px #f0f}.rainbow-kaos-toggle-input:checked{background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:200% 200%;animation:rainbowShift 2s linear infinite;transform:rotate(-10deg);box-shadow:5px 5px #0ff}@keyframes rainbowShift{0%{background-position:0% 50%}to{background-position:200% 50%}}.rainbow-kaos-toggle-input:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;color:#000;font-weight:700;opacity:0;transition:opacity .3s ease}.rainbow-kaos-toggle-input:checked:after{opacity:1;animation:checkmarkSpin .5s ease}@keyframes checkmarkSpin{0%{transform:translate(-50%,-50%) rotate(0) scale(0)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.5)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.rainbow-kaos-toggle-text{-webkit-user-select:none;user-select:none;transform:rotate(2deg);transition:transform .3s ease}.rainbow-kaos-toggle-label:hover .rainbow-kaos-toggle-text{transform:rotate(-2deg) scale(1.1);animation:textJitter .3s infinite}@keyframes textJitter{0%,to{transform:rotate(-2deg) scale(1.1) translate(0)}25%{transform:rotate(-3deg) scale(1.1) translate(-2px,2px)}50%{transform:rotate(-1deg) scale(1.1) translate(2px,-2px)}75%{transform:rotate(-2deg) scale(1.1) translate(-1px,1px)}}.explosion-toggle{position:fixed;top:80px;right:20px;z-index:10001;padding:15px 25px;font-size:16px;font-weight:700;font-family:Comic Neue,cursive;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:4px solid #fff;border-radius:50px;cursor:pointer;box-shadow:0 0 20px #ff6b6bcc,5px 5px #0000004d,inset 0 0 10px #ffffff4d;transform:rotate(-2deg);transition:all .3s ease;text-shadow:2px 2px 0px rgba(0,0,0,.5);animation:explosionTogglePulse 2s ease-in-out infinite}.explosion-toggle:hover{transform:rotate(2deg) scale(1.1);box-shadow:0 0 30px #ff6b6b,8px 8px #0000004d,inset 0 0 15px #ffffff80}.explosion-toggle.active{background:linear-gradient(135deg,#ff1744,#ff6b00);animation:explosionToggleActive .5s ease-in-out infinite;box-shadow:0 0 40px #ff1744,5px 5px #0000004d,inset 0 0 20px #ffffff80}@keyframes explosionTogglePulse{0%,to{transform:rotate(-2deg) scale(1);box-shadow:0 0 20px #ff6b6bcc,5px 5px #0000004d}50%{transform:rotate(2deg) scale(1.05);box-shadow:0 0 30px #ff6b6b,8px 8px #0000004d}}@keyframes explosionToggleActive{0%,to{transform:rotate(-3deg) scale(1)}25%{transform:rotate(3deg) scale(1.1)}50%{transform:rotate(-3deg) scale(1.05)}75%{transform:rotate(3deg) scale(1.1)}}.soap-toggle{position:fixed;top:140px;right:20px;z-index:10001;padding:15px 25px;font-size:16px;font-weight:700;font-family:Comic Neue,cursive;background:linear-gradient(135deg,#87ceeb,#b0e0e6);color:#fff;border:4px solid #fff;border-radius:50px;cursor:pointer;box-shadow:0 0 20px #87ceebcc,5px 5px #0000004d,inset 0 0 10px #ffffff4d;transform:rotate(-2deg);transition:all .3s ease;text-shadow:2px 2px 0px rgba(0,0,0,.5);animation:soapToggleFloat 3s ease-in-out infinite}.soap-toggle:hover{transform:rotate(2deg) scale(1.1);box-shadow:0 0 30px #87ceeb,8px 8px #0000004d,inset 0 0 15px #ffffff80}.soap-toggle.active{background:linear-gradient(135deg,#4682b4,#87ceeb);animation:soapToggleActive 2s ease-in-out infinite;box-shadow:0 0 40px #4682b4,5px 5px #0000004d,inset 0 0 20px #ffffff80}@keyframes soapToggleFloat{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}@keyframes soapToggleActive{0%,to{transform:rotate(-3deg) scale(1)}25%{transform:rotate(3deg) scale(1.05)}50%{transform:rotate(-3deg) scale(1)}75%{transform:rotate(3deg) scale(1.05)}}.rainbow-debug{position:fixed;bottom:120px;right:20px;z-index:10000;background:#000000e6;border:4px solid #ffff00;padding:15px;min-width:200px;box-shadow:5px 5px #f0f,-5px -5px #0ff,10px 10px 20px #000c;transform:rotate(-2deg);animation:debugFloat 2s ease-in-out infinite}@keyframes debugFloat{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}.debug-header{font-size:16px;font-weight:700;font-family:Comic Neue,cursive;color:#ff0;text-align:center;margin-bottom:10px;text-shadow:2px 2px 0px #000}.debug-color-box{width:100%;height:80px;border:3px solid #000;margin-bottom:10px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 20px #0000004d}.debug-color-info{text-align:center;background:#000000b3;padding:10px;border:2px solid #fff}.debug-color-name{font-size:20px;font-weight:700;font-family:Impact,sans-serif;color:#fff;text-shadow:2px 2px 0px #000;margin-bottom:5px}.debug-color-hex{font-size:14px;font-family:Courier New,monospace;color:#ff0;font-weight:700}.debug-status{font-size:12px;font-family:Comic Neue,cursive;color:#0f0;text-align:center;margin-top:5px;font-weight:700}.debug-speed{font-size:11px;font-family:Courier New,monospace;color:#0ff;text-align:center;margin-top:3px}.chaotic-input-section{padding:80px 20px;text-align:center;min-height:300px;position:relative;animation:sectionChaos 6s ease-in-out infinite;animation-delay:calc(var(--section-index, 5) * .5s)}.input-title{font-size:48px;font-weight:700;font-family:Impact,sans-serif;color:#0ff;text-shadow:6px 6px 0px #ff00ff,-6px -6px 0px #ffff00;margin-bottom:40px;transform:rotate(-2deg) skew(3deg,-1deg);animation:titleJitter 1s ease-in-out infinite}@keyframes titleJitter{0%,to{transform:rotate(-2deg) skew(3deg,-1deg) translate(0)}50%{transform:rotate(-1deg) skew(2deg,-.5deg) translate(2px,-2px)}}.input-container{max-width:600px;margin:0 auto;position:relative}.chaotic-input{width:100%;padding:20px;font-size:24px;font-family:Comic Neue,cursive;border:6px solid #ff00ff;background:linear-gradient(135deg,#ff0,#0ff);color:#000;text-transform:uppercase;box-shadow:10px 10px #0ff,-10px -10px #f0f,20px 20px 40px #00000080;transform:rotate(1deg) skew(-2deg,1deg);transition:all .2s ease;animation:inputJitter 2s ease-in-out infinite}@keyframes inputJitter{0%,to{transform:rotate(1deg) skew(-2deg,1deg) translate(0)}50%{transform:rotate(2deg) skew(-1deg,2deg) translate(2px,-1px)}}.chaotic-input:focus{outline:none;transform:rotate(-1deg) skew(2deg,-1deg) scale(1.05);box-shadow:15px 15px #0ff,-15px -15px #f0f,30px 30px 60px #000000b3;animation:inputFocusChaos .3s ease-in-out infinite}@keyframes inputFocusChaos{0%,to{transform:rotate(-1deg) skew(2deg,-1deg) scale(1.05) translate(0)}50%{transform:rotate(-2deg) skew(3deg,-2deg) scale(1.08) translate(3px,-2px)}}.autocorrect-preview{margin-top:20px;padding:15px;background:#ff00ff4d;border:3px solid #000;transform:rotate(-1deg);animation:previewJitter 1s ease-in-out infinite}@keyframes previewJitter{0%,to{transform:rotate(-1deg) translate(0)}50%{transform:rotate(1deg) translate(2px,-1px)}}.autocorrect-label{font-size:16px;font-family:Times New Roman,serif;color:#000;font-weight:700;margin-right:10px}.autocorrect-text{font-size:20px;font-family:Comic Neue,cursive;color:#ff0;text-shadow:2px 2px 0px #000;font-weight:700}.chaotic-submit-btn{margin-top:30px;padding:20px 40px;font-size:24px;font-weight:700;font-family:Comic Neue,cursive;border:5px solid #ffff00;background:linear-gradient(45deg,#f0f,#0ff);color:#fff;cursor:pointer;text-transform:uppercase;box-shadow:10px 10px #ff0,-10px -10px #f0f;transform:rotate(2deg) skew(-3deg,1deg);transition:all .2s ease;animation:buttonConstantJitter 2s ease-in-out infinite}.chaotic-submit-btn:hover{transform:rotate(-2deg) skew(3deg,-1deg) scale(1.1);animation:buttonHoverChaos .3s ease-in-out infinite,slowSpinOnHover 4s linear infinite}@keyframes buttonConstantJitter{0%,to{transform:rotate(2deg) skew(-3deg,1deg) translate(0)}50%{transform:rotate(3deg) skew(-2deg,2deg) translate(2px,-1px)}}@keyframes buttonHoverChaos{0%,to{transform:rotate(-2deg) skew(3deg,-1deg) scale(1.1) translate(0)}50%{transform:rotate(-3deg) skew(4deg,-2deg) scale(1.15) translate(3px,-2px)}}.gremlin-assistant{position:fixed;top:50%;left:50%;width:80px;height:80px;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.1,.1,.1,.1)}.gremlin-assistant.visible{opacity:1;animation:gremlinFloat 3s ease-in-out infinite,gremlinWobble 2s ease-in-out infinite}.gremlin-assistant.hidden{opacity:0;pointer-events:none}.gremlin-assistant.hiding{opacity:.3;transform:scale(.5);filter:blur(5px)}.gremlin-assistant.talking{animation:gremlinFloat 3s ease-in-out infinite,gremlinWobble 2s ease-in-out infinite,gremlinTalk .5s ease-in-out infinite}@keyframes gremlinFloat{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(0)}50%{transform:translate(-50%,-50%) translateY(-20px) rotate(5deg)}}@keyframes gremlinWobble{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(-5deg) scale(1.1)}50%{transform:translate(-50%,-50%) rotate(5deg) scale(.9)}75%{transform:translate(-50%,-50%) rotate(-3deg) scale(1.05)}}@keyframes gremlinTalk{0%,to{transform:translate(-50%,-50%) scaleY(1)}50%{transform:translate(-50%,-50%) scaleY(1.2)}}.gremlin-face{font-size:60px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#f0f,#0ff);border:4px solid #000;border-radius:50%;box-shadow:5px 5px #ff0,-5px -5px #f0f,10px 10px 20px #00000080;transform:rotate(-5deg);animation:faceSpin 4s linear infinite;position:relative;z-index:1}@keyframes faceSpin{0%{transform:rotate(-5deg)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}.speech-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:15px;min-width:200px;max-width:300px;z-index:10000;animation:bubblePop .3s ease-out,bubbleFloat 2s ease-in-out infinite;animation-delay:0s,.3s}@keyframes bubblePop{0%{transform:translate(-50%) scale(0) rotate(-10deg);opacity:0}50%{transform:translate(-50%) scale(1.1) rotate(5deg)}to{transform:translate(-50%) scale(1) rotate(0);opacity:1}}@keyframes bubbleFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.speech-bubble-content{background:linear-gradient(135deg,#ff0,#f0f);color:#000;padding:15px 20px;border:4px solid #000;border-radius:20px;font-family:Comic Neue,cursive;font-size:16px;font-weight:700;text-align:center;box-shadow:5px 5px #0ff,-5px -5px #ff0,10px 10px 20px #00000080;transform:rotate(-2deg);position:relative;z-index:2;line-height:1.4;word-wrap:break-word;animation:textJitter .1s ease-in-out infinite}@keyframes textJitter{0%,to{transform:rotate(-2deg) translate(0)}25%{transform:rotate(-1deg) translate(1px,-1px)}50%{transform:rotate(-3deg) translate(-1px,1px)}75%{transform:rotate(-2deg) translate(.5px,.5px)}}.speech-bubble-tail{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #000;z-index:1;filter:drop-shadow(2px 2px 0px #ffff00)}.speech-bubble-tail:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #ffff00}.gremlin-assistant.hiding{z-index:-1}.gremlin-assistant:hover .gremlin-face{animation:faceSpin .5s linear infinite,gremlinHover .3s ease-in-out infinite;transform:scale(1.3) rotate(180deg)}@keyframes gremlinHover{0%,to{transform:scale(1.3) rotate(180deg)}50%{transform:scale(1.5) rotate(200deg)}}.gremlin-assistant.visible:not(.hiding){animation:gremlinFloat 3s ease-in-out infinite,gremlinWobble 2s ease-in-out infinite,gremlinChaos 5s ease-in-out infinite}@keyframes gremlinChaos{0%,to{transform:translate(-50%,-50%) translate(0) rotate(0)}20%{transform:translate(-50%,-50%) translate(10px,-10px) rotate(10deg)}40%{transform:translate(-50%,-50%) translate(-10px,10px) rotate(-10deg)}60%{transform:translate(-50%,-50%) translate(5px,15px) rotate(5deg)}80%{transform:translate(-50%,-50%) translate(-15px,-5px) rotate(-5deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Neue,Times New Roman,serif;background:linear-gradient(135deg,#f0f,#0ff,#ff0);background-size:400% 400%;animation:chaoticBackground 8s ease infinite,bodyJitter .1s infinite;min-height:100vh;overflow-x:hidden;position:relative;cursor:default}body.worse-mode-scroll-disabled,html.worse-mode-scroll-disabled{overflow:hidden!important;height:100vh;position:fixed;width:100%}body.rainbow-kaos-mode{background:none!important;background-color:red!important;background-image:none!important;animation:rainbowBackgroundFlash .08s linear infinite,bodyJitter .1s infinite;filter:saturate(150%) brightness(110%)}body.rainbow-kaos-mode #root,body.rainbow-kaos-mode .app{background:transparent!important}body.rainbow-kaos-mode section{background:#ffffff08!important;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}body.rainbow-kaos-mode:before{content:"BG TEST";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:200px;z-index:-9998;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;text-shadow:2px 2px 0px #000;border:5px solid #fff;animation:rainbowBackgroundFlash .08s linear infinite;pointer-events:none;opacity:.8}body.rainbow-kaos-mode:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-9999;pointer-events:none;animation:rainbowBackgroundFlashOverlay .08s linear infinite}@keyframes rainbowBackgroundFlashOverlay{0%{background-color:red}14.28%{background-color:#ff7f00}28.56%{background-color:#ff0}42.84%{background-color:#0f0}57.12%{background-color:#00f}71.4%{background-color:indigo}85.68%{background-color:#9400d3}to{background-color:red}}@keyframes rainbowBackgroundFlash{0%{background-color:red!important}14.28%{background-color:#ff7f00!important}28.56%{background-color:#ff0!important}42.84%{background-color:#0f0!important}57.12%{background-color:#00f!important}71.4%{background-color:indigo!important}85.68%{background-color:#9400d3!important}to{background-color:red!important}}body.rainbow-kaos-mode{cursor:none!important}body.rainbow-kaos-mode #rainbow-cursor{position:fixed;font-size:100px;pointer-events:none;z-index:99999;left:var(--cursor-x, 50vw);top:var(--cursor-y, 50vh);transform:translate(-50%,-50%);animation:cursorWobble .3s ease-in-out infinite,cursorPulse 1s ease-in-out infinite;will-change:transform,left,top;display:block!important;line-height:1;filter:drop-shadow(0 0 20px rgba(255,0,255,.8)) drop-shadow(0 0 40px rgba(0,255,255,.8))}@keyframes cursorWobble{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(-25deg) scale(1.4)}50%{transform:translate(-50%,-50%) rotate(25deg) scale(.7)}75%{transform:translate(-50%,-50%) rotate(-15deg) scale(1.3)}}@keyframes cursorPulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,0,255,.8)) drop-shadow(0 0 40px rgba(0,255,255,.8))}50%{filter:drop-shadow(0 0 30px rgba(255,255,0,1)) drop-shadow(0 0 60px rgba(255,0,255,1))}}@keyframes bodyJitter{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(.5px,.5px)}}@keyframes chaoticBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{width:100%;min-height:100vh;padding-bottom:100px}.icon,svg,[class*=icon]{transition:transform .1s linear}.icon:hover,svg:hover,[class*=icon]:hover{animation:uncontrollableSpin .3s linear infinite;transform-origin:center}body.rainbow-kaos-mode .icon,body.rainbow-kaos-mode svg,body.rainbow-kaos-mode [class*=icon]{animation:rainbowIconRotate 1s ease-in-out infinite;filter:hue-rotate(calc(var(--icon-hue, 0) * 1deg)) saturate(200%) brightness(120%)}@keyframes rainbowIconRotate{0%{transform:rotate(0) scale(1) hue-rotate(0deg)}10%{transform:rotate(90deg) scale(1.5) hue-rotate(60deg)}20%{transform:rotate(-60deg) scale(.6) hue-rotate(120deg)}30%{transform:rotate(180deg) scale(1.6) hue-rotate(180deg)}40%{transform:rotate(-90deg) scale(.7) hue-rotate(240deg)}50%{transform:rotate(270deg) scale(1.4) hue-rotate(300deg)}60%{transform:rotate(-120deg) scale(.5) hue-rotate(360deg)}70%{transform:rotate(360deg) scale(1.8) hue-rotate(420deg)}80%{transform:rotate(-180deg) scale(.4) hue-rotate(480deg)}90%{transform:rotate(450deg) scale(1.2) hue-rotate(540deg)}to{transform:rotate(0) scale(1) hue-rotate(0deg)}}@keyframes uncontrollableSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.5)}50%{transform:rotate(180deg) scale(.8)}75%{transform:rotate(270deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}p:hover,span:hover,div:hover{animation:randomFontSize .5s ease-in-out infinite,randomSkew .3s infinite}@keyframes randomFontSize{0%,to{font-size:inherit}25%{font-size:1.2em}50%{font-size:.8em}75%{font-size:1.1em}}@keyframes randomSkew{0%,to{transform:skew(0)}25%{transform:skew(2deg,-1deg)}50%{transform:skew(-2deg,1deg)}75%{transform:skew(1deg,-.5deg)}}section,div,h1,h2,h3,p{animation:microJitter 3s ease-in-out infinite;animation-delay:calc(var(--jitter-delay, 0) * .1s)}@keyframes microJitter{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2px,-1px) rotate(.5deg)}66%{transform:translate(-1px,1px) rotate(-.3deg)}}.cursor-lag{position:relative;transition:transform .5s cubic-bezier(.1,.1,.1,.1)}.escape-cursor{position:relative;transition:transform .2s cubic-bezier(.68,-.55,.265,1.55)}@keyframes randomColorShift{0%,to{filter:hue-rotate(0deg)}25%{filter:hue-rotate(10deg)}50%{filter:hue-rotate(-10deg)}75%{filter:hue-rotate(5deg)}}.random-color-shift{animation:randomColorShift 4s ease-in-out infinite}@keyframes unpredictableRotate{0%{transform:rotate(0)}10%{transform:rotate(5deg)}20%{transform:rotate(-3deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(2deg)}60%{transform:rotate(-8deg)}70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(6deg)}to{transform:rotate(0)}}.unpredictable-rotate{animation:unpredictableRotate 5s ease-in-out infinite}body.worse-mode *{animation-duration:calc(var(--anim-duration, 1s) * .5)!important}body.worse-mode{filter:blur(.5px) contrast(150%)}button,.chaotic-btn,a{position:relative}button:hover,.chaotic-btn:hover,a:hover{animation:escapeHover .3s ease-out}@keyframes escapeHover{0%{transform:translate(0)}50%{transform:translate(calc(var(--escape-x, 0) * 10px),calc(var(--escape-y, 0) * 10px))}to{transform:translate(0)}}@keyframes randomShift{0%,to{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translate(-2px,3px)}75%{transform:translate(2px,2px)}}.random-shift{animation:randomShift 2s ease-in-out infinite;animation-delay:calc(var(--shift-delay, 0) * .2s)}body.rainbow-kaos-mode section{border:4px solid;border-image:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red) 1;animation:rainbowBorder 2s linear infinite;box-shadow:0 0 20px #ff00ff80,inset 0 0 20px #00ffff4d}@keyframes rainbowBorder{0%{border-image-source:linear-gradient(90deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#9400d3,#ff0000)}50%{border-image-source:linear-gradient(180deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#9400d3,#ff0000)}to{border-image-source:linear-gradient(270deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#9400d3,#ff0000)}}body.rainbow-kaos-mode *{filter:drop-shadow(0 0 2px rgba(255,0,255,.3))}body.rainbow-kaos-mode h1,body.rainbow-kaos-mode h2,body.rainbow-kaos-mode h3,body.rainbow-kaos-mode h4,body.rainbow-kaos-mode h5,body.rainbow-kaos-mode h6,body.rainbow-kaos-mode p,body.rainbow-kaos-mode span,body.rainbow-kaos-mode div,body.rainbow-kaos-mode li,body.rainbow-kaos-mode a,body.rainbow-kaos-mode button,body.rainbow-kaos-mode label{animation:rainbowTextCycle 1s linear infinite;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,#f0f,red);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 10px rgba(255,0,255,.5),0 0 20px rgba(0,255,255,.5),0 0 30px rgba(255,255,0,.5);filter:brightness(1.2) saturate(150%)}@keyframes rainbowTextCycle{0%{background-position:0% 50%}to{background-position:300% 50%}}body.rainbow-kaos-mode button,body.rainbow-kaos-mode .chaotic-btn{position:relative;border:3px solid transparent;background-clip:padding-box;box-shadow:0 0 20px #f0f9,0 0 40px #0ff6,0 0 60px #ffff004d}body.rainbow-kaos-mode button:before,body.rainbow-kaos-mode .chaotic-btn:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-size:400% 400%;border-radius:inherit;z-index:-1;opacity:.8;animation:buttonTrail 1s ease-in-out infinite,rainbowTrail .5s linear infinite;filter:blur(15px);transform:scale(1.3)}body.rainbow-kaos-mode button:after,body.rainbow-kaos-mode .chaotic-btn:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:400% 400%;border-radius:inherit;z-index:-2;opacity:.4;animation:buttonTrail2 1.5s ease-in-out infinite,rainbowTrail .7s linear infinite;filter:blur(25px);transform:scale(1.5)}@keyframes buttonTrail{0%,to{opacity:.8;transform:scale(1.3) translate(0) rotate(0)}50%{opacity:1;transform:scale(1.6) translate(15px,15px) rotate(180deg)}}@keyframes buttonTrail2{0%,to{opacity:.4;transform:scale(1.5) translate(0) rotate(0)}50%{opacity:.7;transform:scale(1.8) translate(-15px,-15px) rotate(-180deg)}}@keyframes rainbowTrail{0%{background-position:0% 50%}to{background-position:400% 50%}}body.rainbow-kaos-mode button:hover:before,body.rainbow-kaos-mode .chaotic-btn:hover:before{opacity:1;animation:buttonTrail .3s ease-in-out infinite,rainbowTrail .3s linear infinite;filter:blur(20px)}body.rainbow-kaos-mode button:hover:after,body.rainbow-kaos-mode .chaotic-btn:hover:after{opacity:.8;animation:buttonTrail2 .4s ease-in-out infinite,rainbowTrail .4s linear infinite}.slow-hover-spin{transition:transform .1s ease-out}.slow-hover-spin:hover{animation:slowSpinOnHover 3s linear infinite}@keyframes slowSpinOnHover{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.backwards-type{display:inline-block;overflow:hidden;white-space:nowrap;border-right:3px solid currentColor;animation:backwardsTyping 3s steps(30,end) infinite;padding-right:2px}@keyframes backwardsTyping{0%{width:100%;opacity:1}50%{width:0%;opacity:.5}to{width:100%;opacity:1}}.bend-wobble{transform-origin:center;animation:bendWobble 2s ease-in-out infinite}@keyframes bendWobble{0%,to{transform:perspective(500px) rotateX(0) rotateY(0) scaleY(1)}25%{transform:perspective(500px) rotateX(5deg) rotateY(-3deg) scaleY(.95)}50%{transform:perspective(500px) rotateX(-5deg) rotateY(3deg) scaleY(1.05)}75%{transform:perspective(500px) rotateX(3deg) rotateY(-2deg) scaleY(.98)}}.glitch-pulse{position:relative;animation:glitchPulse .5s infinite}@keyframes glitchPulse{0%,to{filter:brightness(1) contrast(1) hue-rotate(0deg);transform:translate(0)}10%{filter:brightness(1.2) contrast(1.1) hue-rotate(10deg);transform:translate(-1px,1px)}20%{filter:brightness(.8) contrast(1.2) hue-rotate(-10deg);transform:translate(1px,-1px)}30%{filter:brightness(1.1) contrast(.9) hue-rotate(5deg);transform:translate(-1px,-1px)}40%{filter:brightness(.9) contrast(1.1) hue-rotate(-5deg);transform:translate(1px,1px)}50%{filter:brightness(1) contrast(1) hue-rotate(0deg);transform:translate(0)}60%{filter:brightness(1.15) contrast(1.05) hue-rotate(8deg);transform:translate(-.5px,.5px)}70%{filter:brightness(.85) contrast(1.15) hue-rotate(-8deg);transform:translate(.5px,-.5px)}80%{filter:brightness(1.05) contrast(.95) hue-rotate(3deg);transform:translate(-.5px,-.5px)}90%{filter:brightness(.95) contrast(1.05) hue-rotate(-3deg);transform:translate(.5px,.5px)}}body.explosion-shake{animation:screenShake .3s ease-in-out infinite}body.explosion-blur{filter:blur(3px);transition:filter .5s ease-out}body.explosion-color-flash{animation:colorFlash 2s ease-out forwards}@keyframes colorFlash{0%{background-color:#fff!important;filter:brightness(2) blur(3px)}20%{background-color:#ff8c00!important;filter:brightness(1.5) blur(2px)}40%{background-color:#ff6b00!important;filter:brightness(1.2) blur(1px)}60%{background-color:#ff4500!important;filter:brightness(1) blur(.5px)}to{background-color:transparent!important;filter:brightness(1) blur(0)}}.explosion-shockwave{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;border:4px solid rgba(255,140,0,.8);box-shadow:0 0 20px #ff8c0099,0 0 40px #ff6b0066,0 0 60px #ff450033;z-index:99998;pointer-events:none;animation:shockwaveExpand 2s ease-out forwards}@keyframes shockwaveExpand{0%{width:0;height:0;opacity:1;border-width:4px}50%{opacity:.8;border-width:3px}to{width:2000px;height:2000px;opacity:0;border-width:1px}}.explosion-boom{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100001;font-size:120px;font-weight:900;font-family:Impact,Arial Black,sans-serif;color:#ff1744;text-shadow:8px 8px 0px #000,0 0 40px rgba(255,23,68,1),0 0 80px rgba(255,23,68,.8),0 0 120px rgba(255,23,68,.6);letter-spacing:20px;pointer-events:none;animation:boomAppear .3s ease-out forwards;filter:blur(0);will-change:transform,filter}@keyframes boomAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-10deg);filter:blur(10px)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(5deg);filter:blur(2px)}60%{transform:translate(-50%,-50%) scale(1) rotate(-2deg);filter:blur(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5) rotate(0);filter:blur(5px)}}.exploded-slow-motion{animation:slowMotionArc 2s cubic-bezier(.25,.1,.25,1) forwards}@keyframes slowMotionArc{0%{transform:rotate(0) scale(1)}50%{transform:rotate(calc(var(--explosion-rotation, 0deg) * .5)) scale(calc(var(--explosion-scale, 1) * .8))}to{transform:rotate(var(--explosion-rotation, 0deg)) scale(var(--explosion-scale, 1))}}.exploded-falling{animation:gravityFall 1.5s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes gravityFall{0%{transform:rotate(var(--explosion-rotation, 0deg)) scale(var(--explosion-scale, 1))}to{transform:rotate(calc(var(--explosion-rotation, 0deg) + 180deg)) scale(calc(var(--explosion-scale, 1) * .9))}}@keyframes screenShake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-15px,-10px) rotate(2deg)}20%{transform:translate(15px,10px) rotate(-2deg)}30%{transform:translate(-10px,15px) rotate(1.5deg)}40%{transform:translate(10px,-15px) rotate(-1.5deg)}50%{transform:translate(-12px,8px) rotate(1deg)}60%{transform:translate(12px,-8px) rotate(-1deg)}70%{transform:translate(-8px,-12px) rotate(.8deg)}80%{transform:translate(8px,12px) rotate(-.8deg)}90%{transform:translate(-5px,5px) rotate(.5deg)}}.exploded{pointer-events:auto}.exploded-float{animation:floatAfterExplosion 3s ease-in-out infinite}@keyframes floatAfterExplosion{0%,to{transform:translateY(0) rotate(var(--explosion-rotation, 0deg)) scale(var(--explosion-scale, 1))}50%{transform:translateY(-20px) rotate(calc(var(--explosion-rotation, 0deg) + 5deg)) scale(var(--explosion-scale, 1))}}.exploded-drift{animation:driftAfterExplosion 4s ease-in-out infinite}@keyframes driftAfterExplosion{0%,to{transform:translate(0) rotate(var(--explosion-rotation, 0deg)) scale(var(--explosion-scale, 1))}50%{transform:translate(30px) rotate(calc(var(--explosion-rotation, 0deg) - 10deg)) scale(var(--explosion-scale, 1))}}.exploded-vibrate{animation:vibrateAfterExplosion .3s ease-in-out infinite}@keyframes vibrateAfterExplosion{0%,to{transform:translate(0) rotate(var(--explosion-rotation, 0deg)) scale(var(--explosion-scale, 1))}25%{transform:translate(3px,-3px) rotate(calc(var(--explosion-rotation, 0deg) + 2deg)) scale(var(--explosion-scale, 1))}50%{transform:translate(-3px,3px) rotate(calc(var(--explosion-rotation, 0deg) - 2deg)) scale(var(--explosion-scale, 1))}75%{transform:translate(2px,2px) rotate(calc(var(--explosion-rotation, 0deg) + 1deg)) scale(var(--explosion-scale, 1))}}#explosion-cursor{position:fixed;font-size:40px;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);animation:cursorExplosion .5s ease-in-out infinite;will-change:transform}@keyframes cursorExplosion{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(-50%,-50%) scale(1.2) rotate(90deg)}50%{transform:translate(-50%,-50%) scale(1) rotate(180deg)}75%{transform:translate(-50%,-50%) scale(1.2) rotate(270deg)}}.explosion-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;font-size:72px;font-weight:900;font-family:Comic Neue,cursive;color:#ff1744;text-shadow:5px 5px 0px #000,0 0 30px rgba(255,23,68,1),0 0 60px rgba(255,23,68,.8),0 0 90px rgba(255,23,68,.6);animation:warningFlash .1s ease-in-out infinite,warningFadeOut 3s ease-out forwards;pointer-events:none;white-space:nowrap;letter-spacing:5px}@keyframes warningFlash{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}@keyframes warningFadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}#soap-cursor{position:fixed;font-size:30px;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);animation:soapCursorFloat 1.5s ease-in-out infinite;will-change:transform,left,top;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}@keyframes soapCursorFloat{0%,to{transform:translate(-50%,-50%) rotate(0) scale(1)}25%{transform:translate(-50%,-50%) rotate(-10deg) scale(1.1)}50%{transform:translate(-50%,-50%) rotate(0) scale(1)}75%{transform:translate(-50%,-50%) rotate(10deg) scale(1.1)}}body.soap-mode{cursor:none!important;position:relative}.soap-slippery{position:relative;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)!important}.soap-slippery:hover{transform:translate(var(--slide-x, 0),var(--slide-y, 0)) rotate(8deg) scale(1.1)!important;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)!important}.soap-drift{animation:soapDrift 8s ease-in-out infinite;transition:transform .5s ease-out}@keyframes soapDrift{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(15px,-10px) rotate(1deg)}40%{transform:translate(-10px,15px) rotate(-1deg)}60%{transform:translate(20px,5px) rotate(.5deg)}80%{transform:translate(-5px,-15px) rotate(-.5deg)}}.soap-wiggle{display:inline-block;animation:soapWiggle 2s ease-in-out infinite;transform-origin:center}.soap-slippery-text{position:relative;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)!important}.soap-slippery-text:hover{transform:translate(var(--slide-x, 0),var(--slide-y, 0)) rotate(3deg) scale(1.1)!important;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)!important}@keyframes soapWiggle{0%,to{transform:rotate(0) translateY(0)}10%{transform:rotate(-1deg) translateY(-2px)}20%{transform:rotate(1deg) translateY(2px)}30%{transform:rotate(-.5deg) translateY(-1px)}40%{transform:rotate(.5deg) translateY(1px)}50%{transform:rotate(-1deg) translateY(-2px)}60%{transform:rotate(1deg) translateY(2px)}70%{transform:rotate(-.5deg) translateY(-1px)}80%{transform:rotate(.5deg) translateY(1px)}90%{transform:rotate(-.3deg) translateY(-1px)}}.soap-slippery:after,.soap-drift:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:soapShine 3s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes soapShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.soap-slippery{position:relative}.soap-slippery:hover{filter:brightness(1.1) saturate(1.2);box-shadow:0 0 20px #87ceeb80,0 5px 15px #0003}