@font-face{font-family:Baloo;src:url('art/baloo2-pilot.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;height:100svh;min-height:600px;font-family:Baloo,system-ui,sans-serif;color:#102c35;background:#e9c28d url('art/scene.webp') center/cover no-repeat}header{height:48px;background:#053e30;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 20px}a,button{font:inherit;font-weight:700;touch-action:manipulation}header a{color:white;min-height:48px;display:flex;align-items:center;text-decoration:none}header span{font-size:14px}main{height:calc(100% - 48px);display:flex;flex-direction:column}.story-heading{background:#fff6cf;padding:5px 12px;text-align:center;box-shadow:0 3px 8px #102c3540}.book{margin:0;font-size:13px;line-height:1.3}h1{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:4px 0}#intro{margin:4px auto;font-size:20px;line-height:1.2;max-width:800px}#stage{flex:1;min-height:0;width:100%;max-width:1200px;margin:auto}#activity-shell{height:100%;display:flex;flex-direction:column;align-items:center;padding:8px 16px 0}.guidance{background:#fff6cf;border:2px solid #143f37;border-radius:18px;padding:5px 14px;text-align:center;box-shadow:0 3px 6px #102c3540}.guidance p{margin:0;line-height:1.2}#instruction{font-size:23px}#feedback{font-size:19px;margin-top:3px;min-height:24px}#need{flex:1;min-height:0;width:min(520px,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 0}#need-label{font-size:25px;line-height:1.2;background:#fff6cf;padding:5px 14px;border-radius:16px;border:2px solid #143f37;text-align:center}.props{position:relative;flex:1;min-height:0;width:100%;max-height:290px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 7px 5px #102c3560)}#need-art{width:75%;height:100%;object-fit:contain}.matched #need-art{width:58%;margin-right:30%}#matched-art{position:absolute;right:0;bottom:0;width:48%;height:85%;object-fit:contain}.sparkle{position:absolute;right:5%;top:3%;width:60px;height:60px;object-fit:contain}#choices{display:flex;justify-content:center;gap:24px;width:100%}.choice{width:180px;height:174px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 5px 5px;border:2px solid #143f37;border-radius:22px;background:#fff6cfeF;color:#102c35;cursor:pointer;font-size:25px;line-height:1.2;box-shadow:0 4px 0 #143f37}.choice img{width:100%;height:135px;object-fit:contain;filter:drop-shadow(0 4px 2px #102c3540)}.choice[aria-pressed=true]{background:#c2ff86}.choice:hover,.choice.dragging{transform:translateY(-3px);filter:drop-shadow(0 6px 5px #102c3560)}.bottom{height:64px;min-height:64px;display:flex;gap:12px;align-items:center;justify-content:center}.bottom span{font-size:20px;background:#053e30;color:white;padding:6px 12px;border-radius:15px}button#continue,.actions a,.actions button{min-height:52px;padding:8px 14px;border:2px solid #143f37;border-radius:17px;background:#ffdb45;color:#102c35;font-size:21px;text-decoration:none;cursor:pointer}#ending{padding:16px;height:100%;display:flex;align-items:center;justify-content:center}.end-bubble{background:#fff6cf;border:3px solid #143f37;border-radius:26px;padding:16px;text-align:center;max-width:620px;box-shadow:0 5px 0 #143f37}.end-bubble h2{font-size:38px;line-height:1.1;margin:4px}.end-bubble p{font-size:24px;line-height:1.25;margin:10px 0}.end-props{display:flex;justify-content:center}.end-props img{object-fit:contain;width:100px;height:100px}.actions{display:flex;justify-content:center;gap:12px}:focus-visible{outline:4px solid #102c35;outline-offset:3px;box-shadow:0 0 0 7px white}[hidden]{display:none!important}@media(max-width:600px){header{padding:0 12px}.book{font-size:12px}h1{font-size:29px;max-width:340px;margin:4px auto}#intro{font-size:17px;max-width:340px}.story-heading{padding:4px 10px}#activity-shell{padding:7px 10px 0}.guidance{padding:5px 8px;width:100%}#instruction{font-size:20px}#feedback{font-size:17px;min-height:21px}#need-label{font-size:20px;padding:3px 10px}#need{padding:7px 0 3px}.props{max-height:210px}#need-art{width:65%}.sparkle{width:44px;height:44px}#choices{gap:8px}.choice{width:calc((100% - 16px)/3);height:110px;border-radius:17px;font-size:20px;padding:0 3px 4px}.choice img{height:78px}.bottom{height:60px;min-height:60px;gap:7px}.bottom span{font-size:17px;padding:6px 9px}button#continue{font-size:17px;padding:8px 9px;min-height:48px}#ending{padding:10px}.end-bubble{padding:12px 8px}.end-bubble>img{width:48px;height:48px}.end-bubble h2{font-size:29px}.end-bubble p{font-size:20px}.end-props img{width:80px;height:80px}.actions{gap:8px}.actions a,.actions button{font-size:18px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.choice:hover,.choice.dragging{transform:none}}