#board{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:2px;width:100%;aspect-ratio:1;max-width:400px;margin:auto}
.kurotto-tile{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:100%;height:100%;font-size:1.6rem;line-height:1;padding:0;border:1px solid var(--line);border-radius:3px;touch-action:manipulation}
.kurotto-tile.black{background:#0f172a;color:#fff}.kurotto-tile.white,.kurotto-tile.fixed{background:#fff;color:#0f172a}.kurotto-tile.unknown{background:var(--surface);color:var(--muted)}
.clue-circle{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;width:75%;height:75%;max-width:44px;max-height:44px;border:2px solid currentColor;border-radius:50%;font-weight:800;font-size:1.1rem}
.kurotto-tile.selected{outline:1px solid #3b82f6;outline-offset:-4px}.kurotto-tile.error .clue-circle{border-color:var(--error);text-decoration:underline wavy var(--error)}.kurotto-tile:disabled{opacity:1}
.mark-controls,.play-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mark-controls button,.play-actions button{min-height:44px}.mark-controls button{font-size:1.2rem}#save-notice:empty{display:none}