:root{--bg: #070c07;--fg: #35e06a;--dim: #1a7a3c;--hi: #b8ffd2;--warn: #ffcc33}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg)}body,button,input,textarea{color:var(--fg);font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:15px;line-height:1.35}.screen{max-width:1040px;margin:0 auto;padding:12px 16px 48px;white-space:pre;-webkit-user-select:none;user-select:none}.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{background:none;border:none;padding:0;font:inherit;color:inherit}input.txt{background:var(--bg);border:none;outline:none;color:var(--hi);font:inherit;padding:0}textarea.savebox{width:100%;height:16em;background:var(--bg);color:var(--fg);border:none;outline:1px solid var(--dim);font:inherit;white-space:pre}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);overflow:auto;padding:24px;white-space:pre;cursor:pointer}