.sokoban-level-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}
.sokoban-level-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;min-width:0}
.sokoban-level-label select{max-width:100%;min-height:44px;border:1px solid #cec3db;border-radius:10px;background:#fff;padding:8px;color:var(--ink);font:inherit}
.sokoban-level-label select:focus-visible{outline:3px solid #8054ca;outline-offset:3px}
.board-sokoban{gap:3px;padding:6px;background:#e6dfd4;border-radius:12px;touch-action:pan-y}
.sokoban-cell{display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:0;border-radius:4px;background:#f7f2e9;color:#967b48;font-size:clamp(14px,3.8vw,27px);font-weight:750;line-height:1}
.sokoban-cell[data-kind=wall]{background:#a99a84;box-shadow:inset 0 -3px #00000012}
.sokoban-cell[data-kind=crate]{background:#e2b778;color:#66431f;box-shadow:inset 0 0 0 3px #bd8743}
.sokoban-cell[data-kind=crate][data-goal=true]{background:#bdd4a9;color:#315525;box-shadow:inset 0 0 0 3px #729658}
.sokoban-cell[data-kind=player]{background:#e8ddf3;color:#694297}
.sokoban-cell[data-kind=player][data-goal=true]{box-shadow:inset 0 0 0 3px #9b83b8}
.sokoban-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 15px;font-size:11px;color:var(--muted);margin-top:12px}
.sokoban-directions [data-direction=up]{grid-column:2;grid-row:1}
.sokoban-directions [data-direction=left]{grid-column:1;grid-row:2}
.sokoban-directions [data-direction=down]{grid-column:2;grid-row:2}
.sokoban-directions [data-direction=right]{grid-column:3;grid-row:2}
.sokoban-progress{text-align:center;font-size:12px;font-weight:650;margin-top:20px}
.sokoban-best{text-align:center;font-size:12px;color:var(--muted);margin-top:5px}
.sokoban-save-note{text-align:center;font-size:11px;line-height:1.7;color:var(--muted);max-width:420px;margin:12px auto 0}
@media(max-width:480px){.board-sokoban{gap:2px;padding:4px}.sokoban-cell{border-radius:3px}.sokoban-level-controls{gap:8px}.sokoban-level-label{gap:6px}.sokoban-level-label select{min-width:0;max-width:175px}.sokoban-legend{gap:5px 10px;font-size:10px}}