@font-face{font-family:Baloo;src:url('../../../kit/fonts/baloo2-pilot.ttf');font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:#102b3d;font-family:Baloo,system-ui,sans-serif}body{min-height:100svh;background:#d7ab71 url('workshop-r7.webp') center/cover fixed}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#073e35;color:white}header a{color:white;text-decoration:none;display:flex;align-items:center;min-height:48px;min-width:48px}header span{font-size:15px}main{max-width:1360px;margin:auto;padding:6px 10px}.book-title{font-size:13px;line-height:1.15;margin:0}h1{font-size:29px;line-height:1.1;margin:2px 0}.intro{font-size:16px;line-height:1.1;margin:0}.book-title,h1,.intro{background:#fff6e5;width:fit-content;box-shadow:4px 0 #fff6e5,-4px 0 #fff6e5}#stage{position:relative}.guide-scene{height:108px;position:relative}#clara{position:absolute;width:110px;height:110px;object-fit:contain;left:0;bottom:0;filter:drop-shadow(0 3px 2px #102b3d55);transition:transform .2s}.bubble{position:absolute;right:0;top:7px;width:calc(100% - 112px);background:#fff6c5;border:2px solid #102b3d;border-radius:16px;padding:7px}.bubble h2{font-size:18px;line-height:1.05;margin:0}.bubble p{font-size:14px;line-height:1.1;margin:4px 0 0;min-height:0}.bubble p:empty{display:none}#activity-shell{position:relative}#progress{position:absolute;top:-15px;right:0;margin:0;padding:1px 8px;border:2px solid #102b3d;border-radius:20px;background:#fff6c5;font-size:14px;line-height:1.15;z-index:2}.garden-gadgets,.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.garden-gadgets{padding:5px 0 8px}.gadget{position:relative;min-width:0;min-height:118px;border:0;background:transparent;color:#102b3d;padding:0;touch-action:manipulation}.device-art{display:block;width:100%;height:94px;object-fit:contain;filter:drop-shadow(0 5px 3px #102b3d66);pointer-events:none}.gadget-label{display:block;background:#fff6c5;border:2px solid #102b3d;border-radius:9px;font-size:16px;line-height:1.1;padding:3px}.gadget.over .device-art{transform:translateY(-4px)}.gadget.over .gadget-label{background:#ffdc47}.gadget:disabled{opacity:1;color:#102b3d}.fixed .gadget-label{background:#bef5ae}.snap{position:absolute;top:8px;right:12%;pointer-events:none}.snap img{width:40px;height:40px;object-fit:contain}.choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px 0}.helper{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;min-height:88px;padding:3px;background:#fff6c5;border:2px solid #102b3d;border-radius:12px;color:#102b3d;font-size:13px;line-height:1.05;touch-action:none;user-select:none;text-align:center}.care-art{display:block;height:56px;width:62px;object-fit:contain;pointer-events:none}.helper span{pointer-events:none}.helper[aria-pressed=true]{background:#ffdc47;outline:3px solid #102b3d;outline-offset:1px}.helper:disabled{opacity:1;background:#bef5ae;color:#102b3d;cursor:default}.helper:disabled img{opacity:.6}.dragging{opacity:.45}.drag-ghost{position:fixed;transform:translate(-50%,-50%) rotate(-6deg);pointer-events:none!important;z-index:20;width:110px;padding:6px;background:#ffdc47;border:2px solid #102b3d;border-radius:12px;font:16px/1.1 Baloo,system-ui;text-align:center;box-shadow:0 9px 12px #102b3d88}.drag-ghost img{display:block;height:70px;width:70px;object-fit:contain;margin:auto}.bounce{animation:bounce .35s}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:2px;box-shadow:0 0 0 6px #102b3d}#clara.happy{transform:rotate(-8deg) scale(1.07)}#ending{position:relative;text-align:center;background:#fff6c5;border:3px solid #102b3d;border-radius:22px;padding:14px;margin-top:8px;box-shadow:0 5px #542a12}#ending h2{font-size:27px;line-height:1.05;margin:0 0 5px}.final-art{display:flex;justify-content:center;height:125px}.final-art img{width:120px;height:125px;object-fit:contain;filter:drop-shadow(0 4px 3px #102b3d44)}#care-recap{font-size:17px;line-height:1.2;margin:8px 0 14px;padding:0;list-style:none}.actions{display:flex;gap:10px;justify-content:center}.actions>*{display:flex;align-items:center;justify-content:center;min-height:52px;padding:6px 12px;border:3px solid #102b3d;border-radius:14px;background:#073e35;color:white;font:18px Baloo,system-ui;text-decoration:none}.confetti{position:absolute;top:65px;right:15px;pointer-events:none;animation:party .8s alternate infinite}.confetti img{object-fit:contain}.skip{position:fixed;top:-100px;background:white;z-index:30;padding:12px;color:#102b3d}.skip:focus{top:0}[hidden]{display:none!important}@keyframes party{to{transform:translateY(4px) rotate(3deg)}}@keyframes bounce{25%{transform:translateY(-8px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(3deg)}}
@media(min-width:800px){header{height:52px;padding:0 28px;font-size:20px}main{padding:18px 28px}.book-title{font-size:16px}h1{font-size:46px}.intro{font-size:23px;margin:5px 0 12px}.guide-scene{height:620px;width:30%}#clara{width:100%;height:430px;bottom:20px}.bubble{top:10px;left:0;width:100%;padding:16px;z-index:2}.bubble h2{font-size:26px}.bubble p{font-size:21px}#activity-shell,#ending{position:absolute;right:0;top:18px;width:66%}#progress{top:-20px;font-size:18px}.garden-gadgets{gap:12px;padding:10px 0 12px}.gadget{min-height:200px}.device-art{height:174px}.gadget-label{font-size:21px}.helper{font-size:18px;min-height:135px;gap:4px}.care-art{height:95px;width:110px}.choices{gap:10px;padding:12px 0}.snap img{width:56px;height:56px}#ending{padding:22px}#ending h2{font-size:36px}.final-art{height:220px}.final-art img{height:220px;width:220px}#care-recap{font-size:23px;margin:12px auto 18px}.actions>*{font-size:23px;min-height:56px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.snap{display:flex;align-items:center}.snap img:first-child{width:48px;height:64px}.snap img+img{width:28px;height:28px}.complete #instruction{display:none}