.sliding-settings{display:flex;align-items:end;gap:16px;flex-wrap:wrap}
.sliding-settings .field{flex:1;min-width:180px}
.sliding-board{--sliding-size:4;display:grid;grid-template-columns:repeat(var(--sliding-size),minmax(0,1fr));gap:8px;width:min(100%,400px);margin:24px auto;padding:10px;border:1px solid #b9c5b4;border-radius:8px;background:#cbd5c2;touch-action:manipulation}
.sliding-tile,.sliding-blank{aspect-ratio:1;min-width:0;border-radius:5px;display:flex;align-items:center;justify-content:center}
.sliding-tile{padding:0;border:1px solid #c2c6bc;background:#f5f5ed;color:#334036;font:600 clamp(20px,5vw,32px)/1 Arial,sans-serif}
.sliding-tile:disabled{opacity:1;cursor:default}
.sliding-tile.sliding-movable{background:#17231f;border-color:#17231f;color:#fff;cursor:pointer}
.sliding-movable:hover{background:#30483b}
.sliding-blank{background:#becbb4;border:1px dashed #8b9c80}
.sliding-board:focus-visible{outline:3px solid #426946;outline-offset:5px}
.sliding-tile:focus-visible{outline:3px solid #df9f18;outline-offset:2px}
.sliding-complete{border:2px solid #426946}
.sliding-actions{display:flex;gap:10px;flex-wrap:wrap}
.sliding-actions .btn{flex:1;min-width:140px}
.sliding-status{min-height:3em}
.sliding-count{text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:420px){.sliding-board{gap:6px;padding:7px}.sliding-actions .btn{width:100%}.sliding-settings .btn{width:100%}}