@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&display=swap";:root{--bg-dark: #0a0a1a;--bg-card: #12122a;--bg-card2: #1a1a3a;--neon-green: #39ff14;--neon-purple: #bf5fff;--neon-yellow: #ffe600;--neon-blue: #00d4ff;--neon-pink: #ff2d78;--neon-orange: #ff8c00;--text-primary: #e8e8ff;--text-dim: #8888bb;--border-pixel: 3px solid var(--neon-purple);--border-green: 3px solid var(--neon-green);--border-yellow: 3px solid var(--neon-yellow);--border-pink: 3px solid var(--neon-pink);--shadow-neon: 0 0 1px var(--neon-purple), 0 0 20px rgba(191, 95, 255, .3);--shadow-green: 0 0 1px var(--neon-green), 0 0 20px rgba(57, 255, 20, .2);--shadow-yellow: 0 0 1px var(--neon-yellow), 0 0 20px rgba(255, 230, 0, .25);--shadow-pink: 0 0 1px var(--neon-pink), 0 0 20px rgba(255, 45, 120, .2);--font-pixel: "Press Start 2P", monospace;--font-retro: "VT323", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}button,a,[role=button]{touch-action:manipulation}html{scroll-behavior:smooth;overscroll-behavior:none;height:100%}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-pixel);font-size:10px;line-height:1.6;min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;background-image:linear-gradient(rgba(191,95,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(191,95,255,.04) 1px,transparent 1px);background-size:32px 32px}body:after{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:0}h1{font-size:clamp(14px,3vw,22px);color:var(--neon-yellow);text-shadow:0 0 2px var(--neon-yellow)}h2{font-size:clamp(11px,2vw,16px);color:var(--neon-purple);text-shadow:0 0 2px var(--neon-purple)}h3{font-size:11px;color:var(--neon-green)}p,span,label{font-family:var(--font-retro);font-size:18px}.pixel-box{border:3px solid var(--neon-purple);box-shadow:var(--shadow-neon),inset 0 0 20px #bf5fff0d;background:var(--bg-card);image-rendering:pixelated}.pixel-box-green{border:3px solid var(--neon-green);box-shadow:var(--shadow-green),inset 0 0 20px #39ff140d;background:var(--bg-card)}.pixel-box-yellow{border:3px solid var(--neon-yellow);box-shadow:var(--shadow-yellow);background:var(--bg-card)}.pixel-box-pink{border:3px solid var(--neon-pink);box-shadow:var(--shadow-pink);background:var(--bg-card)}.btn{font-family:var(--font-pixel);font-size:9px;padding:10px 18px;cursor:pointer;border:3px solid currentColor;background:transparent;transition:transform .1s,box-shadow .1s,background .15s;letter-spacing:1px;position:relative;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:active{transform:translateY(2px) scale(.97)}.btn-primary{color:var(--neon-green);border-color:var(--neon-green);text-shadow:0 0 2px var(--neon-green)}.btn-primary:hover{background:var(--neon-green);color:#000;box-shadow:var(--shadow-green);text-shadow:none}.btn-secondary{color:var(--neon-purple);border-color:var(--neon-purple)}.btn-secondary:hover{background:var(--neon-purple);color:#fff;box-shadow:var(--shadow-neon)}.btn-danger{color:var(--neon-pink);border-color:var(--neon-pink)}.btn-danger:hover{background:var(--neon-pink);color:#fff;box-shadow:var(--shadow-pink)}.btn-yellow{color:var(--neon-yellow);border-color:var(--neon-yellow)}.btn-yellow:hover{background:var(--neon-yellow);color:#000;box-shadow:var(--shadow-yellow)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}input,textarea,select{width:100%;padding:10px 14px;background:#ffffff0a;border:2px solid var(--neon-purple);color:var(--text-primary);font-family:var(--font-retro);font-size:18px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--neon-green);box-shadow:0 0 10px #39ff144d}input::placeholder,textarea::placeholder{color:var(--text-dim)}select option{background:var(--bg-card)}label{display:block;color:var(--neon-yellow);font-family:var(--font-pixel);font-size:8px;margin-bottom:6px;letter-spacing:1px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1;padding:20px 16px calc(72px + env(safe-area-inset-bottom));max-width:900px;margin:0 auto;width:100%}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid rgba(191,95,255,.3)}.badge{font-family:var(--font-pixel);font-size:8px;padding:4px 8px;display:inline-flex;align-items:center;gap:4px}.badge-green{background:#39ff1426;color:var(--neon-green);border:1px solid var(--neon-green)}.badge-yellow{background:#ffe60026;color:var(--neon-yellow);border:1px solid var(--neon-yellow)}.badge-pink{background:#ff2d7826;color:var(--neon-pink);border:1px solid var(--neon-pink)}.badge-blue{background:#00d4ff26;color:var(--neon-blue);border:1px solid var(--neon-blue)}@keyframes flicker{0%,97%,to{opacity:1}98%{opacity:.6}99%{opacity:.9}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--neon-purple),0 0 20px #bf5fff4d}50%{box-shadow:0 0 16px var(--neon-purple),0 0 40px #bf5fff99}}@keyframes pulse-green{0%,to{box-shadow:0 0 8px var(--neon-green),0 0 20px #39ff1433}50%{box-shadow:0 0 20px var(--neon-green),0 0 50px #39ff1480}}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px) rotate(-2deg)}30%{transform:translate(6px) rotate(2deg)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes score-pop{0%{transform:scale(1)}30%{transform:scale(1.5);color:var(--neon-yellow)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin-pixel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}@keyframes march{0%{background-position:0 0}to{background-position:16px 0}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-in{animation:page-in .18s ease-out both;flex:1;display:flex;flex-direction:column}@keyframes crt-on{0%{transform:scaleY(.005) scaleX(1);opacity:.8;filter:brightness(3)}30%{transform:scaleY(1) scaleX(1);opacity:1;filter:brightness(1.2)}to{transform:scaleY(1) scaleX(1);filter:brightness(1)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-pulse-green{animation:pulse-green 2s ease-in-out infinite}.animate-bounce{animation:bounce-up 1.5s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-slide-in{animation:slide-in .4s ease-out both}.animate-fade-in{animation:fade-in .3s ease-out both}.animate-score-pop{animation:score-pop .4s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.pixel-corner:before,.pixel-corner:after{content:"";position:absolute;width:8px;height:8px;background:var(--neon-yellow)}.pixel-corner:before{top:-4px;left:-4px}.pixel-corner:after{bottom:-4px;right:-4px}.march-border{border:2px dashed var(--neon-green);animation:march .5s linear infinite;background-image:none}.text-center{text-align:center}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:28px}.gap-sm{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}@media(max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr}.main-content{padding:12px 10px calc(72px + env(safe-area-inset-bottom))}}