*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0d0f18;color:#f2e3c0;font-family:monospace}main{text-align:center;padding:14px 0 70px}.mado-back{display:block;text-align:left;margin:0 14px;color:#f2e3c0}h1{font-size:18px;margin:8px}#mado-view{display:block;width:min(100%,960px);height:auto;margin:0 auto;image-rendering:pixelated;touch-action:none}#mado-say{min-height:2.5em;margin:12px auto;padding:0 12px;max-width:720px}.mado-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 10px}button{font:inherit;color:#f2e3c0;background:#25264c;border:2px solid #f2e3c0;border-radius:0;padding:9px 14px}button:disabled{opacity:.38}button:focus-visible,a:focus-visible{outline:2px solid #ffd166;outline-offset:3px}