:root{--retro-teal:#0fc;--retro-purple:#c0f;--retro-pink:#f0c;--retro-yellow:#ff0;--retro-blue:#0cf;--retro-orange:#f90;--retro-green:#0f9;--retro-red:#f06;--retro-black:#000;--retro-white:#fff;--bg-pattern-grid:repeating-linear-gradient(0deg, #0000001c 0px, #0000001c 1px, transparent 1px, transparent 21px), repeating-linear-gradient(90deg, #0000001c 0px, #0000001c 1px, transparent 1px, transparent 21px), linear-gradient(90deg, #f90, #f0c);--bg-pattern-zigzag:linear-gradient(135deg, #0fc 25%, transparent 25%) -10px 0, linear-gradient(225deg, #0fc 25%, transparent 25%) -10px 0, linear-gradient(315deg, #0fc 25%, transparent 25%), linear-gradient(45deg, #0fc 25%, transparent 25%)}body.retro-90s{background:var(--bg-pattern-grid)!important;font-family:var(--font-vt323), monospace!important;color:var(--retro-white)!important;text-shadow:2px 2px 0 var(--retro-black)!important;background-size:20px 20px!important;transition:all .3s!important;overflow-x:hidden!important}.retro-90s .container{border:4px solid var(--retro-teal)!important;box-shadow:0 0 0 4px var(--retro-purple), 0 0 20px #0cfc!important;background-color:#000000b3!important;border-radius:0!important;margin-top:20px!important;margin-bottom:20px!important;padding:20px!important;position:relative!important}.retro-90s h1,.retro-90s h2,.retro-90s h3{font-family:var(--font-press-start), cursive!important;text-transform:uppercase!important;letter-spacing:2px!important;color:var(--retro-yellow)!important;text-shadow:3px 3px 0 var(--retro-purple)!important}.retro-90s h1{background:linear-gradient(to right, var(--retro-teal), var(--retro-pink))!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:drop-shadow(2px 2px 0 var(--retro-black))!important;-webkit-background-clip:text!important;font-size:2rem!important}.retro-90s button,.retro-90s .button{font-family:var(--font-press-start), cursive!important;background-color:var(--retro-purple)!important;color:var(--retro-white)!important;border:3px solid var(--retro-white)!important;box-shadow:4px 4px 0 var(--retro-black)!important;text-transform:uppercase!important;cursor:pointer!important;text-shadow:1px 1px 0 var(--retro-black)!important;border-radius:0!important;padding:.5rem 1rem!important;font-size:1rem!important;transition:all .1s!important;position:relative!important;overflow:hidden!important}.retro-90s button:hover,.retro-90s .button:hover{box-shadow:6px 6px 0 var(--retro-black)!important;background-color:var(--retro-pink)!important;transform:translate(-2px,-2px)!important}.retro-90s button:active,.retro-90s .button:active{box-shadow:2px 2px 0 var(--retro-black)!important;transform:translate(2px,2px)!important}.retro-90s .card{border:3px solid var(--retro-teal)!important;box-shadow:5px 5px 0 var(--retro-purple)!important;background-color:#000c!important;border-radius:0!important;transition:all .3s!important;overflow:hidden!important}.retro-90s .card:hover{box-shadow:8px 8px 0 var(--retro-pink)!important;transform:scale(1.02)!important}.retro-90s .card-header{background:linear-gradient(90deg, var(--retro-purple), var(--retro-pink))!important;border-bottom:3px solid var(--retro-teal)!important;padding:1rem!important}.retro-90s .card-title{font-family:var(--font-press-start), cursive!important;color:var(--retro-white)!important;text-shadow:2px 2px 0 var(--retro-black)!important;font-size:1.2rem!important}.retro-90s .wheel-container{position:relative!important}.retro-90s .wheel-container:before{content:""!important;background:linear-gradient(45deg, var(--retro-teal), var(--retro-purple), var(--retro-pink), var(--retro-yellow))!important;z-index:-1!important;border-radius:50%!important;animation:5s infinite retro-gradient!important;position:absolute!important;inset:-10px!important}@keyframes retro-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.retro-90s nav{background-color:var(--retro-black)!important;border-bottom:4px solid var(--retro-teal)!important;box-shadow:0 4px 0 var(--retro-purple)!important;padding:10px 20px!important}.retro-90s nav a{margin-right:1rem;color:var(--retro-white)!important;font-family:var(--font-press-start), cursive!important;text-transform:uppercase!important;padding:.5rem!important;font-size:.9rem!important;text-decoration:none!important;position:relative!important}.retro-90s nav a:after{content:""!important;background-color:var(--retro-pink)!important;width:100%!important;height:4px!important;transition:transform .3s!important;position:absolute!important;bottom:-4px!important;left:0!important;transform:scaleX(0)!important}.retro-90s nav a:hover:after{transform:scaleX(1)!important}.retro-90s::-webkit-scrollbar{width:15px!important}.retro-90s::-webkit-scrollbar-track{background:var(--retro-black)!important;border:2px solid var(--retro-teal)!important}.retro-90s::-webkit-scrollbar-thumb{background:linear-gradient(var(--retro-purple), var(--retro-pink))!important;border:2px solid var(--retro-white)!important}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.retro-90s .blink{animation:1s step-end infinite blink!important}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}.retro-90s .glitch{animation:.5s infinite glitch!important;position:relative!important}.retro-toggle,.retro-90s .retro-toggle{z-index:1000!important;background:linear-gradient(45deg, var(--retro-purple), var(--retro-pink))!important;color:#fff!important;font-family:var(--font-press-start), cursive!important;cursor:pointer!important;border:3px solid #fff!important;border-radius:0!important;outline:none!important;padding:10px 15px!important;font-size:12px!important;transition:all .2s!important;position:fixed!important;bottom:20px!important;right:20px!important;box-shadow:4px 4px #000!important}.retro-toggle:hover{transform:scale(1.05)!important;box-shadow:6px 6px #000!important}.retro-toggle:active{transform:translate(2px,2px)!important;box-shadow:2px 2px #000!important}.retro-toggle.active{background:linear-gradient(45deg, var(--retro-green), var(--retro-blue))!important;animation:2s infinite pulse!important}@keyframes pulse{0%{box-shadow:0 0 #00ffccb3}70%{box-shadow:0 0 0 10px #0fc0}to{box-shadow:0 0 #0fc0}}.retro-90s *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2'><path d='M3 3l7 7m0 0V4m0 6h-6'></path></svg>") 0 0,auto!important}.retro-90s p{font-family:var(--font-vt323), monospace!important;color:#fff!important;margin-bottom:1rem!important;font-size:1.2rem!important;line-height:1.5!important}.retro-90s footer{background-color:var(--retro-black)!important;border-top:4px solid var(--retro-teal)!important;text-align:center!important;margin-top:40px!important;padding:20px!important}.retro-90s footer p{font-family:var(--font-press-start), cursive!important;color:var(--retro-white)!important;font-size:.8rem!important}.retro-90s a{color:var(--retro-teal)!important;padding:0 2px!important;text-decoration:none!important;position:relative!important}.retro-90s a:hover{color:var(--retro-pink)!important;text-decoration:none!important}.retro-90s a:before{content:">"!important;opacity:0!important;transition:all .2s!important;position:absolute!important;left:-10px!important}.retro-90s a:hover:before{opacity:1!important;left:-15px!important}.retro-90s .create-your-own-button{background:linear-gradient(45deg, var(--retro-purple), var(--retro-pink))!important;border:3px solid var(--retro-white)!important;box-shadow:4px 4px 0 var(--retro-black)!important;font-family:var(--font-press-start), cursive!important;text-transform:uppercase!important;letter-spacing:1px!important;border-radius:0!important;padding:.8rem 1.5rem!important;font-size:.9rem!important;transition:all .2s!important;position:relative!important;overflow:hidden!important}.retro-90s .create-your-own-button:hover{box-shadow:6px 6px 0 var(--retro-black)!important;background:linear-gradient(45deg, var(--retro-pink), var(--retro-purple))!important;transform:translate(-2px,-2px)!important}.retro-90s .create-your-own-button:active{box-shadow:2px 2px 0 var(--retro-black)!important;transform:translate(2px,2px)!important}.retro-90s .create-your-own-button svg{filter:drop-shadow(1px 1px 0 var(--retro-black))!important;margin-right:4px!important;animation:2s infinite pulse!important}.retro-90s .create-your-own-button span{position:relative!important;top:1px!important}.retro-90s .fixed.inset-0.bg-black\/50.flex.items-center.justify-center.z-\[3000\]{z-index:3000!important}body.retro-90s #confetti-canvas,body.retro-90s .canvas-confetti-container{-webkit-backdrop-filter:blur(4px)!important}