.motion-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto;flex-wrap:wrap}.motion-controls span{font-size:13px;color:#807080}.puzzle-stage{display:flex;align-items:center;justify-content:center;gap:10px;min-height:260px;padding:20px 0}.puzzle-host{transform:scale(.7);margin-left:-40px;margin-right:-35px}.puzzle-board{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;background:#f2e6d1;border:6px solid #fffaf2;border-radius:28px;padding:24px 16px;max-width:650px;box-shadow:inset 0 4px 15px #b19d8e20}.puzzle-piece,.puzzle-slot{position:relative;width:120px;height:96px;min-height:96px;padding:0;border:0;background:transparent;border-radius:0;display:inline-grid;place-items:center;user-select:none;-webkit-user-select:none}.puzzle-piece svg,.puzzle-slot svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 4px 1px #baa6b6)}.puzzle-piece svg path{fill:#edc7b6;stroke:#fff6ed;stroke-width:3}.puzzle-piece:nth-child(3n+2) svg path{fill:#c1dcd2}.puzzle-piece:nth-child(3n) svg path{fill:#d5c8e4}.puzzle-slot svg path{fill:#e9dac5;stroke:#bda489;stroke-width:2;stroke-dasharray:5 4}.puzzle-piece span,.puzzle-slot span{position:relative;z-index:1;font-size:21px;font-weight:800;max-width:82%;overflow-wrap:anywhere;pointer-events:none}.puzzle-slot span{color:#b09d8e;font-size:18px}.puzzle-slot.snapped svg path{fill:#c2dfc5;stroke:#8bb68d;stroke-dasharray:none}.puzzle-slot.snapped span{color:#3b4d3b;font-size:21px}.shape-1 svg{rotate:180deg}.shape-2 svg{scale:-1 1}.puzzle-tray{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:20px;background:#fffcf6;border:3px solid white;border-radius:24px;margin:18px auto;max-width:800px}.puzzle-piece{touch-action:none;cursor:grab}.puzzle-piece:disabled{visibility:hidden;min-height:0;height:12px;width:12px}.puzzle-piece.selected-piece svg{filter:drop-shadow(0 0 5px #775287)}.puzzle-piece.selected-piece{translate:0 -8px}.puzzle-piece.lifting{opacity:.25}.puzzle-piece.drag-ghost{position:fixed!important;z-index:500;transform:translate(-50%,-50%) rotate(-5deg);pointer-events:none;opacity:.95}.puzzle-piece:focus-visible,.puzzle-slot:focus-visible{outline:3px solid #8e6a9e;outline-offset:0;border-radius:12px}.puzzle-workshop{padding-bottom:10px}.puzzle-workshop .task-title{font-size:30px}.puzzle-workshop .task-title>span:first-child:only-child{font-size:36px}
@keyframes piece-snap{0%{scale:1.15;rotate:-4deg}100%{scale:1;rotate:0deg}}@media(prefers-reduced-motion:no-preference){.puzzle-slot.snapped{animation:piece-snap .25s}}
@media(max-width:600px){.puzzle-stage{position:relative;min-height:260px;padding:16px 0 40px;display:block}.puzzle-host{position:absolute;bottom:-50px;left:-65px;transform:scale(.38);transform-origin:left bottom;margin:0;opacity:.9}.puzzle-board{padding:14px 5px;gap:0;border-width:4px;border-radius:20px;position:relative;z-index:2;max-width:100%;margin:auto;min-height:180px}.puzzle-piece,.puzzle-slot{width:92px;height:78px;min-height:78px}.puzzle-piece span,.puzzle-slot.snapped span{font-size:17px;max-width:80%}.puzzle-slot span{font-size:14px}.puzzle-tray{gap:5px;padding:12px 5px;margin:10px auto}.puzzle-workshop .task-title{font-size:23px}.motion-controls{margin:12px auto;gap:8px}.motion-controls span{font-size:12px;text-align:center}.words .actions{padding-right:0}.puzzle-workshop{min-height:360px}}
.character.fox,.character.dad,.character.grandpa{clip-path:inset(10px 0 0)}
@media(max-width:600px){.puzzle-host{left:-5px;bottom:-8px;transform:scale(.32);opacity:1}.puzzle-stage{padding-bottom:90px;min-height:285px}}