*{box-sizing:border-box}body{margin:0;background:#3a1240;color:#fff;font-family:system-ui,sans-serif}main{max-width:680px;margin:auto;padding:12px}h1{font-size:18px;margin:0 0 6px}p{font-size:13px;margin:6px 0}.hud{display:flex;justify-content:space-between;gap:8px;font-weight:700;margin:8px 0}.message{min-height:30px;margin:6px 0;font:800 20px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-align:center;word-break:break-all;color:#ffe08a}canvas{display:block;width:100%;max-width:380px;aspect-ratio:2/1;height:auto;margin:0 auto;background:linear-gradient(#5b2a7a,#c45a9a);border-radius:8px;touch-action:none}canvas:focus-visible,button:focus-visible{outline:3px solid #ffe08a;outline-offset:2px}.controls{display:flex;gap:12px;margin:10px 0}button{font:inherit;color:#3a1240;background:#ffe08a;border:0;border-radius:8px;min-height:44px;padding:8px 16px}button:disabled{opacity:.55}#start{flex:1}#result{min-height:20px;font-weight:700}