@layer games{@scope(.slide-puzzle-page){:scope{--slide-ink:#18324a;--slide-muted:#536779;--slide-line:#c9d9e6;--slide-soft-line:#e3ebf2;--slide-paper:#fff;--slide-blue:#087cf0;--slide-blue-dark:#075fb7;--slide-blue-soft:#e8f4ff;--slide-yellow:#ffd23c;--slide-orange:#ef8a2f;--slide-green:#318864;--slide-red:#a94e42;--slide-board:#201f1c;--slide-board-edge:#171613;--slide-number-tile:#fbfbfa;--slide-number-tile-border:#d4d2cc;--slide-number-accent:#282622;--slide-number-shadow-edge:#fff;--slide-popup-shadow:#18324a29;--slide-overlay:#10243499;--slide-grid-decoration:#ffffff1f;--slide-tile-border:#ffffffa6;--slide-tile-number-end:#dbeeff;--slide-label-background:#ffffffe0;--slide-navigation-background:#ffd23c1f;--slide-shuffle-background:#ffffff94;--slide-start-top:#2596f5;--slide-start-bottom:#0873dd;--slide-start-shadow:#0759aa;--slide-delete-border:#e5bdb4;--slide-delete-background:#fff7f4;--slide-gap-xs:.375rem;--slide-gap-s:.625rem;--slide-gap-m:1rem;--slide-gap-l:1.5rem;--slide-button-gap:8px;--slide-board-mobile-gap:3px;--slide-space-s:.75rem;--slide-space-m:1.25rem;--slide-space-l:2rem;--slide-option-label-size:1rem;min-height:70vh;color:var(--slide-ink);padding-block-end:4rem}.slide-puzzle-shell{width:100%}.slide-puzzle-title{padding:var(--slide-space-l) var(--slide-space-m);border-radius:var(--radius-m);background:linear-gradient(var(--slide-grid-decoration) 1px, transparent 1px), linear-gradient(90deg, var(--slide-grid-decoration) 1px, transparent 1px), linear-gradient(135deg, var(--slide-blue-dark), var(--slide-blue));color:var(--slide-paper);background-size:3rem 3rem,3rem 3rem,auto;position:relative;overflow:hidden}.slide-puzzle-title .section-kicker,.slide-puzzle-title p{color:var(--slide-paper);font-weight:700}.slide-puzzle-title h1{justify-content:center;align-items:center;gap:var(--slide-gap-s);margin:var(--slide-gap-xs) 0;color:var(--slide-paper);font-size:clamp(2rem,7vw,4rem);display:flex}.slide-puzzle-title h1 svg{color:var(--slide-yellow)}.slide-puzzle-shell>.game-rule-details,.slide-puzzle-setup,.slide-puzzle-play,.slide-puzzle-library{margin-top:var(--slide-space-l)}.slide-puzzle-setup,.slide-puzzle-play,.slide-puzzle-library{padding:var(--slide-space-l);border:1px solid var(--slide-line);border-radius:var(--radius-m);background:var(--slide-paper)}.slide-puzzle-setup{position:relative}.slide-puzzle-settings{gap:var(--slide-gap-l);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.slide-puzzle-settings fieldset{border:0;min-width:0;margin:0;padding:0}.slide-puzzle-settings fieldset:nth-child(3),.slide-puzzle-settings fieldset:nth-child(4){grid-column:1/-1}.slide-puzzle-settings legend{margin-bottom:var(--slide-gap-s);font-weight:700}.slide-puzzle-settings legend b{aspect-ratio:1;width:1.9rem;border-radius:var(--radius-s);background:var(--slide-blue);color:var(--slide-paper);place-items:center;margin-inline-end:var(--slide-gap-xs);display:inline-grid}.slide-puzzle-size-options{gap:var(--slide-gap-xs);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.slide-puzzle-size-options button,.slide-puzzle-segmented button,.slide-puzzle-theme-options button,.slide-puzzle-inline-options button{border:1px solid var(--slide-line);border-radius:var(--radius-m);background:var(--slide-paper);color:var(--slide-ink);font:inherit;cursor:pointer;font-weight:700}.slide-puzzle-size-options button{place-items:center;gap:var(--slide-gap-xs);min-height:8rem;padding:var(--slide-space-s);display:grid}.slide-puzzle-size-options button.is-selected,.slide-puzzle-segmented button.is-selected,.slide-puzzle-theme-options button.is-selected,.slide-puzzle-inline-options button.is-selected{border-color:var(--slide-blue);outline:2px solid var(--slide-blue);outline-offset:-3px;background:var(--slide-blue-soft);color:var(--slide-blue-dark)}.slide-puzzle-size-icon{grid-template-columns:repeat(var(--slide-puzzle-option-size), 1fr);aspect-ratio:1;background:currentColor;border:2px solid;gap:1px;width:4.5rem;display:grid}.slide-puzzle-size-icon i{background:var(--slide-paper)}.slide-puzzle-segmented{gap:var(--slide-gap-xs);grid-template-columns:repeat(3,1fr);display:grid}.slide-puzzle-segmented button{place-items:center;gap:var(--slide-gap-xs);min-height:8rem;padding:var(--slide-space-s);font-size:var(--slide-option-label-size);display:grid}.slide-puzzle-segmented button svg{color:var(--slide-blue);font-size:2rem}.slide-puzzle-theme-options{gap:var(--slide-gap-s);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.slide-puzzle-theme-options button{justify-items:center;gap:var(--slide-gap-xs);padding:var(--slide-space-s);font-size:var(--slide-option-label-size);text-align:center;display:grid}.slide-puzzle-preview{aspect-ratio:1;border:1px solid var(--slide-line);background:var(--slide-paper) center / cover no-repeat;flex:none;width:100%;max-width:7rem;margin-inline:auto;display:grid;overflow:hidden}.slide-puzzle-preview.is-number{grid-template-columns:repeat(var(--slide-puzzle-preview-size), 1fr)}.slide-puzzle-preview.is-number i{border:1px solid var(--slide-soft-line);background:var(--slide-number-tile);color:var(--slide-number-accent);font-size:clamp(.42rem, calc(2.8rem / var(--slide-puzzle-preview-size)), 1rem);text-shadow:1px 1px 0 var(--slide-number-shadow-edge), 0 0 25px var(--slide-number-glow);place-items:center;font-style:normal;font-weight:700;line-height:1;display:grid}.slide-puzzle-setting-toggles{gap:var(--slide-gap-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.slide-puzzle-setting-toggles>div{justify-content:space-between;align-items:center;gap:var(--slide-gap-m);min-height:5rem;padding:var(--slide-space-s);border:1px solid var(--slide-line);border-radius:var(--radius-m);display:flex}.slide-puzzle-setting-toggles span{gap:var(--slide-gap-xs);display:grid}.slide-puzzle-setting-toggles small{color:var(--slide-muted)}.slide-puzzle-inline-options{gap:var(--slide-gap-xs);grid-template-columns:repeat(2,1fr);display:grid}.slide-puzzle-inline-options button{border-radius:var(--radius-m);min-width:4rem;min-height:36px;color:var(--slide-muted);padding:0 14px}.slide-puzzle-inline-options button.is-selected{border-color:var(--slide-blue);background:var(--slide-blue);color:var(--slide-paper);outline:0}.slide-puzzle-sound-setting{top:var(--slide-space-l);right:var(--slide-space-l);position:absolute}.slide-puzzle-play-heading{justify-content:space-between;align-items:end;gap:var(--slide-gap-m);padding-bottom:var(--slide-space-m);border-bottom:1px solid var(--slide-line);display:flex}.slide-puzzle-play-heading>div:first-child>span{color:var(--slide-blue);letter-spacing:.1em;font-size:.75rem;font-weight:700}.slide-puzzle-play-heading h2{margin:var(--slide-gap-xs) 0 0}.slide-puzzle-play-heading small{color:var(--slide-muted)}.slide-puzzle-live-stats{align-items:center;gap:var(--slide-gap-s);color:var(--slide-ink);font-variant-numeric:tabular-nums;font-weight:700;display:flex}.slide-puzzle-live-stats>strong{white-space:nowrap}.slide-puzzle-history-option{align-items:center;gap:3px;display:inline-flex}.slide-puzzle-history-option>svg{flex:none;position:relative;top:.08em}.slide-puzzle-message{box-sizing:border-box;min-height:3.75rem;margin:var(--slide-space-m) 0;padding:var(--slide-space-s);border:3px dashed var(--slide-blue);color:var(--slide-ink);align-items:center;font-weight:700;line-height:1.5;display:flex}.slide-puzzle-play-layout{gap:var(--slide-space-l);grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);align-items:start;display:grid}.slide-puzzle-board-column{min-width:0}.slide-puzzle-example{justify-content:flex-end;align-items:center;gap:var(--slide-gap-s);margin-bottom:var(--slide-gap-s);color:var(--slide-muted);font-size:.78rem;font-weight:700;display:flex}.slide-puzzle-example.is-mobile{display:none}.slide-puzzle-example.is-desktop{padding-bottom:var(--slide-space-m);justify-content:flex-start;margin-bottom:0}.slide-puzzle-example .slide-puzzle-preview{width:10rem;max-width:10rem;margin-inline:0}.slide-puzzle-board-wrap{width:min(100%,38rem);margin-inline:0;position:relative}.slide-puzzle-board-wrap.is-timer-paused .slide-puzzle-board{visibility:hidden}.slide-puzzle-board{grid-template-columns:repeat(var(--slide-puzzle-size), 1fr);aspect-ratio:1;width:100%;padding:var(--slide-gap-xs);border:3px solid var(--slide-board-edge);border-radius:var(--radius-s);background:var(--slide-board);gap:var(--slide-gap-xs);touch-action:manipulation;display:grid;overflow:visible}.slide-puzzle-board.is-image-complete{gap:0;padding:0;animation:.36s .42s both slide-puzzle-completion-reveal}.slide-puzzle-tile{border:1px solid var(--slide-tile-border);border-radius:var(--radius-s);background:var(--slide-blue-soft) center / cover no-repeat;min-width:0;min-height:0;color:var(--slide-blue-dark);cursor:pointer;will-change:transform;padding:0;transition:filter .14s;position:relative;overflow:hidden}.slide-puzzle-tile:focus-visible{z-index:2;outline:3px solid var(--slide-yellow);outline-offset:-4px}.slide-puzzle-tile.is-number{border-color:var(--slide-number-tile-border);background:var(--slide-number-tile);color:var(--slide-number-accent)}.slide-puzzle-tile.is-number span{font-size:clamp(2.25rem, calc(12rem / var(--slide-puzzle-size)), 5rem);letter-spacing:-.04em;text-shadow:1px 1px 0 var(--slide-number-shadow-edge), 0 0 25px var(--slide-number-glow);font-weight:700;line-height:1}.slide-puzzle-tile.is-image span{right:var(--slide-gap-xs);bottom:var(--slide-gap-xs);aspect-ratio:1;border-radius:var(--radius-full);background:var(--slide-label-background);min-width:1.45rem;color:var(--slide-ink);place-items:center;font-size:clamp(.6rem,1.5vw,.82rem);font-weight:700;display:grid;position:absolute}.slide-puzzle-tile.is-navigation:after{box-sizing:border-box;border:3px dashed var(--slide-yellow);border-radius:var(--radius-s);background:var(--slide-navigation-background);color:var(--slide-ink);content:var(--slide-navigation-label);text-shadow:-1px -1px 0 var(--slide-number-shadow-edge), 1px -1px 0 var(--slide-number-shadow-edge), -1px 1px 0 var(--slide-number-shadow-edge), 1px 1px 0 var(--slide-number-shadow-edge);white-space:nowrap;writing-mode:horizontal-tb;place-items:end center;font-size:clamp(.55rem,1.7vw,.78rem);font-weight:700;line-height:1.1;display:grid;position:absolute;inset:2px}.slide-puzzle-tile.is-completion-arriving{z-index:3;animation:.42s cubic-bezier(.16,.84,.32,1) both slide-puzzle-completion-piece}.slide-puzzle-board.is-image-complete .slide-puzzle-tile.is-image{border-width:0;border-color:#0000;border-radius:0;transition:border-color .36s .42s,border-radius .36s .42s,border-width .36s .42s,filter .14s}.slide-puzzle-shuffling{z-index:4;top:var(--slide-gap-s);align-items:center;gap:var(--slide-gap-xs);padding:var(--slide-gap-xs) var(--slide-space-s);border:1px solid var(--slide-line);border-radius:var(--radius-full);background:var(--slide-label-background);color:var(--slide-blue-dark);pointer-events:none;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.slide-puzzle-shuffling span{aspect-ratio:1;border:2px solid var(--slide-line);border-top-color:var(--slide-blue);border-radius:50%;width:1rem;margin-inline:auto;animation:.8s linear infinite slide-puzzle-spin}.slide-puzzle-controls{gap:var(--slide-gap-m);display:grid}.slide-puzzle-main-actions{gap:var(--slide-button-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.slide-puzzle-main-actions button{place-items:center;gap:var(--slide-gap-xs);min-height:5rem;padding:var(--slide-space-s);border:1px solid var(--slide-line);border-radius:var(--radius-m);background:var(--slide-paper);color:var(--slide-ink);font:inherit;cursor:pointer;font-weight:700;display:grid}.slide-puzzle-main-actions button svg{font-size:1.35rem}.slide-puzzle-main-actions button.is-active{border-color:var(--slide-blue);background:var(--slide-blue-soft);color:var(--slide-blue-dark)}.slide-puzzle-main-actions .puzzle-game-save-button.is-saved{border-color:var(--puzzle-ui-saved-border);background:var(--puzzle-ui-saved-background);color:var(--puzzle-ui-saved-ink)}.slide-puzzle-main-actions button:disabled{opacity:.45;cursor:default}.slide-puzzle-navigation-control{min-width:0;position:relative}.slide-puzzle-navigation-control>button{width:100%;height:100%}.slide-puzzle-navigation-confirm{z-index:8;bottom:calc(100% + var(--slide-gap-s));width:min(19rem,100vw - 3rem);padding:var(--slide-space-s);border:1px solid var(--slide-line);border-radius:var(--radius-m);background:var(--slide-paper);color:var(--slide-ink);box-shadow:0 4px 14px var(--slide-popup-shadow);animation:.18s ease-out both slide-puzzle-navigation-confirm;position:absolute;left:0}.slide-puzzle-navigation-confirm:after{top:100%;left:var(--slide-space-m);aspect-ratio:1;border-right:1px solid var(--slide-line);border-bottom:1px solid var(--slide-line);background:var(--slide-paper);content:"";width:.75rem;position:absolute;transform:translateY(-50%)rotate(45deg)}.slide-puzzle-navigation-confirm p{margin:0;font-size:.82rem;font-weight:700;line-height:1.65}.slide-puzzle-navigation-confirm>div{gap:var(--slide-button-gap);margin-top:var(--slide-gap-s);grid-template-columns:repeat(2,1fr);display:grid}.slide-puzzle-navigation-confirm button{min-height:2.5rem;padding:var(--slide-gap-xs)}.slide-puzzle-clear-overlay{z-index:10;inset:var(--slide-space-s);padding:var(--slide-space-s);background:color-mix(in srgb, var(--slide-paper) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;display:grid;position:absolute}.slide-puzzle-clear-overlay>div{width:min(100%,21rem);padding:var(--slide-space-m);border:2px solid var(--slide-blue);border-radius:var(--radius-m);background:var(--slide-paper);text-align:center}.slide-puzzle-clear-overlay span{color:var(--slide-orange);letter-spacing:.12em;font-weight:700}.slide-puzzle-clear-overlay h2{margin:var(--slide-gap-xs) 0;color:var(--slide-blue);font-size:clamp(2.5rem,8vw,4rem)}.slide-puzzle-clear-actions{gap:var(--slide-button-gap);margin-top:var(--slide-space-m);display:grid}.slide-puzzle-clear-actions button:not(.puzzle-primary-button){min-height:3rem;padding:var(--slide-space-s);border:1px solid var(--slide-line);border-radius:var(--radius-m);background:var(--slide-paper);color:var(--slide-ink);font:inherit;cursor:pointer;font-weight:700}.slide-puzzle-clear-actions .puzzle-finish-link{grid-column:1/-1;justify-self:center}.slide-puzzle-complete-preview-action{margin-top:var(--slide-space-m);justify-content:center;display:flex}.slide-puzzle-complete-preview-action .puzzle-primary-button{width:min(100%,21rem)}@keyframes slide-puzzle-spin{to{transform:rotate(1turn)}}@keyframes slide-puzzle-completion-piece{0%{opacity:0;transform:translate(-48%,-62%)rotate(-7deg)scale(.76)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes slide-puzzle-completion-reveal{0%{padding:var(--slide-gap-xs);gap:var(--slide-gap-xs)}to{gap:0;padding:0}}@keyframes slide-puzzle-navigation-confirm{0%{opacity:0;transform:translateY(.5rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:820px){:scope{padding-block-end:var(--slide-space-l)}.slide-puzzle-setup,.slide-puzzle-play,.slide-puzzle-library{padding:var(--slide-space-m)}.slide-puzzle-settings,.slide-puzzle-play-layout{grid-template-columns:1fr}.slide-puzzle-settings fieldset:nth-child(3),.slide-puzzle-settings fieldset:nth-child(4){grid-column:auto}.slide-puzzle-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.slide-puzzle-board-wrap{width:min(100%,36rem)}.slide-puzzle-example.is-desktop{display:none}.slide-puzzle-example.is-mobile{display:flex}.slide-puzzle-example .slide-puzzle-preview{width:6.5rem}.slide-puzzle-sound-setting{margin-top:var(--slide-space-m);position:static}}@media (max-width:520px){:scope{--slide-option-label-size:.78rem}.slide-puzzle-shell>.game-rule-details,.slide-puzzle-setup,.slide-puzzle-play,.slide-puzzle-library{margin-top:var(--slide-space-m)}.slide-puzzle-setup,.slide-puzzle-play,.slide-puzzle-library{padding:var(--slide-space-s);border-radius:var(--radius-s)}.slide-puzzle-size-options{grid-template-columns:repeat(4,1fr)}.slide-puzzle-size-options button{min-height:6rem;padding:var(--slide-gap-xs);font-size:.78rem}.slide-puzzle-segmented button{min-height:6rem;padding:var(--slide-gap-xs)}.slide-puzzle-size-icon{width:min(3.5rem,100%)}.slide-puzzle-setting-toggles{grid-template-columns:1fr}.slide-puzzle-play-heading{align-items:stretch;gap:var(--slide-gap-s);flex-direction:column}.slide-puzzle-live-stats{justify-content:space-between;width:100%}.slide-puzzle-message{margin:var(--slide-space-s) 0}.slide-puzzle-board{padding:var(--slide-board-mobile-gap);gap:var(--slide-board-mobile-gap)}.slide-puzzle-main-actions{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr))}.slide-puzzle-main-actions button{min-height:4.5rem;padding:var(--slide-gap-xs);font-size:.7rem}.slide-puzzle-navigation-confirm{width:min(17rem,100vw - 2.5rem)}.slide-puzzle-navigation-confirm button{min-height:2.5rem;padding:var(--slide-gap-xs);font-size:.78rem}}@media (max-width:340px){.slide-puzzle-size-options,.slide-puzzle-theme-options{grid-template-columns:repeat(2,1fr)}}@media (hover:hover) and (pointer:fine){.slide-puzzle-size-options button:hover:not(.is-selected),.slide-puzzle-segmented button:hover:not(.is-selected),.slide-puzzle-theme-options button:hover:not(.is-selected),.slide-puzzle-inline-options button:hover:not(.is-selected),.slide-puzzle-main-actions button:hover:not(.is-selected):not(.is-saved){border-color:var(--slide-blue);background:var(--slide-blue-soft)}.slide-puzzle-inline-options button.is-selected:hover{border-color:var(--slide-blue);background:var(--slide-blue);color:var(--slide-paper)}.slide-puzzle-tile:hover{filter:brightness(1.06)}}@media (prefers-reduced-motion:reduce){.slide-puzzle-tile{transition:none}.slide-puzzle-tile.is-completion-arriving,.slide-puzzle-navigation-confirm,.slide-puzzle-shuffling span{animation:none}}}}