.science-workshop{border:3px solid var(--ink);border-radius:22px;background:#fff7e6;padding:14px;margin:16px 0;box-shadow:0 5px 0 #d9c7a2;min-width:0}
.science-workshop h3{margin:0 0 8px;font:24px var(--f-display)}.science-workshop p{font-size:15px;line-height:1.5;margin:8px 0}
.ws-scene{position:relative;width:100%;max-width:500px;margin:12px auto;background:#e8f3ee;border-radius:18px;overflow:hidden;border-bottom:6px solid #aa9674;aspect-ratio:360/280}
.ws-scene>svg{display:block;width:100%;height:100%;object-fit:contain}.ws-target{position:absolute;transform:translate(-50%,-50%);background:#fffdf5eF;border:2px dashed #7a6959;border-radius:12px;min-width:70px;max-width:43%;min-height:44px;font:700 13px/1.2 var(--f-body);padding:5px;overflow-wrap:anywhere}
.ws-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ws-tool,.ws-reset{border:2px solid var(--ink);border-radius:12px;background:#fff;min-height:44px;min-width:44px;padding:8px 12px;cursor:pointer}.ws-tool{touch-action:none;display:flex;gap:6px;align-items:center}.ws-tool b{font-size:15px}.ws-tool.selected,.ws-target.hover{background:#ffe79c;outline:3px solid #e7a53c}.ws-tool.ws-done,.ws-target.ws-found{background:#d7f0db;border-color:#457b50}.ws-target.ws-wrong{background:#ffded2}.ws-feedback{min-height:46px;color:#315b55}.ws-count{font-weight:700;color:#387150}.ws-reset{font-size:14px}.ws-water-flow{opacity:0;stroke-dasharray:12 16}.ws-watered .ws-water-flow{opacity:1;animation:wsFlow 2s linear 3}.ws-leaves{transform-origin:180px 140px}.ws-watered .ws-leaves{animation:wsLeaf 2s ease-in-out 3}.science-workshop[data-motion=tail] .ws-fish{animation:wsFish 1.2s ease-in-out 3}.science-workshop[data-motion=fin] .ws-fin{transform-box:fill-box;transform-origin:50% 0;animation:wsLeaf .6s ease-in-out 4}.science-workshop[data-motion=wing] .ws-wing{transform-box:fill-box;transform-origin:0 50%;animation:wsLeaf .8s ease-in-out 4}
@keyframes wsFlow{to{stroke-dashoffset:-56}}@keyframes wsLeaf{50%{transform:rotate(6deg)}}@keyframes wsFish{50%{transform:translateX(-12px)}}
@media(prefers-reduced-motion:reduce){.science-workshop *{animation:none!important}}
.ws-rack-bottle,.ws-trash{opacity:.15;transition:opacity .5s}.ws-placed-flask .ws-rack-bottle,.ws-placed-paper .ws-trash{opacity:1}.ws-spill{transition:opacity .8s,transform .8s;transform-box:fill-box;transform-origin:center}.ws-placed-spill .ws-spill{opacity:0;transform:scaleX(.3)}
/* Keep the positioning transform when the shared drag engine highlights a target. */
.science-workshop .ws-target.hover,.science-workshop .ws-target.drag-destination{transform:translate(-50%,-50%)!important;scale:1!important}