:root{--color-bg: #07090f;--color-panel: #0e1628;--color-border: #3d4e6b;--color-cyan: #00c8c8;--color-amber: #ffd36d;--color-red: #ff6e6e;--color-blue: #8ec5ff;--color-green: #89ffab;--color-warn: #ff9c52;--color-muted: #8f9bb3;--color-prompt: var(--color-cyan);--font-xl: 32px;--font-md: 20px;--font-sm: 16px;--font-family: "VT323", monospace}#react-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-family:var(--font-family);-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizeSpeed}#react-ui *{-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizeSpeed;box-sizing:border-box}.ascii-btn{background:none;border:none;font-family:var(--font-family);font-size:var(--font-md);color:var(--color-muted);cursor:pointer;letter-spacing:.05em;pointer-events:auto;text-align:left;padding:2px 0;display:block;transition:color .08s}.ascii-btn:before{content:"  ";display:inline-block;width:1.4em}.ascii-btn:hover,.ascii-btn:focus-visible{color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan);outline:none}.ascii-btn:hover:before,.ascii-btn:focus-visible:before{content:"> ";color:var(--color-prompt)}.ascii-btn:focus-visible:before{animation:ascii-blink 1s step-end infinite}@keyframes ascii-blink{0%,to{opacity:1}50%{opacity:0}}.ascii-btn:disabled{opacity:.45;cursor:not-allowed}.ascii-btn--small{font-size:var(--font-sm)}.ascii-panel{position:relative;border:1px solid var(--color-border);background:none;box-shadow:inset 0 0 20px #00c8c808;overflow:visible}.ascii-panel--active{border-color:var(--color-cyan);box-shadow:0 0 10px #00c8c826,inset 0 0 20px #00c8c80a}.ascii-panel__title{position:absolute;top:-10px;left:10px;background:var(--color-bg);padding:0 6px;color:var(--color-cyan);font-family:var(--font-family);font-size:var(--font-sm);letter-spacing:.1em;pointer-events:none;text-shadow:0 0 8px var(--color-cyan)}@keyframes grab-pulse{0%{box-shadow:0 0 8px var(--color-red)}to{box-shadow:0 0 24px var(--color-red),0 0 4px #fff}}.ui-panel{position:relative;border:1px solid var(--color-border);background:#0e1628d9;box-shadow:inset 0 0 20px #00c8c808;font-family:var(--font-family)}.ui-panel-sm{border:1px solid var(--color-border);background:#0e1628b3;font-family:var(--font-family)}.ui-btn{background:none;border:1px solid var(--color-border);font-family:var(--font-family);font-size:var(--font-md);color:var(--color-muted);cursor:pointer;padding:6px 16px;display:block;width:100%;text-align:center;letter-spacing:.05em;transition:color .08s,border-color .08s}.ui-btn:hover,.ui-btn:focus-visible{color:var(--color-cyan);border-color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan);outline:none}