:root{--bg: #050510;--bg-panel: #0a0a1a;--bg-card: #0d0d22;--green: #33ff33;--green-dim: #1a991a;--red: #ff3333;--red-dim: #991a1a;--cyan: #00ffff;--cyan-dim: #009999;--yellow: #ffff33;--yellow-dim: #999919;--purple: #aa33ff;--white: #e0e0e0;--gray: #555566;--dark-gray: #2a2a3a;--font-pixel: "Press Start 2P", monospace;--font-term: "VT323", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-term);overflow-x:hidden;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--green-dim);border-radius:0}.crt{position:relative}.crt:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:9999;animation:scanFlicker 8s linear infinite}.crt:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.35) 100%);pointer-events:none;z-index:9998}@keyframes scanFlicker{0%,to{opacity:.95}10%{opacity:.92}30%{opacity:.97}50%{opacity:.93}70%{opacity:.96}90%{opacity:.94}}.glow-green{color:var(--green);text-shadow:0 0 4px var(--green),0 0 12px rgba(51,255,51,.4)}.glow-red{color:var(--red);text-shadow:0 0 4px var(--red),0 0 12px rgba(255,51,51,.4)}.glow-cyan{color:var(--cyan);text-shadow:0 0 4px var(--cyan),0 0 12px rgba(0,255,255,.4)}.glow-yellow{color:var(--yellow);text-shadow:0 0 4px var(--yellow),0 0 12px rgba(255,255,51,.4)}.btn-retro{display:inline-block;padding:14px 36px;font-family:var(--font-pixel);font-size:14px;color:var(--bg);background:var(--green);border:3px solid var(--green);cursor:pointer;text-decoration:none;text-transform:uppercase;letter-spacing:2px;transition:all .15s;position:relative;image-rendering:pixelated}.btn-retro:hover{background:transparent;color:var(--green);box-shadow:0 0 8px var(--green),0 0 24px #33ff334d,inset 0 0 8px #33ff3326}.btn-retro:active{transform:scale(.97)}.btn-retro.red{background:var(--red);border-color:var(--red)}.btn-retro.red:hover{color:var(--red);box-shadow:0 0 8px var(--red),0 0 24px #ff33334d,inset 0 0 8px #ff333326}.btn-retro.cyan{background:var(--cyan);border-color:var(--cyan)}.btn-retro.cyan:hover{color:var(--cyan);box-shadow:0 0 8px var(--cyan),0 0 24px #00ffff4d,inset 0 0 8px #00ffff26}.input-retro{width:100%;padding:10px 14px;font-family:var(--font-term);font-size:22px;color:var(--green);background:#00000080;border:2px solid var(--green-dim);outline:none;caret-color:var(--green);transition:border-color .2s}.input-retro:focus{border-color:var(--green);box-shadow:0 0 6px #3f33}.input-retro::placeholder{color:var(--gray)}.pixel-border{border:3px solid var(--green-dim);box-shadow:3px 3px 0 0 var(--green-dim),-1px -1px #33ff331a}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:blink 1s step-end infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out both}.fade-in-1{animation-delay:.1s}.fade-in-2{animation-delay:.25s}.fade-in-3{animation-delay:.4s}.fade-in-4{animation-delay:.55s}.fade-in-5{animation-delay:.7s}.game-container{width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-container canvas{image-rendering:pixelated;image-rendering:crisp-edges}.chromatic{text-shadow:-2px 0 rgba(255,0,0,.35),2px 0 rgba(0,255,255,.35),0 0 8px currentColor}