.nav-item-with-supermode{display:inline-flex;align-items:center}.supermode-button{opacity:0;transition:all .3s ease;background:linear-gradient(45deg,#ff00cc,#3333ff);color:#fff;border:none;padding:5px 10px;border-radius:20px;font-size:.8rem;cursor:pointer;margin-left:10px;white-space:nowrap}.supermode-button:hover{opacity:1;transform:scale(1.1)}.rave-mode{animation:colorChange .3s infinite alternate}@keyframes colorChange{0%{background-color:red}25%{background-color:#0f0}50%{background-color:#00f}75%{background-color:#ff0}to{background-color:#f0f}}.rotate{animation:rotation 1s infinite linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bounce{animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.shake{animation:shake .2s infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.confetti{position:fixed;width:15px;height:15px;background-color:red;opacity:.7;animation:confettiFall 5s linear forwards;pointer-events:none;z-index:9999}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.explosion{position:fixed;pointer-events:none;z-index:9998;animation:explode 1.5s forwards}@keyframes explode{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.fire{position:fixed;pointer-events:none;z-index:9997;animation:fireRise 3s linear forwards}@keyframes fireRise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100vh) scale(.5);opacity:0}}.supermode-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:700;color:#fff;text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;animation:supermodeAppear 3s forwards;z-index:10000;text-align:center}@keyframes supermodeAppear{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}