:root{--bg: #0d0f11;--panel: #15181c;--line: #23282e;--text: #e8eaed;--muted: #8b939c;--accent: #23c37a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;justify-content:center;padding:28px 16px}.wrap{width:100%;max-width:940px}.bar{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}h1{margin:0;font-size:22px;letter-spacing:-.01em}.stats{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}.stats b{color:var(--text);font-variant-numeric:tabular-nums}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 14px;cursor:pointer}button:hover{border-color:var(--accent);color:var(--accent)}.tableWrap{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none}.message[hidden]{display:none}.message{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:6px;text-align:center;background:#080a0cd1;font-size:26px;font-weight:600;letter-spacing:-.01em}.message small{display:block;font-size:14px;font-weight:400;color:var(--muted)}.hint{color:var(--muted);font-size:14px;margin:12px 2px 0}.foot{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.foot strong{color:var(--text);font-weight:600}