.image-puzzle-board{--ip-socket-bg: var(--sk-bg-elev);--ip-socket-line: var(--sk-line);--ip-highlight: var(--sk-accent);--ip-ease: cubic-bezier(.2, .8, .2, 1);background:var(--ip-socket-bg)}.image-puzzle-sockets,.image-puzzle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.image-puzzle-sockets path{fill:none;stroke:var(--ip-socket-line);stroke-width:1.5;stroke-dasharray:4 4}.image-puzzle-overlay{z-index:2}.image-puzzle-overlay__target{fill:color-mix(in srgb,var(--ip-highlight) 18%,transparent);stroke:var(--ip-highlight);stroke-width:2.5;stroke-linejoin:round}.image-puzzle-overlay__selected{fill:none;stroke:var(--ip-highlight);stroke-width:3;stroke-linejoin:round;stroke-dasharray:7 5}.image-puzzle-piece{position:absolute;top:0;left:0;z-index:1;padding:0;border:0;background:none;pointer-events:none;transform-origin:center;filter:drop-shadow(0 1px 1px rgb(20 19 15 / .35)) drop-shadow(0 3px 6px rgb(20 19 15 / .22));transition:transform .2s var(--ip-ease),filter .2s ease;-webkit-tap-highlight-color:transparent}.image-puzzle-piece:focus-visible{outline:none}.image-puzzle-piece:focus-visible .image-puzzle-piece__edge path{stroke:var(--ip-highlight);stroke-width:4}.image-puzzle-piece__face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-repeat:no-repeat;pointer-events:auto;cursor:grab;touch-action:none}.image-puzzle-piece__edge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.image-puzzle-piece__edge path{fill:none;stroke:#ffffff73;stroke-width:2.5;stroke-linejoin:round;transition:stroke .3s ease}.image-puzzle-piece.is-selected{filter:drop-shadow(0 2px 2px rgb(20 19 15 / .35)) drop-shadow(0 8px 14px rgb(20 19 15 / .28))}.image-puzzle-piece.is-dragging{z-index:4;filter:drop-shadow(0 4px 3px rgb(20 19 15 / .3)) drop-shadow(0 14px 22px rgb(20 19 15 / .3));transition:filter .15s ease}.image-puzzle-piece.is-dragging .image-puzzle-piece__face,.image-puzzle-board.is-dragging .image-puzzle-piece__face{cursor:grabbing}.image-puzzle-piece.is-locked{filter:none}.image-puzzle-piece.is-locked .image-puzzle-piece__face{cursor:default}.image-puzzle-piece.is-locked .image-puzzle-piece__edge path{stroke:#ffffff1f;stroke-width:1.5}.image-puzzle-piece.is-snapping .image-puzzle-piece__face{animation:image-puzzle-snap .45s ease-out}.image-puzzle-board.is-solved .image-puzzle-piece__edge path{stroke:#fff0}.image-puzzle-peek{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background-repeat:no-repeat;pointer-events:none;opacity:0;transition:opacity .16s ease}.image-puzzle-board.is-peeking .image-puzzle-peek{opacity:1}.image-puzzle-reference{position:relative;display:block;height:4rem;flex-shrink:0;padding:0;overflow:hidden;border:2px solid var(--sk-bg-elev);border-radius:.5rem;background-color:var(--sk-bg-elev);background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 1px var(--sk-line),0 4px 10px #14130f1f;cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ip-ease, ease),box-shadow .16s ease}@media (min-width: 640px){.image-puzzle-reference{height:5.5rem}}.image-puzzle-reference:focus-visible{outline:2px solid var(--sk-accent);outline-offset:2px}.image-puzzle-reference.is-active{transform:scale(.96);box-shadow:0 0 0 2px var(--sk-accent),0 2px 4px #14130f1f}.image-puzzle-reference__badge{position:absolute;right:.25rem;bottom:.25rem;display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:9999px;background:#14130fa6;color:#fff}.image-puzzle-reference__badge svg{width:.75rem;height:.75rem}@media (min-width: 640px){.image-puzzle-reference__badge{width:1.375rem;height:1.375rem}.image-puzzle-reference__badge svg{width:.875rem;height:.875rem}}.image-puzzle-difficulty{display:inline-flex;height:2rem;padding:.1875rem;gap:.125rem;border:1px solid var(--sk-line);border-radius:9999px;background:var(--sk-bg-card)}.image-puzzle-difficulty__option{padding:0 .875rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:var(--sk-ink-soft);transition:background-color .15s ease,color .15s ease}.image-puzzle-difficulty__option:hover{color:var(--sk-ink);background:var(--sk-bg-elev)}.image-puzzle-difficulty__option[aria-pressed=true]{color:var(--sk-bg-card);background:var(--sk-ink)}.image-puzzle-difficulty__option:focus-visible{outline:2px solid var(--sk-accent);outline-offset:1px}@keyframes image-puzzle-snap{0%{filter:brightness(1)}35%{filter:brightness(1.25)}to{filter:brightness(1)}}@media (prefers-reduced-motion: reduce){.image-puzzle-piece,.image-puzzle-piece.is-dragging{transition:none}.image-puzzle-piece.is-snapping .image-puzzle-piece__face{animation:none}.image-puzzle-peek,.image-puzzle-reference{transition:none}}