.light-lesson .lesson-content{display:block;overflow:auto}.light-workshop{width:100%;max-width:850px;margin:0 auto;text-align:center;padding:0 3px 10px}.light-instruction{font-size:clamp(15px,2vw,20px);margin:8px 0 14px;line-height:1.45}.light-steps{display:flex;list-style:none;padding:0;gap:10px;justify-content:center}.light-steps li{padding:8px 15px;border-radius:30px;background:#e9e1d0;color:#776d5c;font-size:13px}.light-steps .current{background:#335a52;color:#fff4d5}.light-steps .complete{background:#dae8cd;color:#35563b}.light-path-scene{position:relative;aspect-ratio:1.85;min-height:250px;border-radius:22px;overflow:hidden;background:linear-gradient(#152f39a8,#102d39d9),url('../room.png') center/cover;box-shadow:inset 0 0 35px #08182080}.light-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.light-trail polyline{fill:none;stroke:#e2cfac77;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 9}.light-nook{position:absolute;width:22%;height:39%;right:1%;top:1%;border:5px solid #cba978;border-radius:45% 45% 12px 12px;overflow:hidden;box-shadow:0 0 28px #ffdc8c44}.light-nook img{width:100%;height:100%;object-fit:cover}.light-post{position:absolute;transform:translate(-50%,-50%);width:13%;height:29%;min-height:64px;border:2px dashed #efd9ac90;background:#19323dcc;border-radius:40% 40% 15px 15px;padding:0;box-shadow:none;color:#fff0cb;z-index:2}.light-post span{font-size:26px;font-weight:bold}.light-post img{width:100%;height:100%;object-fit:contain}.light-post.filled{background:radial-gradient(ellipse,#ffda8780,transparent 70%);border-color:transparent;opacity:1;filter:drop-shadow(0 0 10px #ffdc8170)}.light-walker{position:absolute;z-index:4;width:13%;height:28%;object-fit:contain;transform:translate(-50%,-85%);pointer-events:none;filter:drop-shadow(0 5px 4px #0005);transition:left .45s,top .45s}.light-carry{position:absolute;width:13%;height:29%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;background:radial-gradient(ellipse,#ffe4a599,transparent 72%)}.light-carry img{width:100%;height:100%;object-fit:contain}.light-leaf{position:absolute;left:45%;bottom:0;width:65px;height:60px;background:transparent;border:0;box-shadow:none;padding:0;z-index:8}.light-leaf img{width:100%;height:100%;object-fit:contain}.light-discovery{position:absolute;left:35%;bottom:1%;width:130px;color:#f9ebce;z-index:8;font-size:10px;pointer-events:none}.light-discovery img{width:65px;height:55px;object-fit:contain;display:block;margin:auto}.light-tray{display:flex;justify-content:center;gap:10px;padding:15px 0}.light-tray button{touch-action:none;flex:1;max-width:110px;min-width:45px;padding:6px;background:linear-gradient(#fff9ec,#ebd9b8);border:2px solid #d5bd94;box-shadow:0 4px #bba17a55}.light-tray img{width:100%;height:70px;object-fit:contain;pointer-events:none}.light-tray b{display:block;font-size:20px}.light-tray button:disabled{opacity:.22}.light-tray .selected,.light-story-cards .selected{outline:3px solid #608a70;outline-offset:2px}.light-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0}.light-actions button,#lightStep,#lightSequenceReset{font-size:13px;min-height:44px}.light-note{display:block;font-size:11px;color:#796c59;line-height:1.5;margin-top:10px}.light-workshop .feedback{min-height:22px;line-height:1.4;margin:10px 0}.light-workshop [hidden]{display:none!important}#lightWalkPad,#lightBeamPad{position:absolute;inset:0;z-index:6;touch-action:none;cursor:grab;border-radius:22px}#lightWalkPad:focus-visible,#lightBeamPad:focus-visible{outline:4px solid #ead394;outline-offset:-5px}.light-lab{position:relative;aspect-ratio:1.9;min-height:250px;overflow:hidden;border-radius:22px;background:linear-gradient(#ad91773b,#f0d8ad38),url('../room.png') center/cover;isolation:isolate}.light-hidden-bear{position:absolute;width:27%;height:60%;object-fit:contain;left:48%;top:23%;filter:drop-shadow(0 7px 5px #392b2944)}.light-room-block{position:absolute;bottom:0;left:0;right:0;height:17%;background:linear-gradient(#9b7957,#6d4a33);border-top:5px solid #caa77e;z-index:-1}.light-darkness{position:absolute;inset:0;z-index:2;pointer-events:none}.light-torch-handle{position:absolute;z-index:4;transform:translate(-50%,35%);pointer-events:none;width:32px;height:65px;border-radius:9px;background:linear-gradient(90deg,#315b63,#80afb2,#315b63);border:3px solid #24464e;box-shadow:0 4px 5px #0004}.light-torch-handle:before{content:'';position:absolute;top:-13px;left:-8px;width:42px;height:24px;border-radius:8px;background:linear-gradient(#fff4c2,#dabd74);border:4px solid #34575a}.light-torch-handle span{display:block;margin:20px auto;width:11px;height:16px;border-radius:5px;background:#e8dfb3}.light-lab-label{position:absolute;bottom:9px;left:0;right:0;color:#fff4d8;z-index:5;font-size:11px;pointer-events:none}.light-guesses{display:flex;justify-content:center;gap:16px;margin:12px 0}.light-guesses button{width:130px;border:2px solid #dac59e;display:flex;align-items:center;flex-direction:column;padding:6px}.light-guesses img{width:90px;height:75px;object-fit:contain}.light-guesses button[aria-pressed=true]{background:#deead2;border-color:#568164;box-shadow:0 0 0 3px #b3cba6}.light-observation{background:#e4ecd9;padding:14px;border-radius:15px;font-size:17px;line-height:1.5}.light-observation small{font-size:13px}.light-story-slots{display:flex;gap:16px;justify-content:center}.light-story-slots button{width:47%;min-height:180px;border:3px dashed #bea67a;border-radius:18px;background:#ebe0c9;display:flex;flex-direction:column;align-items:center;padding:10px;gap:8px;box-shadow:none}.light-story-slots b{width:32px;height:32px;background:#d2bd96;border-radius:50%;display:grid;place-items:center}.light-story-slots i{font-style:normal;font-size:12px;margin:auto;color:#796951}.light-story-slots .placed{opacity:1;border-style:solid;background:#fff8e7;color:#345947}.light-story-cards{display:flex;gap:16px;justify-content:center;margin:20px 0}.light-story-cards button{width:40%;padding:7px;border:3px solid #f7edd6;background:#fff8e7;box-shadow:0 5px 0 #bca98260;touch-action:none}.light-story-cards b{display:block;padding:5px}.light-story-cards button:disabled{opacity:.2}.light-story-tile{display:block;width:100%;aspect-ratio:1.35;border-radius:9px;background-image:url('../story-cozy.png');background-size:304% 100%;box-shadow:inset 0 0 15px #13333e22;pointer-events:none}.tile-dark{background-position:0% center}.tile-light{background-position:50% center}.light-retelling{padding:14px;background:#e4ecd9;border-radius:18px;margin:12px 0}.light-retelling p{font-family:Georgia,serif;font-size:21px;line-height:1.5;margin:4px}.light-retelling small{display:block;margin-top:10px}.light-living-picture{position:relative;overflow:hidden}.light-story-shade{position:absolute;inset:0;background:#0d1e29;pointer-events:none}.light-picture-control{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;padding:4px;flex-wrap:wrap}.light-picture-control input{width:150px;accent-color:#98743d;min-height:30px}.light-lesson #next:disabled{opacity:.4;cursor:default}@media(max-width:600px){.light-path-scene,.light-lab{min-height:245px;aspect-ratio:1.4}.light-tray{gap:6px}.light-tray img{height:54px}.light-tray b{font-size:17px}.light-steps li{font-size:11px;padding:7px 10px}.light-story-slots{gap:10px}.light-story-slots button{min-height:145px}.light-story-cards{gap:12px}.light-retelling p{font-size:17px}.light-post{width:16%}.light-walker{width:17%}.light-carry{width:17%}.light-nook{width:23%}.light-lab-label{font-size:10px}.light-instruction{font-size:15px}.light-lesson .lesson-heading h1{font-size:25px}}@media(prefers-reduced-motion:reduce){.light-walker{transition:none}}
/* Keep the pieces and their targets visible together while dragging. */
.light-path-scene,.light-lab{height:clamp(215px,30svh,310px);min-height:0;aspect-ratio:auto}.light-path-scene{overflow:hidden}.light-post{height:30%;min-height:50px}.light-tray{padding:10px 0}.light-tray img{height:56px}.light-nook{height:45%}.light-workshop .light-walker{display:block!important;max-width:none;max-height:none}.light-path-scene .light-leaf{min-height:0}@media(max-width:600px){.light-path-scene,.light-lab{height:225px}.light-steps{margin:4px 0}.light-instruction{margin:7px 0 10px}.light-tray img{height:45px}.light-tray{padding:10px 0}.light-story-slots button{min-height:130px}}
/* Clear framing, picture-led breaks, and visible instructions with sound off. */
.gratitude-pictures .person-picture{background-size:auto 100%;background-position:right center;background-color:#f6ead1}
.hands-lesson .lesson-content{display:block;overflow:auto}.hands-discovery{max-width:680px;margin:auto;text-align:center;width:100%}.hands-tabs{display:flex;gap:8px;margin:4px 0 12px}.hands-tabs button{flex:1;min-height:46px;font-size:14px;padding:8px;background:#e5e9d9;box-shadow:none}.hands-tabs [aria-current=step]{background:#426f58;color:#fff8df}.hands-picture{height:clamp(160px,28svh,260px);border-radius:22px;background:#f1e1c2;overflow:hidden;position:relative}.hands-picture>img{display:block;width:100%;height:100%;object-fit:contain}.hands-picture-0{background:#dec398}.hands-picture-1{background:#fffdf6}.hands-picture-2{background:radial-gradient(ellipse at 60% 50%,#ffe8a4 0%,#b49d68 25%,#142a34 65%)}.hands-picture-2>img{width:40%;height:70%;margin:7% 0 0 40%;filter:drop-shadow(0 0 16px #ffe5a0)}.hands-flashlight{position:absolute;left:25%;top:60%;transform:rotate(40deg)}.hands-discovery h2{font-family:Georgia,serif;font-size:clamp(23px,4vw,32px);color:#426f58;margin:12px 0 6px}.hands-discovery #handsHint{font-size:16px;line-height:1.5;margin:6px 0 12px}.hands-discovery .break-note{font-size:12px;line-height:1.5;margin:10px 0}.hands-discovery #handsPrint[hidden]{display:none}.hands-discovery #handsPrint button{font-size:14px;min-height:44px;margin:4px}.hands-lesson .guide-row{min-height:70px}.hands-lesson .guide-row .caption{max-height:52px}
.light-path-scene{isolation:isolate;background:linear-gradient(#07131fef,#07131ff5),url('../room.png') center/cover}.light-path-scene:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#e5c78e30,#e5c78e16);opacity:calc(var(--placed,0) / 5);transition:opacity .6s}.light-nook{filter:brightness(calc(.3 + var(--placed,0) * .14));transition:filter .6s}.light-post.filled{background:radial-gradient(ellipse,#fff7c6 0%,#ffdc7799 30%,#e7a64833 57%,transparent 75%);filter:drop-shadow(0 0 18px #ffdb87);box-shadow:0 0 45px 18px #ffd47155;border:0}.light-post.filled:before,.light-carry:before{content:'';position:absolute;inset:-55% -45%;background:radial-gradient(ellipse,#ffdc8e70,transparent 68%);pointer-events:none;z-index:-1}.light-post.filled img,.light-carry img{filter:brightness(1.22) drop-shadow(0 0 7px #ffea9f)}.light-post.light-next{border:3px solid #fff0bb;box-shadow:0 0 0 4px #e9bb6d44;background:#284653}.light-tray button.light-next{border:3px solid #a46924;background:#fff0be;box-shadow:0 0 0 3px #d8ad65}.light-tray button:not(.light-next):not(:disabled){filter:brightness(.85)}.light-carry{background:radial-gradient(ellipse,#fff0b0ba,transparent 74%);filter:drop-shadow(0 0 12px #ffe4a2)}.light-next-ring{position:absolute;z-index:5;width:44px;height:44px;border:4px solid #fff4bb;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #f8cb6844;pointer-events:none}.light-next-ring:after{content:'↓';position:absolute;top:-39px;left:10px;color:#fff4bb;font-size:28px}.light-demo-hand{position:fixed;width:42px;height:50px;z-index:1000;pointer-events:none;filter:drop-shadow(0 2px 4px #0008)}.light-demo-hand svg{width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.light-nook,.light-path-scene:before{transition:none}}