@import "https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap";
: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;color:var(--retro-white)!important;text-shadow:2px 2px 0 var(--retro-black)!important;background-size:20px 20px!important;font-family:VT323,monospace!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{text-transform:uppercase!important;letter-spacing:2px!important;color:var(--retro-yellow)!important;text-shadow:3px 3px 0 var(--retro-purple)!important;font-family:"Press Start 2P",cursive!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{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-family:"Press Start 2P",cursive!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{color:var(--retro-white)!important;text-shadow:2px 2px 0 var(--retro-black)!important;font-family:"Press Start 2P",cursive!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;text-transform:uppercase!important;padding:.5rem!important;font-family:"Press Start 2P",cursive!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;cursor:pointer!important;border:3px solid #fff!important;border-radius:0!important;outline:none!important;padding:10px 15px!important;font-family:"Press Start 2P",cursive!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{color:#fff!important;margin-bottom:1rem!important;font-family:VT323,monospace!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{color:var(--retro-white)!important;font-family:"Press Start 2P",cursive!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;text-transform:uppercase!important;letter-spacing:1px!important;border-radius:0!important;padding:.8rem 1.5rem!important;font-family:"Press Start 2P",cursive!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}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.2zaaqgri9u9h5.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.LU52Ta_className{font-family:GeistSans,GeistSans Fallback}.LU52Ta_variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.1x36wcb_qi24t.woff2)format("woff2");font-display:swap;font-weight:100 900}.sN9dqW_className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.sN9dqW_variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
