@import "https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap";:root{--bg:#0a0a0a;--green:#00ff41;--green-dim:#00aa2a;--amber:#ffb700;--red:#ff3131;--white:#e0e0e0;--glow:0 0 8px #00ff41;--glow-amber:0 0 8px #ffb700;--glow-red:0 0 8px #ff3131;--font-main:"VT323", "Share Tech Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--green);font-family:var(--font-main);font-size:20px;line-height:1.4;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:var(--green-dim)}.crt-overlay{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);position:fixed;inset:0}@keyframes flicker{0%{opacity:1}92%{opacity:1}93%{opacity:.85}94%{opacity:1}96%{opacity:.9}97%{opacity:1}to{opacity:1}}.flicker{animation:8s infinite flicker}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{background:var(--green);vertical-align:text-bottom;width:.6em;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.8s ease-in forwards fadeIn}.text-green{color:var(--green);text-shadow:var(--glow)}.text-amber{color:var(--amber);text-shadow:var(--glow-amber)}.text-red{color:var(--red);text-shadow:var(--glow-red)}.text-dim{color:var(--green-dim);text-shadow:none}.app-wrapper{flex-direction:column;align-items:center;min-height:100vh;padding:16px 16px 40px;display:flex;position:relative}.screen{flex-direction:column;flex:1;width:100%;max-width:820px;display:flex}.ascii-box{white-space:pre;font-family:var(--font-main);border:none;line-height:1.3}input,select,textarea{color:var(--green);border:1px solid var(--green-dim);font-family:var(--font-main);caret-color:var(--green);background:#111;outline:none;padding:4px 8px;font-size:20px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:var(--glow)}select option{color:var(--green);background:#111}button{color:var(--green);border:1px solid var(--green-dim);font-family:var(--font-main);cursor:pointer;text-shadow:var(--glow);background:0 0;padding:4px 16px;font-size:20px;transition:background .1s,color .1s}button:hover{background:var(--green);color:var(--bg);text-shadow:none}button.amber{color:var(--amber);border-color:var(--amber);text-shadow:var(--glow-amber)}button.amber:hover{background:var(--amber);color:var(--bg)}button.danger{color:var(--red);border-color:var(--red);text-shadow:var(--glow-red)}button.danger:hover{background:var(--red);color:#fff}.menu-item{text-align:left;letter-spacing:.05em;cursor:pointer;width:100%;color:var(--green);text-shadow:var(--glow);background:0 0;border:none;padding:4px 16px;font-size:22px;transition:color .1s;display:block}.menu-item.selected{color:var(--amber);text-shadow:var(--glow-amber)}.menu-item:hover{color:var(--amber);text-shadow:var(--glow-amber);background:0 0}.retro-table{border-collapse:collapse;width:100%;font-family:var(--font-main);font-size:18px}.retro-table th{color:var(--amber);text-shadow:var(--glow-amber);text-align:left;border-bottom:1px solid var(--green-dim);padding:4px 8px}.retro-table td{border-bottom:1px solid #1a1a1a;padding:3px 8px}.retro-table tr:hover td{background:#0d1a0d}.section-header{color:var(--amber);text-shadow:var(--glow-amber);letter-spacing:.1em;border-bottom:1px solid var(--green-dim);margin-bottom:8px;padding:4px 0;font-size:24px}.progress-bar{font-family:var(--font-main);letter-spacing:0}.demo-banner{border:1px solid var(--amber);width:100%;max-width:820px;color:var(--amber);text-shadow:var(--glow-amber);background:#1a1000;margin-bottom:12px;padding:6px 16px;font-size:18px;line-height:1.5}.demo-banner a{color:var(--amber);text-underline-offset:3px;text-decoration:underline}.demo-banner a:hover{color:var(--green);text-shadow:var(--glow)}.divider{color:var(--green-dim);letter-spacing:0;margin:4px 0;line-height:1}.box-top,.box-bottom,.box-mid{color:var(--green-dim);white-space:nowrap;font-size:20px;line-height:1.2;overflow:hidden}.box-row{align-items:center;padding:2px 0;display:flex}.box-border{color:var(--green-dim);flex-shrink:0}body.theme-amber{--green:#fa0;--green-dim:#8b6500;--amber:#f62;--red:#ff3c3c;--glow:0 0 8px #ffaa0070;--glow-amber:0 0 8px #ff662270;--glow-red:0 0 8px #ff3c3c70}body.theme-blue{--green:#4dd4ff;--green-dim:#1a7aaa;--amber:#80e8ff;--red:#ff6060;--glow:0 0 8px #4dd4ff70;--glow-amber:0 0 8px #80e8ff70;--glow-red:0 0 8px #ff606070}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:4px}.gap-8{gap:8px}.w-full{width:100%}.text-center{text-align:center}