.maze-settings{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.maze-settings .field{flex:1 1 10rem}.maze-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1rem}.maze-board,.maze-controls button{border-radius:.5rem;background:#fff;touch-action:manipulation}.maze-board{--maze-columns:21;--maze-rows:15;display:grid;grid-template-columns:repeat(var(--maze-columns),minmax(0,1fr));width:min(100%,42rem);aspect-ratio:var(--maze-columns)/var(--maze-rows);margin-inline:auto;border:2px solid #132238;overflow:hidden}.maze-row{display:contents}.maze-cell{display:grid;place-items:center;min-width:0;aspect-ratio:1;font-size:clamp(.4rem,1.8vw,.9rem);line-height:1}.maze-cell--wall{background:#132238}.maze-cell--start{background:#a3e635;color:#132238;font-weight:800}.maze-cell--finish{background:#fb7185;color:#132238;font-weight:800}.maze-cell.is-solution{background:#bfdbfe}.maze-cell.is-player{background:#a3e635;color:#132238;font-weight:900}.maze-stats{display:flex;justify-content:center;margin:1rem}.maze-stats>div{min-width:8rem;padding:.6rem 1rem;border-radius:.75rem;background:#f1f5f9;text-align:center}.maze-stats dd{margin:.2rem 0 0;font-size:1.3rem;font-weight:700}.maze-controls{display:grid;grid-template-columns:repeat(3,3rem);justify-content:center;gap:.35rem;margin:1rem auto}.maze-controls button{min-height:3rem;border:1px solid #cbd5e1;font-size:1.2rem}.maze-controls button:first-child{grid-column:2}.maze-board:focus-visible,.maze-controls button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}@media (max-width:36rem){.maze-actions>*{flex:1 1 9rem}.maze-board{border-radius:.25rem}.maze-cell{font-size:clamp(.25rem,2.5vw,.65rem)}}