:root[data-theme=light] .g-sliding-puzzle{--g-sliding-puzzle-ground: #bb7d18;--g-sliding-puzzle-surface: #f7d88a;--g-sliding-puzzle-text: #301b08;--g-sliding-puzzle-muted: #301b08;--g-sliding-puzzle-line: #86500d;--g-sliding-puzzle-accent: #381a04;--g-sliding-puzzle-on-accent: #fff1c6;--g-sliding-puzzle-face: #efb43f;--g-sliding-puzzle-ink: #301b08;--g-sliding-puzzle-edge: #5a320a;--g-sliding-puzzle-grout: #cb8f25;--g-sliding-puzzle-well: #3e250e;--g-sliding-puzzle-home: #4b2409;--g-sliding-puzzle-badge: #fff0c7;--g-sliding-puzzle-light: #fff3cc}.g-sliding-puzzle{--g-sliding-puzzle-ink: #301b08;--g-sliding-puzzle-home: #4b2409;--g-sliding-puzzle-badge: #fff0c7;--g-sliding-puzzle-light: #fff3cc;background:var(--g-sliding-puzzle-ground);position:relative;width:100%;max-width:520px;margin:0 auto;padding:0;color:var(--g-sliding-puzzle-text);font-family:var(--mg-font);font-variant-numeric:tabular-nums}.g-sliding-puzzle *,.g-sliding-puzzle *:before,.g-sliding-puzzle *:after{box-sizing:border-box}.g-sliding-puzzle [hidden]{display:none!important}.g-sliding-puzzle button{font-family:inherit;font-weight:600;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.g-sliding-puzzle button:focus{outline:none}.g-sliding-puzzle.is-kbd button:focus{outline:2px solid var(--g-sliding-puzzle-accent);outline-offset:-3px}.g-sliding-puzzle-top{height:44px;display:flex;align-items:center;gap:5px;padding:0 5px}.g-sliding-puzzle-sizes{display:flex;gap:0;margin-right:auto}.g-sliding-puzzle-size{min-width:44px;height:44px;border:0;background:none;font-size:14px;position:relative}.g-sliding-puzzle-size[aria-pressed=true]{color:var(--g-sliding-puzzle-accent)}.g-sliding-puzzle-size[aria-pressed=true]:after{content:"";position:absolute;height:2px;bottom:4px;left:11px;right:11px;background:currentColor}.g-sliding-puzzle-metric{display:flex;flex-direction:column;align-items:flex-end;min-width:54px;line-height:1.15;position:relative;margin-left:auto}.g-sliding-puzzle-label{font-size:10px;color:var(--g-sliding-puzzle-muted);font-weight:400}.g-sliding-puzzle-moves{font-size:17px;font-weight:600}.g-sliding-puzzle-plus{position:absolute;right:-4px;top:4px;color:var(--g-sliding-puzzle-muted);font-size:11px;pointer-events:none}.g-sliding-puzzle-clock{min-width:57px;font-size:13px;text-align:right;color:var(--g-sliding-puzzle-muted)}.g-sliding-puzzle-daily{font-size:12px;line-height:1.25;max-width:60%}.g-sliding-puzzle-board{--g-sliding-puzzle-gap: 4px;--g-sliding-puzzle-cell: 0px;position:relative;width:calc(100% - 22px);max-width:480px;aspect-ratio:1;margin:8px auto 10px;border-radius:var(--mg-radius);background:var(--g-sliding-puzzle-grout);contain:layout paint;box-shadow:inset 0 0 0 1px var(--g-sliding-puzzle-line),0 3px color-mix(in srgb,var(--g-sliding-puzzle-line) 65%,transparent);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none}.g-sliding-puzzle.is-kbd .g-sliding-puzzle-board:focus{outline:2px solid var(--g-sliding-puzzle-accent);outline-offset:3px}.g-sliding-puzzle-tile{position:absolute;display:block;padding:0;border:0;background:none;z-index:2;border-radius:0}.g-sliding-puzzle-tile,.g-sliding-puzzle-well,.g-sliding-puzzle-destination,.g-sliding-puzzle-ghost{width:var(--g-sliding-puzzle-cell);height:var(--g-sliding-puzzle-cell)}.g-sliding-puzzle.is-kbd .g-sliding-puzzle-tile:focus,.g-sliding-puzzle-tile:focus{outline:none}.g-sliding-puzzle-face{position:relative;display:block;width:100%;height:100%;border:1px solid var(--g-sliding-puzzle-edge);border-bottom-width:3px;border-radius:calc(var(--mg-radius) * .6);background:var(--g-sliding-puzzle-face);color:var(--g-sliding-puzzle-ink);box-shadow:inset 0 1px color-mix(in srgb,var(--g-sliding-puzzle-surface) 80%,transparent);overflow:clip}.g-sliding-puzzle-number{position:absolute;inset:0;z-index:3;text-align:center;font-size:calc(var(--g-sliding-puzzle-cell) * .42);font-weight:600;line-height:calc(var(--g-sliding-puzzle-cell) - 4px);pointer-events:none}.g-sliding-puzzle-face canvas{display:none;position:absolute;inset:0;width:100%;height:100%}.g-sliding-puzzle-picture .g-sliding-puzzle-face canvas{display:block}.g-sliding-puzzle-preparing .g-sliding-puzzle-face:not(.g-sliding-puzzle-art-ready) .g-sliding-puzzle-number,.g-sliding-puzzle-preparing .g-sliding-puzzle-face:not(.g-sliding-puzzle-art-ready) .g-sliding-puzzle-chevron{display:none}.g-sliding-puzzle-picture .g-sliding-puzzle-number{position:absolute;inset:4px auto auto 4px;display:block;width:calc(var(--g-sliding-puzzle-cell) * .3);height:calc(var(--g-sliding-puzzle-cell) * .3);padding:0 1px;line-height:calc(var(--g-sliding-puzzle-cell) * .3);border-radius:calc(var(--mg-radius) * .25);background:var(--g-sliding-puzzle-badge);color:var(--g-sliding-puzzle-ink);font-size:calc(var(--g-sliding-puzzle-cell) * .22)}.g-sliding-puzzle-picture .g-sliding-puzzle-number{font-size:round(nearest,calc(var(--g-sliding-puzzle-cell) * .22),1px)}.g-sliding-puzzle-hide-numbers .g-sliding-puzzle-number{display:none}.g-sliding-puzzle-well{position:absolute;z-index:0;border-radius:calc(var(--mg-radius) * .6);background-color:var(--g-sliding-puzzle-well);box-shadow:inset 0 3px 7px color-mix(in srgb,var(--g-sliding-puzzle-text) 22%,transparent)}.g-sliding-puzzle-well:after{content:"";position:absolute;inset:5px;border:1px solid var(--g-sliding-puzzle-line);border-radius:calc(var(--mg-radius) * .4);opacity:.4;animation:g-sliding-puzzle-breathe 2.4s ease-in-out infinite}.g-sliding-puzzle-ended .g-sliding-puzzle-well:after,.g-sliding-puzzle-ended .g-sliding-puzzle-chevron{animation:none}.g-sliding-puzzle-home-marks .g-sliding-puzzle-home .g-sliding-puzzle-face:after{content:"";position:absolute;bottom:3px;left:25%;right:25%;height:2px;border-radius:1px;background:var(--g-sliding-puzzle-home);z-index:4}.g-sliding-puzzle-locked .g-sliding-puzzle-face{background-color:color-mix(in srgb,var(--g-sliding-puzzle-face) 90%,var(--g-sliding-puzzle-home))}.g-sliding-puzzle-chevron{display:none;position:absolute;bottom:2px;right:6px;font-size:18px;color:var(--g-sliding-puzzle-home);line-height:1;z-index:4;pointer-events:none}.g-sliding-puzzle-intro .g-sliding-puzzle-can-move .g-sliding-puzzle-chevron{display:block;animation:g-sliding-puzzle-breathe 2.4s ease-in-out infinite}.g-sliding-puzzle-face.g-sliding-puzzle-pressed{background-color:color-mix(in srgb,var(--g-sliding-puzzle-face) 88%,var(--g-sliding-puzzle-ink))}.g-sliding-puzzle-face.g-sliding-puzzle-moved{border-top-color:var(--g-sliding-puzzle-home)}.g-sliding-puzzle-face.g-sliding-puzzle-invalid,.g-sliding-puzzle-well.g-sliding-puzzle-invalid{outline:2px solid var(--g-sliding-puzzle-ink);outline-offset:-3px}.g-sliding-puzzle-seated{box-shadow:inset 0 -3px 0 var(--g-sliding-puzzle-home)}.g-sliding-puzzle-section:before{content:"";pointer-events:none;position:absolute;inset:2px;z-index:4;border:3px solid var(--g-sliding-puzzle-accent);border-radius:inherit;animation:g-sliding-puzzle-section .28s ease-out var(--g-sliding-puzzle-section-delay,0ms)}.g-sliding-puzzle-section.g-sliding-puzzle-double:before{border-style:double;border-width:6px}.g-sliding-puzzle-ghost{position:absolute;pointer-events:none;border:3px solid var(--g-sliding-puzzle-accent);border-radius:calc(var(--mg-radius) * .6);z-index:1}.g-sliding-puzzle-ghost{animation-duration:70ms;animation-timing-function:linear;animation-fill-mode:forwards}.g-sliding-puzzle-trails{position:absolute;inset:0;pointer-events:none;z-index:3}.g-sliding-puzzle-flow{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--g-sliding-puzzle-accent) 40%,transparent),0 0 10px color-mix(in srgb,var(--g-sliding-puzzle-accent) 15%,transparent)}.g-sliding-puzzle-sealed .g-sliding-puzzle-fused{width:calc(100% + var(--g-sliding-puzzle-gap));height:calc(100% + var(--g-sliding-puzzle-gap));left:calc(var(--g-sliding-puzzle-gap) / -2);top:calc(var(--g-sliding-puzzle-gap) / -2);box-shadow:none;border-width:0;border-radius:0}.g-sliding-puzzle-sealed .g-sliding-puzzle-fused:after{display:none}.g-sliding-puzzle-sealed .g-sliding-puzzle-fused .g-sliding-puzzle-number{line-height:calc(var(--g-sliding-puzzle-cell) + var(--g-sliding-puzzle-gap))}.g-sliding-puzzle-picture .g-sliding-puzzle-sealed .g-sliding-puzzle-number{line-height:calc(var(--g-sliding-puzzle-cell) * .3)}.g-sliding-puzzle-sealed .g-sliding-puzzle-fused{animation:g-sliding-puzzle-seal .3s cubic-bezier(.15,.7,.2,1)}.g-sliding-puzzle-last-slide{animation:g-sliding-puzzle-last-slide var(--g-sliding-puzzle-slide-ms,90ms) cubic-bezier(.15,.7,.2,1)}.g-sliding-puzzle-sealed .g-sliding-puzzle-final-tile{animation:g-sliding-puzzle-final-tile .2s linear .2s backwards}.g-sliding-puzzle-sealed .g-sliding-puzzle-seal{animation:g-sliding-puzzle-seal-light .5s ease-in-out .3s}.g-sliding-puzzle-optimal-seal .g-sliding-puzzle-seal{animation:g-sliding-puzzle-seal-light .5s ease-in-out .3s,g-sliding-puzzle-seal-light .35s ease-in-out .55s}.g-sliding-puzzle-sealed{box-shadow:inset 0 0 0 3px var(--g-sliding-puzzle-accent)}.g-sliding-puzzle-seal{position:absolute;z-index:5;inset:0;pointer-events:none;opacity:0;border-radius:var(--mg-radius);border:4px solid var(--g-sliding-puzzle-accent);background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,var(--g-sliding-puzzle-accent) 55%,var(--g-sliding-puzzle-surface)) 50%,transparent 75%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 97%,97% 97%,97% 3%,3% 3%,3% 97%,0 97%)}.g-sliding-puzzle-destination{position:absolute;pointer-events:none;z-index:4;border:2px dashed var(--g-sliding-puzzle-home);border-radius:calc(var(--mg-radius) * .6)}.g-sliding-puzzle-hint .g-sliding-puzzle-face{outline:3px solid var(--g-sliding-puzzle-home);outline-offset:-4px}.g-sliding-puzzle-hint .g-sliding-puzzle-face:before{content:"";position:absolute;inset:2px;border:3px solid var(--g-sliding-puzzle-home);border-radius:inherit;pointer-events:none;animation:g-sliding-puzzle-hint .6s ease-in-out 2}.g-sliding-puzzle-picture .g-sliding-puzzle-face:before{clip-path:polygon(0 45%,45% 45%,45% 0,100% 0,100% 100%,0 100%)}.g-sliding-puzzle-info{min-height:24px;height:24px;line-height:24px;margin:0 11px 8px;font-size:12px;color:var(--g-sliding-puzzle-muted);white-space:nowrap;overflow:clip}.g-sliding-puzzle-tools{display:flex;gap:4px;padding:0 5px;height:48px;margin-bottom:8px}.g-sliding-puzzle-tool{min-width:64px;flex:1;height:48px;border:1px solid var(--g-sliding-puzzle-line);border-radius:0;background:var(--g-sliding-puzzle-surface);font-size:13px;display:flex;gap:5px;justify-content:center;align-items:center;padding:0 5px}.g-sliding-puzzle-tool{position:relative;isolation:isolate;border-color:transparent;background:transparent}.g-sliding-puzzle-tool:before{content:"";position:absolute;inset:-1px;z-index:-1;pointer-events:none;border:1px solid var(--g-sliding-puzzle-line);border-radius:var(--mg-radius);background:var(--g-sliding-puzzle-surface)}.g-sliding-puzzle-tool canvas{width:23px;height:23px;border-radius:4px}.g-sliding-puzzle-tool:disabled{opacity:.5;cursor:default}.g-sliding-puzzle-tool[aria-pressed=true]:before{border-color:var(--g-sliding-puzzle-accent)}.g-sliding-puzzle-panel{position:absolute;z-index:20;left:7px;right:7px;bottom:6px;padding:12px;border:1px solid var(--g-sliding-puzzle-edge);border-radius:var(--mg-radius);background:var(--g-sliding-puzzle-surface);box-shadow:0 -8px 28px color-mix(in srgb,var(--g-sliding-puzzle-text) 18%,transparent)}.g-sliding-puzzle-close{min-width:64px;min-height:44px;margin-left:auto;display:block;border:0;background:none}.g-sliding-puzzle-option{min-height:48px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px;padding:4px;border:0;border-top:1px solid var(--g-sliding-puzzle-line);background:none;text-align:left;font-size:13px}.g-sliding-puzzle-option-label{font-weight:400}.g-sliding-puzzle-option-value{color:var(--g-sliding-puzzle-accent);font-size:12px}.g-sliding-puzzle-dialog-title{font-size:17px;margin:0 0 8px;font-weight:600}.g-sliding-puzzle-dialog-body{font-size:13px;margin:0 0 16px;color:var(--g-sliding-puzzle-muted)}.g-sliding-puzzle-keep,.g-sliding-puzzle-proceed{min-height:44px;padding:0 12px;border:1px solid var(--g-sliding-puzzle-line);border-radius:var(--mg-radius);background:var(--g-sliding-puzzle-surface);font-size:13px}.g-sliding-puzzle-proceed{float:right;color:var(--g-sliding-puzzle-on-accent)!important;background:var(--g-sliding-puzzle-accent);border-color:var(--g-sliding-puzzle-accent)}@keyframes g-sliding-puzzle-breathe{0%,to{opacity:.35}50%{opacity:.7}}@keyframes g-sliding-puzzle-echo-a{0%,60%{opacity:.25}to{opacity:0}}@keyframes g-sliding-puzzle-echo-b{0%,60%{opacity:.25}to{opacity:0}}@keyframes g-sliding-puzzle-hint{0%,to{opacity:1}50%{opacity:.55}}@keyframes g-sliding-puzzle-section{0%,to{opacity:.15}50%{opacity:var(--g-sliding-puzzle-section-strength,.5)}}@keyframes g-sliding-puzzle-seal{0%{transform:scale(var(--g-sliding-puzzle-close-start,.95))}to{transform:scale(1)}}@keyframes g-sliding-puzzle-seal-light{0%,to{opacity:0}50%{opacity:.9}}@keyframes g-sliding-puzzle-final-tile{0%{opacity:0}to{opacity:1}}@keyframes g-sliding-puzzle-last-slide{0%{transform:translate(var(--g-sliding-puzzle-slide-x),var(--g-sliding-puzzle-slide-y))}75%{transform:translate(var(--g-sliding-puzzle-over-x),var(--g-sliding-puzzle-over-y))}to{transform:translate(0)}}@media(max-width:350px){.g-sliding-puzzle-tool{font-size:12px}.g-sliding-puzzle-tool canvas{width:16px;height:22px}.g-sliding-puzzle-info{font-size:10.5px}}@media(max-width:343px){.g-sliding-puzzle-board{--g-sliding-puzzle-gap: 3px}}@media(prefers-reduced-motion:reduce){.g-sliding-puzzle *,.g-sliding-puzzle *:after,.g-sliding-puzzle *:before{animation:none!important;transition:none!important}.g-sliding-puzzle-well:after{opacity:.5}.g-sliding-puzzle-ghost{display:none!important}}.g-sliding-puzzle-picture .g-sliding-puzzle-home .g-sliding-puzzle-face:after{background:var(--g-sliding-puzzle-light);box-shadow:0 0 0 1px var(--g-sliding-puzzle-ink)}.g-sliding-puzzle-picture .g-sliding-puzzle-chevron{color:var(--g-sliding-puzzle-ink);background:var(--g-sliding-puzzle-badge)}.g-sliding-puzzle-picture .g-sliding-puzzle-hint .g-sliding-puzzle-face{outline-color:var(--g-sliding-puzzle-light);box-shadow:inset 0 0 0 5px var(--g-sliding-puzzle-ink)}.g-sliding-puzzle-picture .g-sliding-puzzle-section:before{border-color:var(--g-sliding-puzzle-light);box-shadow:0 0 0 1px var(--g-sliding-puzzle-ink),inset 0 0 0 1px var(--g-sliding-puzzle-ink)}:root[data-theme=dark] .g-sliding-puzzle{--g-sliding-puzzle-ground: #69410e;--g-sliding-puzzle-surface: #3d280e;--g-sliding-puzzle-text: #fff0c7;--g-sliding-puzzle-muted: #ffe4a2;--g-sliding-puzzle-line: #c69032;--g-sliding-puzzle-accent: #ffdf83;--g-sliding-puzzle-on-accent: #301b08;--g-sliding-puzzle-face: #d99226;--g-sliding-puzzle-edge: #422507;--g-sliding-puzzle-grout: #b57b22;--g-sliding-puzzle-well: #281907}
