*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;background:#0d1117;height:100%;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}#board{cursor:crosshair;touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#hud{color:#c9d1d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:auto;background:#161b22db;border:1px solid #30363d;border-radius:10px;width:min(360px,100vw - 24px);max-height:calc(100vh - 24px);padding:12px 14px;font-size:12px;line-height:1.5;position:fixed;top:12px;left:12px}.hud-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.hud-head strong{color:#58a6ff;letter-spacing:.04em}#clear{color:#c9d1d9;font:inherit;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:3px 8px;font-size:11px}#clear:hover{background:#30363d}.hint{color:#8b949e;margin-bottom:8px}.hint b{color:#d29922}#log{white-space:pre-wrap;word-break:break-word;color:#8b949e;max-height:50vh;font-size:11px;overflow:auto}#log b{color:#7ee787}