:root{--bg:#070c07;--fg:#35e06a;--dim:#1a7a3c;--hi:#b8ffd2;--warn:#fc3}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body,button,input,textarea{color:var(--fg);font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:15px;line-height:1.35}.screen{white-space:pre;-webkit-user-select:none;user-select:none;max-width:1040px;margin:0 auto;padding:12px 16px 48px}.row{white-space:pre}.dim{color:var(--dim)}.hi{color:var(--hi)}.warn{color:var(--warn)}.inv{background:var(--fg);color:var(--bg)}.btn{cursor:pointer}.btn:hover{color:var(--hi)}.btn.active{background:var(--fg);color:var(--bg)}.cell{cursor:pointer}.cell:hover{background:var(--dim);color:var(--hi)}.cell.playing{background:var(--fg);color:var(--bg)}button.btn{font:inherit;color:inherit;background:0 0;border:none;padding:0}input.txt{background:var(--bg);color:var(--hi);font:inherit;border:none;outline:none;padding:0}textarea.savebox{background:var(--bg);width:100%;height:16em;color:var(--fg);outline:1px solid var(--dim);font:inherit;white-space:pre;border:none}.overlay{background:var(--bg);white-space:pre;cursor:pointer;padding:24px;position:fixed;inset:0;overflow:auto}