.puzzle-completion{isolation:isolate;text-align:center;color:#f4f7fa;background:radial-gradient(at 50% 37%,#25534c99,#0000 70%),linear-gradient(145deg,#142d36,#0a1725 75%);border:1px solid #91bba076;border-radius:24px;min-width:0;padding:clamp(20px,4vw,36px) clamp(12px,3vw,28px);scroll-margin-top:110px;overflow:hidden}.puzzle-completion-heading{z-index:2;max-width:560px;margin:0 auto;position:relative}.puzzle-completion-eyebrow{color:#d4f79c;letter-spacing:.13em;font-size:10px;font-weight:800;line-height:1.6;display:block}.puzzle-completion-heading h3{letter-spacing:-.025em;margin:10px 0;font-size:clamp(24px,3.3vw,36px);line-height:1.15}.puzzle-completion-heading p{color:#bdd3d5;margin:0;font-size:14px;line-height:1.6}.puzzle-completion-stage{perspective:1200px;place-items:center;min-width:0;padding:clamp(24px,4vw,44px) 14px 36px;display:grid;position:relative}.puzzle-completion-halo{pointer-events:none;background:radial-gradient(#a6edbe37,#0000 68%);border-radius:50%;position:absolute;inset:15% 10% 6%}.puzzle-completion-picture{isolation:isolate;width:min(100%,calc(62svh*var(--puzzle-image-ratio)),44rem);min-width:0;transform-style:preserve-3d;backface-visibility:hidden;background:#0c1a23;border:1px solid #def5dd99;border-radius:12px;position:relative;transform:rotateX(0)rotateY(0)translateZ(0);box-shadow:0 18px 42px #0009,0 0 0 5px #ddf2db0b}.puzzle-completion-image{z-index:1;background:#fff;border-radius:11px;width:100%;height:100%;position:relative;overflow:hidden}.puzzle-completion-image>.kids-art{aspect-ratio:auto;width:100%;height:100%;display:block}.puzzle-completion-image>p{color:#31424d;padding:25px;line-height:1.6}.puzzle-completion-depth{background:linear-gradient(145deg,#a7c4b2,#25403e);border-radius:12px;position:absolute;inset:2px;transform:translateZ(-14px);box-shadow:0 18px 26px #0007}.puzzle-completion-glint{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(110deg,#0000 20%,#fff0 34%,#ffffff40 49%,#fff0 64%,#0000 80%) 140% 0/250% 100%;border-radius:11px;position:absolute;inset:0;transform:translateZ(1px)}.puzzle-completion-quote{color:#e3fac6;text-wrap:balance;max-width:540px;margin:0 auto;font-size:clamp(19px,2.4vw,26px);font-weight:650;line-height:1.5;position:relative}.puzzle-completion-quote>span{color:#a6ce80}.puzzle-completion-status{color:#a9c4cd;max-width:430px;margin:18px auto 0;font-size:11px;line-height:1.6}.puzzle-completion-controls{justify-content:center;min-height:46px;margin-top:14px;display:flex}.puzzle-completion-controls>button{white-space:normal;min-width:150px;max-width:100%;min-height:46px;font-size:12px}.puzzle-completion-controls>button:focus-visible{outline-offset:5px;outline:3px solid #d2ff59}.puzzle-completion.is-playing .puzzle-completion-picture{will-change:transform;animation:6s cubic-bezier(.2,.65,.3,1) both puzzle-image-reveal}.puzzle-completion.is-playing .puzzle-completion-glint{animation:6s ease-in-out both puzzle-image-glint}.puzzle-completion.is-playing .puzzle-completion-halo{animation:6s ease-in-out both puzzle-image-halo}@keyframes puzzle-image-reveal{0%{transform:rotateX(8deg)rotateY(-11deg)translateZ(-30px)}22%{transform:rotateX(-4deg)rotateY(9deg)translateZ(30px)}48%{transform:rotateX(4deg)rotateY(-7deg)translateZ(14px)}76%{transform:rotateX(-2deg)rotateY(4deg)translateZ(24px)}to{transform:rotateX(0)rotateY(0)translateZ(0)}}@keyframes puzzle-image-glint{0%,to{opacity:0;background-position:140% 0}18%{opacity:.65}70%{opacity:.28;background-position:-40% 0}90%{opacity:0;background-position:-40% 0}}@keyframes puzzle-image-halo{0%,to{opacity:.5;transform:scale(.9)}45%{opacity:1;transform:scale(1.06)}}@media (max-width:540px){.puzzle-completion{border-radius:19px;padding:22px 10px}.puzzle-completion-heading{padding:0 8px}.puzzle-completion-eyebrow{font-size:9px}.puzzle-completion-stage{padding:27px 13px 31px}.puzzle-completion-picture{width:min(100%,calc(57svh*var(--puzzle-image-ratio)))}.puzzle-completion-quote{padding:0 10px;font-size:20px}.puzzle-completion-status{padding:0 10px}}@media (prefers-reduced-motion:reduce){.puzzle-completion.is-playing .puzzle-completion-picture,.puzzle-completion.is-playing .puzzle-completion-glint,.puzzle-completion.is-playing .puzzle-completion-halo{will-change:auto;animation:none!important}.puzzle-completion-picture{transform:none!important}.puzzle-completion-glint{display:none}}
.jigsaw-workspace{min-width:0;color:var(--kids-ink,#f4f7fa)}.jigsaw-heading,.jigsaw-tools,.jigsaw-actions,.jigsaw-zoom,.jigsaw-tray-heading,.jigsaw-pagination{justify-content:space-between;align-items:center;gap:12px;display:flex}.jigsaw-heading{margin:26px 0 18px}.jigsaw-heading h2{letter-spacing:-.03em;margin:8px 0;font-size:clamp(25px,3vw,36px);line-height:1.2}.jigsaw-heading p,.jigsaw-heading>span{color:#b8cbd7;margin:0;font-size:13px;line-height:1.6}.jigsaw-tools{background:#122633;border:1px solid #365567;border-radius:16px;flex-wrap:wrap;margin-bottom:16px;padding:12px}.jigsaw-zoom,.jigsaw-actions{flex-wrap:wrap;justify-content:flex-start}.jigsaw-zoom output{text-align:center;color:#d7eddf;min-width:72px;font-size:12px;font-weight:750}.jigsaw-zoom>.kids-button{min-width:44px;padding:10px 13px}.jigsaw-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.jigsaw-table{min-width:0}.jigsaw-instructions{color:#d4e2e8;max-width:700px;margin:0 0 12px;font-size:13px;line-height:1.65}.jigsaw-viewport{overscroll-behavior:contain;scrollbar-color:#65858e #112632;scrollbar-width:thin;touch-action:pan-x pan-y;background:radial-gradient(at 50% 30%,#2a4b56,#142a37 78%);border:1px solid #436577;border-radius:20px;min-height:200px;max-height:70svh;overflow:auto}.jigsaw-board-layer{background:#091c27;min-width:100%;position:relative}.jigsaw-board-layer>canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.jigsaw-board-layer>svg{-webkit-user-select:none;user-select:none;outline:none;max-width:none;display:block;position:absolute;inset:0;overflow:hidden}.jigsaw-board-layer>svg:focus-visible{outline-offset:-4px;outline:3px solid #d2ff59}.jigsaw-board-surface{fill:#0000;stroke:#7a9caa;stroke-width:1.2px;vector-effect:non-scaling-stroke}.jigsaw-piece-shape{stroke:#09141f;stroke-opacity:.75;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;paint-order:fill stroke}.jigsaw-board-piece{cursor:grab;touch-action:none}.jigsaw-board-piece:active{cursor:grabbing}.jigsaw-board-piece.is-selected .jigsaw-piece-shape,.jigsaw-board-piece:focus-visible .jigsaw-piece-shape{stroke:#d2ff59;stroke-width:2.5px;stroke-opacity:1}.jigsaw-board-piece.is-snapped{pointer-events:none;cursor:default}.jigsaw-board-piece.is-snapped .jigsaw-piece-shape{stroke:#fff6;stroke-width:.65px}.jigsaw-ghost{pointer-events:none;opacity:.7}.jigsaw-ghost .jigsaw-piece-shape{stroke:#d2ff59;stroke-width:2px;stroke-opacity:1}.jigsaw-help,.jigsaw-keyboard{color:#a6c2d0;margin:12px 0;font-size:12px;line-height:1.65}.jigsaw-keyboard summary{cursor:pointer;outline-offset:4px;align-items:center;min-height:44px;display:flex}.jigsaw-keyboard p{margin:0 0 12px}.jigsaw-tray{background:linear-gradient(150deg,#1b3644,#102532);border:1px solid #365567;border-radius:20px;min-width:0;padding:16px}.jigsaw-tray-heading{flex-wrap:wrap;align-items:flex-start;margin-bottom:12px}.jigsaw-tray h3{margin:0;font-size:18px}.jigsaw-tray-heading label{color:#b5d0d6;align-items:center;gap:7px;min-height:44px;font-size:11px;line-height:1.4;display:flex}.jigsaw-tray-heading input{accent-color:#d2ff59;width:17px;height:17px}.jigsaw-tray-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.jigsaw-tray-piece{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;min-width:0;min-height:64px;padding:6px;display:grid}.jigsaw-tray-art{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.jigsaw-tray-piece:hover{background:#203f4c}.jigsaw-tray-piece.is-selected{border-color:#d2ff59;box-shadow:0 0 0 2px #d2ff59}.jigsaw-tray-piece:focus-visible,.jigsaw-workspace button:focus-visible,.jigsaw-keyboard:focus-visible{outline-offset:3px;outline:3px solid #d2ff59}.jigsaw-pagination{gap:8px;margin-top:14px}.jigsaw-pagination>.kids-button{min-width:44px;padding:10px}.jigsaw-pagination>span{color:#d0e3e8;text-align:center;font-size:11px}.jigsaw-selection{border-top:1px solid #52717a;margin-top:14px;padding-top:14px;font-size:12px;line-height:1.6}.jigsaw-selection p{color:#b9d0d7;margin:8px 0 12px}.jigsaw-selection>.kids-button{width:100%}.jigsaw-selection>.kids-text-button{width:100%;display:block}.jigsaw-workspace>.kids-save-note{color:#acc7b5;margin-top:16px;font-size:12px;line-height:1.6}.jigsaw-count-select{color:#b9d2df;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;font-size:13px;display:flex}.jigsaw-count-select select{font:inherit;color:#e9f2f7;background:#163243;border:1px solid #5e8090;border-radius:12px;max-width:100%;min-height:46px;padding:10px 36px 10px 14px}@media (max-width:1100px){.jigsaw-layout{grid-template-columns:minmax(0,1fr) 250px}.jigsaw-tray{padding:12px}.jigsaw-tray-grid{gap:7px}.jigsaw-tray-piece{min-height:58px;padding:4px}}@media (max-width:740px){.jigsaw-layout{grid-template-columns:1fr}.jigsaw-tray-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.jigsaw-tray-piece{min-height:48px}.jigsaw-viewport{min-height:240px;max-height:62svh}.jigsaw-heading{align-items:flex-start}.jigsaw-tools{gap:10px}.jigsaw-zoom,.jigsaw-actions{gap:7px}.jigsaw-tools .kids-button{font-size:12px}.jigsaw-tray-heading{align-items:center}.jigsaw-selection{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.jigsaw-selection p{flex-basis:100%;margin:0 0 4px}.jigsaw-selection>.kids-button,.jigsaw-selection>.kids-text-button{flex:1;width:auto}.jigsaw-keyboard summary{font-size:11px}}@media (max-width:420px){.jigsaw-tray-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.jigsaw-tray-piece{min-height:58px}.jigsaw-tools{padding:10px}.jigsaw-zoom output{min-width:58px}.jigsaw-actions{width:100%}.jigsaw-actions>.kids-button{flex:1}.jigsaw-viewport{border-radius:15px}.jigsaw-heading h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.jigsaw-viewport{scroll-behavior:auto}.jigsaw-tray-piece{transition:none}}.jigsaw-viewport.is-panning .jigsaw-board-piece{touch-action:pan-x pan-y;cursor:grab}.jigsaw-zoom button[aria-pressed=true]{color:#e1ffbd;background:#304936;border-color:#d2ff59}