/* Pictures carry the instructions; words are optional for the accompanying adult. */
.playing .site-header{height:88px}.playing .site-footer{padding-top:14px}
.game-layout{max-width:1030px;margin:auto}.game-topline{margin:0 0 9px;gap:12px}.game-heading h1{font-size:22px;margin:6px 0 12px}.game-heading .game-hint{margin:0}
.picture-steps{gap:10px}.picture-steps .step{position:relative}.picture-steps .step-circle{width:48px;height:48px;border-radius:15px;background:#e9ecdf;padding:6px;border:2px solid transparent}.picture-steps .step-circle>svg{width:100%;height:100%}.picture-steps .step.active .step-circle{background:#fffdf0;border-color:#749660;box-shadow:0 3px 0 #55744824}.picture-steps .step.done .step-circle{background:#e2ebce}.step-check{position:absolute;right:-5px;bottom:-4px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font-size:11px;background:#63864b;color:#fff}.picture-steps .step-line{width:18px}.picture-steps .step-label{display:none!important}
.demo-button{background:#fffdf3;border:1px solid #d9e2ca;min-width:52px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:3px}.demo-button svg{width:25px;height:25px}.demo-button span{font-size:16px;font-weight:800}.back-button{height:48px}
.game-board>svg{max-height:51vh;min-height:300px}.game-board .bug-dialogue{font-size:12px;top:14%;padding:8px 13px}.game-board .vitality{top:12px;right:13px}.vitality>span{display:none}.game-board .feedback{display:flex;align-items:center;gap:10px}.feedback svg{width:30px;height:30px}
.care-tray,.return-tray{max-width:630px;margin:12px auto 0;padding:9px 14px 13px;background:#e8ecd9;border:1px solid #d8dfc8;border-radius:24px;box-shadow:0 4px 0 #3255350d}.tray-guide{display:flex;align-items:center;justify-content:space-between;height:36px;margin:0 2px 8px}.tray-hand{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#6d825e}.tray-hand>svg{width:25px;height:25px}.picture-guide{display:flex;gap:5px;align-items:center;height:38px}.picture-guide>svg{width:38px;height:38px}.picture-guide>svg[viewBox="0 0 24 24"]{width:21px;height:21px}
.tool-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{position:relative;background:#fffdf4;border:3px solid #d5ddc5;border-radius:18px;padding:7px 13px 6px;min-width:0;min-height:106px;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:0 4px 0 #cbd4b9}.tool-card>svg{width:74px;height:74px;max-width:100%}.tool-name{font-size:10px;font-weight:700;color:#6e7e60}.tool-card[aria-pressed=true]{background:#f4f9e8;border-color:#64894b;box-shadow:0 4px 0 #55793d;translate:0 -3px}.tool-card[aria-pressed=true]>svg{transform:rotate(-5deg)}.tool-check{position:absolute;right:5px;top:5px;display:none;width:21px;height:21px;padding:3px;background:#64894b;border-radius:50%;color:white}.tool-check svg{width:100%;height:100%}.tool-card[aria-pressed=true] .tool-check{display:block}.tool-hand{position:absolute;bottom:-6px;right:5px;display:none;color:#36563b;background:#fffdf1;border:2px solid #6c895a;border-radius:50%;width:34px;height:34px;padding:5px;box-shadow:0 2px 0 #3e552933}.tool-hand svg{width:100%;height:100%}.tool-card.hinted .tool-hand{display:block;animation:care-hand 1.4s ease-in-out infinite}.tool-card.hinted{outline:3px solid #eab756;outline-offset:3px;animation:care-card 1.4s ease-in-out infinite}.tool-card.wrong-choice{animation:care-shake .4s ease-out}
.tool-ready .care-target:not([aria-disabled=true]) .target-ring{opacity:.5;stroke:#fffbe5;stroke-width:3;stroke-dasharray:8 9}.care-target.hinted:not([aria-disabled=true]) .target-ring{opacity:1;stroke:#f6c564;stroke-width:7;stroke-dasharray:none;animation:care-ring 1.5s ease-in-out infinite}.care-target[aria-disabled=true]{pointer-events:none}.injury.treated .target-ring{opacity:0}.injury.treated .injury-picture{animation:care-bandage .4s ease-out}.dirt-picture{pointer-events:none}.dirt:not(.cleaned){opacity:1!important}.game-board .dirt.cleaned{transform:scale(.3);opacity:0}.game-board .hint-hand{stroke-width:2;filter:drop-shadow(1px 3px 0 #fffdf0)}
.return-tray{max-width:430px;padding:9px}.home-picture-button{position:relative;width:100%;min-height:110px;display:flex;align-items:center;justify-content:center;gap:20px;background:#fffef3;border:3px solid #77945d;border-radius:19px;box-shadow:0 4px 0 #6d8655}.home-picture-button>svg{width:78px;height:78px}.home-picture-button>svg[viewBox="0 0 24 24"]{width:30px;height:30px}.picture-tap{position:absolute;bottom:7px;right:12px;color:#577849}.picture-tap svg{width:27px;height:27px}.home-picture-button.hinted .picture-tap{animation:care-hand 1.4s ease-in-out infinite}.home-picture-button.hinted{outline:3px solid #eab756;outline-offset:3px}.home-picture-button:disabled{opacity:.75}
.game-bottom{margin:11px auto 0;justify-content:center;position:relative}.game-kindness{position:absolute;right:4px;opacity:.5;color:#90a476}.game-kindness svg{width:20px;height:20px}.progress-dot{width:14px;height:14px}.progress-dot.complete{box-shadow:inset 0 0 0 2px #f7f8ed}.progress-dots{gap:9px}.applied-tool{transform-box:fill-box;transform-origin:40% 60%}.tool-working{animation:care-work .58s ease-out both}.tool-recoil{animation:care-recoil .6s ease-out both}.wrong-effect{pointer-events:none}.wrong-effect>path,.wrong-effect>g{animation:care-puff 1.4s ease-out both}.bug-actor.startled .insect-reaction{animation:care-shake .5s ease-out 2}
#start-game>svg{width:39px;height:39px}#start-game{min-height:66px}#next-mission>svg:first-child{width:54px;height:54px}#next-mission>svg:last-child{width:34px;height:34px}#success-home{display:flex;align-items:center;justify-content:center;gap:12px}#success-home>svg{width:30px;height:30px}
@keyframes care-card{0%,100%{box-shadow:0 4px 0 #cbd4b9}50%{box-shadow:0 4px 0 #cbd4b9,0 0 0 7px #edc56e55}}
@keyframes care-hand{0%,100%{translate:0 4px}50%{translate:-3px -3px}}
@keyframes care-ring{0%,100%{stroke-width:5}50%{stroke-width:9}}
@keyframes care-work{0%{opacity:0;transform:translate(12px,-18px) rotate(10deg)}25%,65%{opacity:1;transform:translate(0,0) rotate(-8deg)}45%,80%{opacity:1;transform:translate(-8px,5px) rotate(6deg)}100%{opacity:0;transform:translate(7px,-12px)}}
@keyframes care-recoil{0%,50%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(25px,-30px) rotate(20deg)}}
@keyframes care-shake{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}
@keyframes care-puff{0%{opacity:0}20%,70%{opacity:1}100%{opacity:0}}
@keyframes care-bandage{0%{opacity:.5;scale:1.2}70%{opacity:1;scale:.92}100%{scale:1}}
@media(max-width:700px){
 .playing .app-shell{padding:0 16px}.playing .site-header{height:73px}.playing .brand-caption{display:none}.playing .site-footer{padding:16px 0}.playing .sound-button,.playing .collection-button{width:44px;height:44px}
 .game-topline{margin:0 0 5px;gap:6px;flex-wrap:nowrap}.back-button{width:44px;height:44px;padding:11px;justify-content:center}.back-button span{display:none}.back-button svg{width:21px;height:21px}.demo-button{height:44px;min-width:44px;border-radius:12px}.demo-button svg{width:22px;height:22px}.demo-button span{font-size:12px}.picture-steps{gap:5px}.picture-steps .step-circle{width:37px;height:37px;padding:4px;border-radius:11px}.picture-steps .step-line{width:7px}.step-check{width:14px;height:14px;font-size:9px;right:-3px;bottom:-3px}.game-heading h1{font-size:18px;margin:7px 0 10px;letter-spacing:.035em}
 .game-board{margin:0;border-radius:22px}.game-board>svg{height:300px;min-height:0;max-height:none;aspect-ratio:auto}.game-board .bug-dialogue{font-size:10px;top:17%;padding:7px 10px}.game-board .vitality{top:11px;right:10px;padding:7px 9px}.vitality-heart{width:14px;height:15px}.game-board .feedback{bottom:5%;font-size:15px;padding:9px 18px}.feedback svg{width:23px;height:23px}
 .care-tray{margin-top:10px;padding:7px 10px 12px;border-radius:20px}.tray-guide{height:31px;margin-bottom:6px}.tray-hand{gap:5px;font-size:9px}.tray-hand>svg{width:22px;height:22px}.picture-guide{height:32px;gap:3px}.picture-guide>svg{width:31px;height:31px}.picture-guide>svg[viewBox="0 0 24 24"]{width:17px;height:17px}.tool-cards{gap:10px}.tool-card{min-height:90px;padding:5px 5px 6px;border-radius:15px}.tool-card>svg{height:61px;width:61px}.tool-name{font-size:9px}.tool-check{width:19px;height:19px;right:3px;top:3px}.tool-hand{width:30px;height:30px;right:0;bottom:-8px}.game-bottom{margin-top:13px}.return-tray{margin-top:14px}.home-picture-button{min-height:112px;gap:16px}.home-picture-button>svg{width:78px;height:78px}
 .mission-card .bug-avatar{width:64px;height:64px}.mission-card .card-arrow{display:grid;background:#759362;color:white;width:27px;height:27px;position:absolute;right:5px;bottom:5px}.mission-card,.mission-card.active{padding-bottom:31px}.hero-detail p,.mission-facts,.gentle-note{display:none}.hero-detail{padding:19px}.hero-detail .primary-button{margin-top:8px}.hero-detail h2{margin-top:7px;font-size:20px}.welcome .intro{margin-bottom:18px}
}
@media(max-width:400px) and (max-height:750px){.playing .site-header{height:64px}.game-board>svg{height:265px}.game-heading h1{font-size:16px;margin:4px 0 7px}.tool-card{min-height:82px}.tool-card>svg{height:54px;width:54px}.care-tray{margin-top:8px}.playing .site-footer{padding-top:10px}}
@media(max-height:580px) and (orientation:landscape){.playing .site-header{height:57px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:0 14px}.game-topline{grid-column:1/-1}.game-heading{display:none}.game-board{width:100%;grid-column:1;margin:0}.game-board>svg{height:calc(100dvh - 145px);min-height:190px;max-height:none}.care-tray,.return-tray{grid-column:2;grid-row:2;margin:0;width:100%;align-self:center;padding:8px}.tool-cards{gap:5px}.tool-card{min-height:84px;padding:4px}.tool-card>svg{height:56px;width:56px}.tool-name{font-size:8px}.tray-hand span{display:none}.picture-guide{gap:2px}.picture-guide>svg{width:27px;height:27px}.game-bottom{grid-column:1/-1}.playing .site-footer{display:none}.home-picture-button{gap:3px}.home-picture-button>svg{width:66px;height:66px}.home-picture-button>svg[viewBox="0 0 24 24"]{width:23px}}
@media(prefers-reduced-motion:reduce){.tool-card.hinted,.tool-card.hinted .tool-hand,.home-picture-button.hinted .picture-tap,.care-target.hinted .target-ring,.bug-actor.startled .insect-reaction,.wrong-effect>path,.wrong-effect>g,.tool-working,.tool-recoil,.injury.treated .injury-picture{animation:none!important}.tool-card.wrong-choice{outline:3px dashed #d99565}.wrong-effect{opacity:.85}.tool-working,.tool-recoil{opacity:1}}

/* A neutral nudge invites experimentation without identifying a tool. */
.tool-cards.choosing-demo{outline:3px dashed #a6b78b;outline-offset:5px;border-radius:18px}
.tool-cards.choosing-demo .tool-card{animation:none}
#app[data-treating=drill] .tool-card{cursor:default}
#app[data-treating=drill] .care-target .target-ring{opacity:0}