:root{color-scheme:light dark;--wall-color: #1a1a1a;--empty-color: #f5f5f5;--visited-color: #bfdbfe;--start-color: #22c55e;--goal-color: #ef4444;--border-color: #94a3b8}body{font-family:system-ui,sans-serif;max-width:720px;margin:0 auto;padding:1rem}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-block:1rem}.grid{display:grid;gap:1px;background:var(--border-color);border:1px solid var(--border-color);width:fit-content}.cell{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.65rem;background:var(--empty-color);cursor:pointer;-webkit-user-select:none;user-select:none}.cell.wall{background:var(--wall-color)}.cell.start{background:var(--start-color);cursor:default}.cell.goal{background:var(--goal-color);cursor:default}.cell.visited{background:var(--visited-color);color:#1e3a8a}table{border-collapse:collapse;margin-top:1rem}th,td{border:1px solid var(--border-color);padding:.35rem .75rem;text-align:right}th:last-child,td:last-child{text-align:left}