.board-wrap.svelte-1vcy0ya{width:min(100%,58rem);margin-inline:auto}.legend.svelte-1vcy0ya{display:flex;gap:1.25rem;margin-bottom:1rem;flex-wrap:wrap;color:#666660;font-family:DM Mono,monospace;font-size:.61rem;text-transform:uppercase}.legend.svelte-1vcy0ya span:where(.svelte-1vcy0ya){display:inline-flex;align-items:center;gap:.45rem}.legend.svelte-1vcy0ya i:where(.svelte-1vcy0ya){width:.72rem;height:.72rem;border:1px solid #161615}.legend.svelte-1vcy0ya .start:where(.svelte-1vcy0ya){background:#161615}.legend.svelte-1vcy0ya .end:where(.svelte-1vcy0ya){background:#6157dc;border-color:#6157dc}.legend.svelte-1vcy0ya .wall:where(.svelte-1vcy0ya){background:#777772;border-color:#777772}.legend.svelte-1vcy0ya .route:where(.svelte-1vcy0ya){background:#b9b3ff;border-color:#6157dc}.board.svelte-1vcy0ya{display:grid;aspect-ratio:1;grid-template-columns:repeat(16,1fr);gap:clamp(2px,.35vw,5px);padding:clamp(.65rem,1.5vw,1.25rem);border:1px solid #b8b8b3;background:#ecece8;touch-action:none;-webkit-user-select:none;user-select:none}.cell.svelte-1vcy0ya{min-width:0;aspect-ratio:1;padding:0;border:1px solid #d3d3ce;border-radius:0;background:#f7f7f5;cursor:crosshair;transition:background-color .1s ease,border-color .1s ease,transform .1s ease}.cell.svelte-1vcy0ya:hover{border-color:#6157dc}.cell.obstacle.svelte-1vcy0ya{border-color:#777772;background:#777772}.cell.visited.svelte-1vcy0ya:not(.obstacle){background:#dedbff}.cell.path.svelte-1vcy0ya:not(.start,.end){border-color:#6157dc;background:#9188ff;transform:scale(.78)}.cell.start.svelte-1vcy0ya{border-color:#161615;background:#161615}.cell.end.svelte-1vcy0ya{border-color:#6157dc;background:#6157dc}.board.running.svelte-1vcy0ya .cell:where(.svelte-1vcy0ya){cursor:wait}.hint.svelte-1vcy0ya{margin:1rem 0 0;color:#777772;font-size:.8rem;text-align:center}@media (max-width: 600px){.board.svelte-1vcy0ya{gap:2px;padding:.45rem}.cell.svelte-1vcy0ya{border:0}}