.slide-page{max-width:660px}.slide-panel{max-width:480px;margin:auto}.slide-goal{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px 0}.slide-goal strong{font-size:.85rem}.slide-target{display:grid;grid-template-columns:repeat(3,20px);gap:3px;line-height:20px;text-align:center;font-size:12px}.slide-target span{color:#253747;background:#e2e6e9;border-radius:3px}.slide-target span:last-child{background:transparent;border:1px dashed #8b959d}.slide-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:300px;margin:12px auto;aspect-ratio:1}.slide-tile{border:2px solid #b9c1c7;border-radius:12px;background:#e6e9ec;color:#253747;font:700 clamp(24px,8vw,38px) system-ui;touch-action:manipulation;cursor:default}.slide-tile.movable{background:#244f9d;color:white;border-color:#163974;cursor:pointer;box-shadow:0 3px 0 #15336b}.slide-tile.blank{background:#f4f5f6;border:2px dashed #9aa7b0;box-shadow:none}.slide-tile:focus-visible{outline:4px solid #e69e24;outline-offset:2px}.slide-board.solved .slide-tile:not(.blank){background:#daefe0;border-color:#36834e}.slide-panel .mini-status{min-height:24px;margin:8px 0}.slide-panel .mini-controls{margin:16px 0 0}.slide-panel .mini-stats{justify-content:center}.slide-page .mini-intro{margin-bottom:14px}@media(max-width:360px){.slide-board{max-width:240px;gap:6px}.slide-panel{padding:14px}.slide-page .mini-intro h1{font-size:30px}}

.slide-tile{position:relative}.slide-tile.movable::after{content:attr(data-slide-direction);position:absolute;bottom:3px;right:7px;font:700 18px system-ui}.slide-tile.blank::after{content:"EMPTY";display:block;font:700 12px system-ui;color:#54616d;letter-spacing:.5px}