@font-face{font-family:Baloo;src:url('baloo2-pilot.ttf')}*{box-sizing:border-box}body{margin:0;font-family:Baloo,system-ui,sans-serif;color:#102f48;background:#168ea9 url('farm.webp') center/cover no-repeat;overflow:hidden}body:before{content:'';position:fixed;inset:0;background:linear-gradient(#00a4d9 0%,#00a4d9ed 17%,#00a4d929 46%,#123c4855 100%);pointer-events:none}main{position:relative;height:100svh;min-height:600px}header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#102f48;color:#fff;font-size:18px}a{color:inherit;text-decoration:none}header a,footer a{display:inline-flex;align-items:center;min-height:48px}a:focus-visible,button:focus-visible{outline:4px solid #fff;box-shadow:0 0 0 7px #102f48;z-index:10}button,a{touch-action:manipulation}.book{margin:6px 12px;text-align:center;font-size:12px;line-height:1.2;color:#fff;background:#102f48;padding:4px;border-radius:8px}h1{font-size:28px;line-height:1.05;text-align:center;margin:10px 12px;color:#102f48}.bubble{position:relative;text-align:center;background:#fff5c6;border:3px solid #102f48;border-radius:22px;margin:8px auto;width:calc(100% - 32px);padding:8px;font-size:18px;line-height:1.15;min-height:62px;z-index:2}.bubble:after{content:'';position:absolute;left:35px;bottom:-14px;border-width:12px 12px 0 0;border-style:solid;border-color:#102f48 transparent transparent transparent}.maya{position:absolute;left:-12px;top:35%;height:40%;width:45%;object-fit:contain;filter:drop-shadow(0 7px 0 #102f4855);transform-origin:bottom;transition:transform .3s}.happy .maya{transform:rotate(-7deg) scale(1.05)}.name{position:absolute;left:12px;top:76%;font-size:16px;background:#102f48;color:#fff;border-radius:12px;padding:0 9px}#progress{position:absolute;right:14px;top:32%;font-size:16px;background:#102f48;color:white;padding:3px 12px;border-radius:20px;margin:0}.beds{position:absolute;right:12px;top:39%;width:54%;height:36%;display:grid;gap:12px}.bed{position:relative;border:4px solid #51270e;border-radius:45% 12% 22% 14%;background:#a8531c;color:#fff;box-shadow:0 5px 0 #51270e;display:flex;flex-direction:column;justify-content:end;align-items:center;padding:6px 0;min-height:90px;font:inherit;cursor:pointer}.bed.wet{background:#65351c}.bed strong,.reading{position:relative;background:#fff5c6;color:#102f48;padding:0 9px;border-radius:12px;font-size:18px;line-height:1.2}.reading{font-size:14px}.bed.over,.bed:focus-visible{border-color:#fff5c6;box-shadow:0 0 0 5px #102f48}.bed.checked{border-color:#ffdc33}.bed.checked:after{content:'✓';position:absolute;left:4px;top:-10px;background:#ffdc33;color:#102f48;border-radius:50%;width:28px;height:28px;line-height:28px}#tools,#choices{position:absolute;bottom:55px;left:16px;right:16px;display:flex;gap:14px;justify-content:center}button,.actions a{font-family:inherit;font-size:19px;font-weight:600;min-height:52px;cursor:pointer}.sensor{display:flex;align-items:center;background:#ffdc33;border:3px solid #102f48;border-radius:18px;padding:3px 10px;width:144px;height:69px;color:#102f48;touch-action:none;user-select:none}.sensor .probe-art{height:62px;width:48px;flex-shrink:0}.sensor.selected{background:#fff5c6;box-shadow:0 0 0 4px #102f48}.sensor.used{visibility:hidden}.dragging{position:fixed!important;z-index:20;pointer-events:none;opacity:.9;margin:0;transform:translate(-50%,-50%)}#choices button,.actions>*{border:3px solid #102f48;border-radius:18px;background:#ffdc33;color:#102f48;padding:8px 12px;line-height:1.1}#choices button{flex:1;font-size:18px}footer{position:absolute;bottom:0;width:100%;height:48px;text-align:center;color:#fff;background:#102f48;font-size:17px}[hidden]{display:none!important}#ending{position:absolute;inset:90px 12px 58px;background:#007398;border:4px solid #102f48;border-radius:32px;text-align:center;color:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}#ending>*{z-index:1}.complete{margin:0;background:#ffdc33;color:#102f48;padding:3px 18px;border-radius:18px}#ending h2{font-size:32px;line-height:1.05;margin:0}#ending img{height:40%;max-width:85%;object-fit:contain;transform:rotate(-7deg)}#ending p:not(.complete){font-size:21px;line-height:1.15;margin:0}.actions{display:flex;gap:12px;margin:8px}.actions>*{min-width:125px;display:flex;align-items:center;justify-content:center;font-size:19px} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:700px){.book{max-width:630px;margin:8px auto;font-size:16px}h1{font-size:46px;margin:12px}.bubble{width:580px;font-size:24px;padding:14px;min-height:85px}.maya{left:9%;top:32%;width:28%;height:48%}.name{left:16%;top:81%;font-size:22px}#progress{right:17%;top:35%;font-size:22px}.beds{right:7%;top:44%;width:52%;height:26%;grid-template-columns:1fr 1fr;gap:30px}.bed{min-height:160px;border-width:7px}.bed strong{font-size:28px}.reading{font-size:20px}#tools,#choices{left:43%;right:9%;bottom:13%}.sensor{width:210px;height:90px;font-size:24px}.sensor .probe-art{height:80px;width:65px}#choices button{font-size:25px}#ending{inset:105px 20% 64px}#ending h2{font-size:48px}#ending p:not(.complete){font-size:27px}}

@media(max-width:699px){#progress{top:35%}.beds{top:40%;height:35%}}
.bed .planted{position:absolute;right:12px;top:5px;width:39px;height:52px;filter:drop-shadow(0 2px 0 #51270e)}@media(min-width:700px){.bed .planted{right:24px;top:35px;width:64px;height:84px}}
@media(prefers-reduced-motion:reduce){}

#ending p:not(.complete){max-width:90%;overflow-wrap:normal;word-break:normal}

/* Generated transparent scene art; HTML retains labels and interaction. */
.bed,.bed.wet{background:transparent;border:4px solid transparent;border-radius:18px;box-shadow:none;isolation:isolate;overflow:visible}
.bed-art{position:absolute;inset:-22% -10% auto;width:120%;height:120%;object-fit:contain;z-index:-1;pointer-events:none;filter:drop-shadow(0 5px 3px #102f4840)}
.bed strong,.reading{z-index:1}
.bed.checked{border-color:transparent}
.bed.checked:after{left:0;top:0}
.bed.over,.bed:focus-visible{border-color:#fff5c6;box-shadow:0 0 0 4px #102f48}
.probe-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #102f4840)}
.dragging{filter:drop-shadow(0 10px 7px #102f4860)}
.water-sparkles{position:absolute;right:-4px;top:-15px;width:68px;height:60px;object-fit:contain;pointer-events:none}
.confetti{position:absolute;inset:0;pointer-events:none;z-index:0!important}
.confetti img{width:100%;height:100%!important;max-width:100%!important;object-fit:contain;transform:none!important;opacity:.65}
@media(min-width:700px){.bed-art{inset:-28% -7% auto;width:114%;height:137%}.water-sparkles{width:110px;height:100px}}
@media(prefers-reduced-motion:reduce){.confetti{display:none}}
.sensor{padding:3px 6px}.sensor span{white-space:nowrap}
@media(max-width:699px){.bed-art{inset:-22% 0 auto;width:100%;height:120%}.water-sparkles{right:0;top:-10px;width:52px;height:48px}#progress{top:38%;font-size:15px}.beds{top:44%;height:31%}.maya{top:39%;height:35%}}
