@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--electric-blue: #00f5ff;--magenta: #ff00ff;--gold: #ffd700;--neon-green: #39ff14;--deep-black: #0a0a2e;--dark-purple: #1a0a2e;--hot-pink: #ff1177;--orange: #ff8c00;--pixel-border: 4px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Press Start 2P",monospace;background:var(--deep-black);color:#fff;overflow-x:hidden;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-size:16px}@media (min-width: 1200px){body{font-size:18px}}#root{position:relative;z-index:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.6) 100%)}img,canvas{image-rendering:pixelated;image-rendering:crisp-edges}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--deep-black)}::-webkit-scrollbar-thumb{background:var(--electric-blue);border:2px solid var(--deep-black)}::selection{background:var(--magenta);color:var(--deep-black)}button{font-family:"Press Start 2P",monospace;cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:"Press Start 2P",monospace;outline:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spinCoin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes glow{0%,to{text-shadow:0 0 10px var(--electric-blue),0 0 20px var(--electric-blue),0 0 40px var(--electric-blue)}50%{text-shadow:0 0 20px var(--electric-blue),0 0 40px var(--electric-blue),0 0 60px var(--electric-blue)}}@keyframes glowNeon{0%,to{text-shadow:0 0 5px var(--magenta),0 0 10px var(--magenta),0 0 20px var(--magenta),0 0 40px var(--magenta)}50%{text-shadow:0 0 10px var(--magenta),0 0 20px var(--magenta),0 0 40px var(--magenta),0 0 80px var(--magenta)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pixelSpark{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0) translateY(-20px)}}@keyframes walk{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes rainbowBg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gayPop{0%{transform:scale(0) rotate(-10deg);opacity:0}30%{transform:scale(1.4) rotate(5deg);opacity:1}50%{transform:scale(.9) rotate(-3deg)}70%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.rainbow-box{animation:rainbow 2s linear infinite;border-image:linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,violet) 1!important}.rainbow-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9997;background:linear-gradient(124deg,#ff000026,#ffa50026,#ffff0026,#00800026,#0000ff26,#4b008226,#ee82ee26);background-size:400% 400%;animation:rainbowBg 4s ease infinite}.section{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative}.pixel-border{border:var(--pixel-border) solid var(--electric-blue);box-shadow:inset -4px -4px #001a1a,inset 4px 4px #6ff,-4px -4px 0 0 var(--deep-black),4px 4px 0 0 var(--deep-black);background:#0a0a2ee6}@media (max-width: 600px){body:after{background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 6px)}::-webkit-scrollbar{width:4px}.section{padding:60px 10px 30px}}@media (max-width: 400px){body:after{background:none}body:before{background:radial-gradient(ellipse at center,transparent 70%,rgba(0,0,0,.4) 100%)}}@media (hover: none) and (pointer: coarse){button,[role=button],.clickable{min-height:48px}input,select,textarea{font-size:16px!important}}