#board{position:relative;width:100%;max-width:400px;aspect-ratio:1;margin:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);touch-action:none}
#plot{position:absolute;inset:22px}#lines,#points{position:absolute;inset:0;width:100%;height:100%}#lines{overflow:visible;pointer-events:none}#lines line{stroke:var(--text);stroke-width:2;vector-effect:non-scaling-stroke}#lines line.crossing{stroke:var(--error);stroke-width:3}
.point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:2px solid var(--text);background:var(--surface);color:var(--text);font-weight:800;touch-action:none;padding:0;z-index:1}.point.selected{z-index:3;outline:3px solid var(--text);outline-offset:2px}.point.error{text-decoration:underline wavy var(--error)}.point:disabled{opacity:1}
.move-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.move-controls button{min-height:44px;font-weight:800}.play-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.play-actions button{min-height:44px}