.shape-builder-workshop{--hot:#ef8a78;--deep:#a6575b;--ink:#4d4d66;background:linear-gradient(180deg,#ace4e5,#f6e8c4 66%,#d69b58 0)}.shape-builder-workshop .prek-immersive-heading p{color:#557b74}.shape-builder-workshop.is-immersive .prek-machine{background:#e89878;box-shadow:0 10px 0 #a85d52,0 22px 42px #4f443740}.shape-builder-workshop.is-immersive .prek-prompt,.shape-builder-workshop.is-immersive .prek-status{background:#fffaf0e5;box-shadow:0 7px 20px #51493630}.shape-builder-workshop.is-immersive .prek-stars svg{color:#9ba8a1;fill:#dce7dc}.shape-builder-workshop.is-immersive .prek-stars svg.is-done{color:#d18d19;fill:#ffda57}.shape-builder-workshop.is-immersive .prek-stars svg.is-current{color:#a95b54;fill:#f29c86}.shape-builder-workshop .sbw-scene{position:absolute;z-index:0;inset:0;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;padding:0;border:0;border-radius:0;background:#a5dcd2;box-shadow:none}.shape-builder-workshop .sbw-scene:before{display:none}.sbw-background{z-index:0;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;object-position:center center;image-rendering:auto;filter:saturate(1.01) contrast(1.02);transform:translateZ(0);backface-visibility:hidden}.sbw-background,.sbw-light{position:absolute!important}.sbw-light{z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 35% 27%,#fff5 0 8%,transparent 34%),linear-gradient(180deg,#fff1,transparent 42%,#6e3c1610);mix-blend-mode:soft-light}.sbw-target{position:absolute;z-index:8;top:20%;left:50%;display:grid;width:clamp(170px,22vw,238px);justify-items:center;transform-origin:50% 80%}.sbw-target:before{content:"";position:absolute;z-index:-1;top:18px;left:50%;width:112%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fffbd88f 0 29%,#84e6d55c 48%,transparent 72%);opacity:0;transform:translateX(-50%) scale(.8);transition:opacity .18s ease,transform .18s ease,filter .18s ease}.sbw-target.is-drop-ready:before{opacity:.58;transform:translateX(-50%) scale(1)}.sbw-target.is-drag-over:before{opacity:1;filter:saturate(1.2) drop-shadow(0 0 18px #fff5a9c9);transform:translateX(-50%) scale(1.13)}.sbw-target-kicker{margin-bottom:2px;color:#fffdf4;font-size:clamp(14px,1.7vw,19px);font-weight:1000;letter-spacing:.02em;text-shadow:0 2px 4px #426961a8}.sbw-target-svg{display:block;width:clamp(142px,18vw,205px);height:clamp(142px,18vw,205px);overflow:visible;filter:drop-shadow(0 12px 2px #64432b38) drop-shadow(0 -2px 0 #fff5)}.sbw-target strong{margin-top:-3px;color:#fffdf4;font-size:clamp(23px,3vw,34px);font-weight:1000;letter-spacing:-.035em;text-shadow:0 3px 0 #6b617a,0 6px 10px #4a3f4f45}.sbw-target.is-solved .sbw-target-svg{filter:drop-shadow(0 0 16px #fff9a9) drop-shadow(0 12px 2px #64432b38)}.sbw-target.is-drag-over .sbw-target-svg{filter:drop-shadow(0 0 18px #fff6a8) drop-shadow(0 12px 2px #64432b38)}.sbw-target.is-drag-over .sbw-target-kicker{color:#fff49b;transform:scale(1.08)}.sbw-target-part.is-placed{animation:sbw-piece-fit .48s cubic-bezier(.2,1.45,.45,1) both;transform-box:fill-box;transform-origin:center}.sbw-choices{position:absolute;z-index:10;right:7%;bottom:10.5%;left:7%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2.4vw,34px);align-items:end;transform:translateZ(0)}.sbw-choices button{position:relative;display:grid;min-width:0;min-height:clamp(120px,14vw,166px);padding:0;place-items:center;cursor:grab;border:0;color:inherit;background:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sbw-choices button:after{content:"";position:absolute;z-index:-1;right:10%;bottom:2%;left:10%;height:17%;border-radius:50%;background:#6439143d;filter:blur(9px)}.sbw-choices button:focus-visible{outline:5px solid #fff264;outline-offset:2px}.sbw-choices button:disabled{cursor:default}.sbw-choices button:active{cursor:grabbing}.sbw-choices button.is-dragging{opacity:.22}.sbw-choices button.is-placed{opacity:0;pointer-events:none;transform:scale(.7)}.sbw-choices button.is-wrong{animation:sbw-gentle-shake .5s ease-in-out}.sbw-piece-svg{display:block;width:min(100%,158px);height:auto;overflow:visible;filter:drop-shadow(0 9px 2px #5e3d2838) drop-shadow(0 -2px 0 #fff4)}.sbw-drag-ghost{position:fixed;z-index:70;width:clamp(108px,13vw,158px);pointer-events:none;transform:translate(-50%,-50%) scale(1.08) rotate(-2deg);transform-origin:center;filter:drop-shadow(0 17px 12px #4d2f253b);will-change:left,top,transform}.sbw-drag-ghost.is-over-target{transform:translate(-50%,-50%) scale(.92) rotate(0deg);filter:drop-shadow(0 0 17px #fff0a8) drop-shadow(0 11px 8px #4d2f2530)}.sbw-drag-ghost .sbw-piece-svg{width:100%}.sbw-feedback{position:absolute!important;z-index:15;top:18%;right:5%;margin:0;color:#fff8c9;font-size:clamp(24px,3.5vw,42px);font-weight:1000;letter-spacing:-.035em;text-shadow:0 3px 0 #3c8d6a,0 7px 13px #34584055}@keyframes sbw-gentle-shake{0%,to{transform:translateX(0) rotate(0)}25%{transform:translateX(-8px) rotate(-3deg)}55%{transform:translateX(7px) rotate(2.5deg)}78%{transform:translateX(-3px) rotate(-1deg)}}@keyframes sbw-piece-fit{0%{opacity:.4;transform:scale(.66) rotate(-6deg)}62%{opacity:1;transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (max-width:760px){.sbw-background{object-position:50% center}.sbw-target{top:23%;width:190px}.sbw-target-svg{width:160px;height:160px}.sbw-choices{right:2%;bottom:10%;left:2%;gap:5px}.sbw-choices button{min-height:108px}.sbw-piece-svg{width:min(100%,130px)}.sbw-feedback{top:20%;right:3%;font-size:25px}}@media (max-width:520px){.sbw-target{top:25%;width:155px}.sbw-target-kicker{font-size:13px}.sbw-target-svg{width:126px;height:126px}.sbw-target strong{font-size:22px}.sbw-choices{bottom:10%;gap:5px}.sbw-choices button{min-height:92px}.sbw-piece-svg{width:100px}.sbw-feedback{top:23%;font-size:21px}}@media (prefers-reduced-motion:reduce){.sbw-choices button.is-wrong,.sbw-target-part.is-placed{animation:none!important}.sbw-drag-ghost,.sbw-target:before{transition:none!important}}