:root{color-scheme:dark}body{color:#cfe8cf;background:#0b0d0b;margin:0;padding:16px;font:14px/1.4 system-ui,sans-serif}h1{margin:0 0 4px;font-size:18px}p{color:#8fa88f;margin:0 0 12px}#status{color:#9fdc9f;margin-bottom:12px}canvas#mirror{width:100%;max-width:576px;image-rendering:pixelated;background:#000;outline:1px solid #1f2a1f;display:block}#stats{color:#7c957c;margin:6px 0;font:12px monospace}#log{color:#8fa88f;max-height:240px;margin-top:8px;font:12px monospace;overflow:auto}kbd{background:#1a221a;border:1px solid #2c3a2c;border-radius:3px;padding:0 4px;font-size:12px}.pad{flex-wrap:wrap;gap:8px;max-width:576px;margin:10px 0;display:flex}.pad button{color:#bff5bf;cursor:pointer;touch-action:manipulation;user-select:none;background:#121a12;border:1px solid #2c3a2c;border-radius:6px;flex:100px;padding:10px 8px;font:14px system-ui,sans-serif}.pad button:active{background:#1d2b1d;border-color:#6dff6d}a{color:#6dff6d}h1+p,a+h1{margin-top:8px}