@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--apeg-pink:#ff6b9d;--apeg-teal:#4ecdc4;--apeg-yellow:#ffe66d;--apeg-purple:#9b59b6;--bg-darkest:#0a0a0f;--bg-darker:#0f0f1e;--bg-dark:#1a1a2e;--bg-medium:#2c2c3e;--pixel-black:#000;--pixel-white:#fff;--pixel-gray-1:#2c2c2c;--pixel-gray-2:#5a5a5a;--pixel-gray-3:#8b8b8b;--pixel-gray-4:#bfbfbf;--success:#0f0;--error:red;--warning:gold;--info:#0ff;--px-2:2px;--px-4:4px;--px-8:8px;--px-16:16px;--px-32:32px;--px-64:64px;--shadow-pixel:4px 4px 0 var(--pixel-black);--shadow-pixel-lg:8px 8px 0 var(--pixel-black);--shadow-pixel-xl:12px 12px 0 var(--pixel-black);--border-thin:2px solid;--border-medium:4px solid;--border-thick:6px solid}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}html,body{background:var(--bg-darkest);max-width:100vw;color:var(--pixel-white);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-family:"Press Start 2P",Courier New,monospace;overflow-x:hidden}img,svg,canvas,video{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}::selection{background:var(--apeg-pink);color:var(--pixel-white);text-shadow:2px 2px 0 var(--pixel-black)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--bg-darkest);border:var(--border-medium)var(--apeg-pink)}::-webkit-scrollbar-thumb{background:var(--apeg-pink);border:var(--border-thin)var(--pixel-black);box-shadow:var(--shadow-pixel)}::-webkit-scrollbar-thumb:hover{background:var(--apeg-teal)}::-webkit-scrollbar-corner{background:var(--bg-darkest)}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;font-weight:400;line-height:1.4}h1{letter-spacing:2px;font-size:clamp(20px,5vw,48px)}h2{letter-spacing:1px;font-size:clamp(16px,4vw,32px)}h3{font-size:clamp(14px,3vw,24px)}p{font-size:clamp(8px,1.5vw,12px);line-height:1.8}a{color:var(--apeg-teal);border-bottom:2px solid #0000;text-decoration:none;transition:border-color .2s}a:hover{border-bottom-color:var(--apeg-teal)}.pixel-btn{background:var(--apeg-pink);color:var(--pixel-white);border:var(--border-medium)var(--pixel-black);box-shadow:var(--shadow-pixel);cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:10px;transition:all .1s;display:inline-block;position:relative}.pixel-btn:before{content:"";border:2px solid var(--apeg-pink);pointer-events:none;position:absolute;inset:-4px}.pixel-btn:hover{background:var(--apeg-teal);box-shadow:6px 6px 0 var(--pixel-black);transform:translate(-2px,-2px)}.pixel-btn:hover:before{border-color:var(--apeg-teal)}.pixel-btn:active{box-shadow:2px 2px 0 var(--pixel-black);transform:translate(2px,2px)}.pixel-btn:disabled{background:var(--pixel-gray-2);cursor:not-allowed;opacity:.6}.pixel-btn:disabled:hover{box-shadow:var(--shadow-pixel);transform:none}.pixel-btn-secondary{background:var(--apeg-teal)}.pixel-btn-secondary:before{border-color:var(--apeg-teal)}.pixel-btn-warning{background:var(--warning);color:var(--pixel-black)}.pixel-btn-small{padding:8px 16px;font-size:8px}.pixel-input{background:var(--bg-dark);color:var(--pixel-white);border:var(--border-medium)var(--apeg-pink);outline:none;width:100%;padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:10px;box-shadow:inset 4px 4px #00000080}.pixel-input:focus{border-color:var(--apeg-teal);box-shadow:inset 4px 4px 0 #00000080,0 0 0 4px var(--apeg-teal)}.pixel-input::placeholder{color:var(--pixel-gray-3)}.pixel-panel{background:var(--bg-dark);border:var(--border-medium)var(--apeg-pink);box-shadow:var(--shadow-pixel-lg);padding:24px;position:relative}.pixel-panel:before{content:"";border:2px solid var(--apeg-pink);pointer-events:none;position:absolute;inset:-4px}.pixel-panel:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff6b9d0d 2px 4px);position:absolute;inset:0}.pixel-panel-teal,.pixel-panel-teal:before{border-color:var(--apeg-teal)}.pixel-badge{background:var(--apeg-yellow);color:var(--pixel-black);border:2px solid var(--pixel-black);text-transform:uppercase;box-shadow:2px 2px 0 var(--pixel-black);letter-spacing:1px;padding:4px 12px;font-size:8px;font-weight:700;display:inline-block}.pixel-badge-pink{background:var(--apeg-pink);color:var(--pixel-white)}.pixel-badge-teal{background:var(--apeg-teal);color:var(--pixel-white)}.pixel-badge-success{background:var(--success);color:var(--pixel-black)}.scanlines{position:relative}.scanlines:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);animation:8s linear infinite scanline;position:fixed;inset:0}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}.crt-screen{background:var(--bg-darkest);position:relative}.crt-screen:before{content:"";pointer-events:none;background:radial-gradient(#0000 0%,#0000004d 100%);position:absolute;inset:0}.text-glow{text-shadow:0 0 10px var(--apeg-pink),0 0 20px var(--apeg-pink),0 0 30px var(--apeg-teal),2px 2px 0 var(--pixel-black);animation:3s ease-in-out infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 10px var(--apeg-pink),0 0 20px var(--apeg-pink),2px 2px 0 var(--pixel-black)}to{text-shadow:0 0 20px var(--apeg-pink),0 0 30px var(--apeg-teal),0 0 40px var(--apeg-teal),2px 2px 0 var(--pixel-black)}}.pixel-loader{border:4px solid var(--apeg-pink);border-top-color:#0000;border-right-color:#0000;width:32px;height:32px;animation:.8s steps(8,end) infinite pixel-spin}@keyframes pixel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pixel-grid{background-image:repeating-linear-gradient(0deg,#0000,#0000 31px,#ff6b9d1a 31px 32px),repeating-linear-gradient(90deg,#0000,#0000 31px,#ff6b9d1a 31px 32px)}.pixel-stat{background:var(--bg-dark);border:var(--border-thin)var(--apeg-pink);box-shadow:var(--shadow-pixel);align-items:center;gap:12px;padding:12px;display:flex}.pixel-stat-icon{background:var(--bg-darker);border:2px solid var(--apeg-pink);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.pixel-stat-value{color:var(--apeg-yellow);font-size:16px}.container{max-width:1400px;margin:0 auto;padding:0 24px}.container-narrow{max-width:900px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.text-center{text-align:center}.text-pink{color:var(--apeg-pink)}.text-teal{color:var(--apeg-teal)}.text-yellow{color:var(--apeg-yellow)}.uppercase{text-transform:uppercase}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pixel-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pixel-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-bounce{animation:2s ease-in-out infinite pixel-bounce}.animate-pulse{animation:2s ease-in-out infinite pixel-pulse}@media (max-width:768px){.container{padding:0 16px}.pixel-btn{padding:10px 20px;font-size:8px}.pixel-panel{padding:16px}}