.slide-surface{position:relative;padding:24px 18px 14px}#slide-board{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));gap:7px;max-width:390px;margin:auto;padding:9px;background:#c9becd;border-radius:12px;user-select:none}.slide-panel button.tile{aspect-ratio:1;padding:0;border:1px solid #fff9ff;border-bottom:4px solid #b3a4b8;border-radius:7px;background:#f7f0f6;color:#6a536f;font:500 clamp(24px,4vw,38px)/1 Georgia,serif;display:grid;place-items:center;min-width:0;touch-action:manipulation;transition:background .15s,box-shadow .15s}.slide-panel button.tile.movable{background:#fffbf5;cursor:pointer}.slide-panel button.tile.correct{color:#406044;background:#e4eadc}.slide-panel button.tile.empty{background:#b4a6ba;border-color:transparent;box-shadow:inset 0 2px 6px #67576a19;cursor:default}.slide-panel button.tile:not(.movable){cursor:default}.slide-panel button.tile:focus-visible{outline:3px solid #c86a43;outline-offset:1px}.slide-panel button.tile.movable:hover{background:#e9dfed;box-shadow:0 0 0 2px #9c88a6}.slide-panel.solved #slide-board{background:#b9cba7}.slide-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.slide-panel #next{background:#254d3b;color:#fff4df;border-color:#254d3b}#slide-help{font-size:11px;line-height:1.8;color:#68775f;margin-top:16px}#level-progress{display:flex;gap:5px;justify-content:center;margin:16px auto 0;max-width:260px}#level-progress span{height:5px;flex:1;background:#d0d8c4;border-radius:3px}#level-progress .done{background:#71985b}#level-progress .current{background:#bf8158}.slide-sidebar{background:#eee6ee}.target-example{display:grid;grid-template-columns:repeat(3,34px);gap:4px;justify-content:center;margin:26px 0 14px;transform:rotate(-6deg)}.target-example span{height:34px;border:1px solid #cab8cf;border-radius:4px;background:#faf4fa;display:grid;place-items:center;color:#755a7f;font:20px Georgia}.target-example span:last-child{background:#d3c5d8;border-color:transparent}#slide-pause{position:absolute;inset:0;background:#eeeee3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}#slide-pause p{font:25px Georgia}.slide-celebration{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.slide-celebration>span{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#254d3bf5;color:#fff2d4;padding:18px 22px;border:1px solid #bace9e;border-radius:12px;font:23px Georgia;white-space:nowrap;animation:slide-cheer 3.5s ease both}.slide-celebration i{position:absolute;left:var(--x);top:-15px;width:8px;height:13px;border-radius:2px;background:var(--color);animation:slide-confetti 2.8s var(--delay) ease-in both}@keyframes slide-confetti{0%{opacity:0;transform:translateY(-10px) rotate(0)}10%,85%{opacity:1}100%{opacity:0;transform:translateY(510px) rotate(540deg)}}@keyframes slide-cheer{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}15%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-55%)}}@media(prefers-reduced-motion:reduce){.slide-celebration i{display:none}.slide-celebration>span{animation:none}.slide-panel button.tile{transition:none}}.mini-game .slide-surface{padding:10px 8px}.mini-game #slide-board{max-width:285px;gap:5px;padding:6px}.mini-game .slide-panel button.tile{padding:0;font-size:25px}.mini-game #slide-help{font-size:9px;margin-top:8px}.mini-game #level-progress{margin-top:8px}.mini-game .slide-celebration>span{font-size:19px;padding:14px}.mini-game .slide-panel button:not(.tile){padding:6px 10px}.mini-game .slide-panel .mine-bottom{padding-bottom:10px}@media(max-width:760px){#slide-board{gap:5px;padding:6px}.slide-surface{padding:16px 10px 12px}.slide-panel button.tile{font-size:28px}}