.sliding-board{display:grid;aspect-ratio:1;gap:4px;padding:5px;background:#d3dfcc;border:1px solid #aabfa3;border-radius:15px;position:relative;overflow:hidden;isolation:isolate}.slide-tile,.slide-gap,.slide-last{min-width:0;min-height:0;aspect-ratio:1;border-radius:8px;position:relative}.slide-tile{display:grid;place-items:center;font:700 clamp(19px,4vw,34px) 'DM Sans',sans-serif;background:linear-gradient(#fffdf5,#e7eada);border:1px solid #b6c7aa;color:#274437;box-shadow:inset 0 2px 2px #fff9,0 3px 3px #203b2526;touch-action:none;cursor:pointer;padding:0}.slide-tile.correct{background:linear-gradient(#daedc0,#bed79f)}.slide-neighbour{outline:2px solid #659848;outline-offset:-3px;box-shadow:inset 0 0 0 3px #ebf7d845,0 2px 4px #233e3533}.slide-neighbour:focus-visible{outline:3px solid #227aab;outline-offset:-3px}.slide-gap{background:radial-gradient(ellipse,#30493420,#30493440);box-shadow:inset 0 2px 6px #19351d33;display:grid;place-items:center;color:#58734c;font-size:28px}.slide-gap span{opacity:.5}.sliding-grab{z-index:5;cursor:grabbing;box-shadow:0 8px 16px #183d3440}.sliding-picture .slide-tile{border-radius:5px;border-color:#ffffff55;background-repeat:no-repeat}.sliding-picture .slide-neighbour{outline-color:#f1d06b}.sliding-picture .slide-gap{background:#2a4b3c}.sliding-picture .slide-gap span{color:#d8e8a5}.sliding-picture.slide-solved{gap:0;padding:0;border:0}.sliding-picture.slide-solved .slide-tile,.sliding-picture.slide-solved .slide-last{border:0;border-radius:0;box-shadow:none}.sliding-picture.slide-solved .picture-tile-number{display:none}.preview-gap{background:#36534455!important;box-shadow:inset 0 0 0 2px #36534422}.slide-legend{font-size:13px;color:#5e705c}.sliding-migration{font-size:14px;line-height:1.6;padding:14px 18px;background:#edf2df;border-radius:12px;margin-bottom:20px}.sliding-numbers.slide-solved .slide-last{background:#335c4930}.sliding-board .picture-tile-number{pointer-events:none}@media(max-width:600px){.sliding-board{gap:3px;padding:4px}.slide-tile{font-size:clamp(18px,5vw,25px);border-radius:6px}.slide-gap{font-size:22px}.sliding-board[style*="--n:6"] .slide-tile{font-size:18px}}@media(prefers-reduced-motion:reduce){.slide-tile{transition:none!important}}

.slide-tile{background:transparent!important;border:0;box-shadow:none;transition:none!important}.slide-face{pointer-events:none;width:100%;height:100%;display:grid;place-items:center;border:1px solid #b6c7aa;border-radius:inherit;background:linear-gradient(#fffdf5,#e7eada);box-shadow:inset 0 2px 2px #fff9,0 2px 3px #203b2526}.slide-tile.correct .slide-face{background:linear-gradient(#daedc0,#bed79f)}.sliding-picture .slide-face{background-repeat:no-repeat}.sliding-picture.slide-solved .slide-face{border:0;border-radius:0;box-shadow:none}.slide-tile:active:not(:disabled){transform:none}.sliding-board{user-select:none;-webkit-user-select:none}