.topbar a{color:white;font-size:14px}.topbar{flex-wrap:wrap}.orange-scene{position:relative;isolation:isolate;overflow:hidden;background:#e4d6b9}.hall{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.boy{position:absolute;left:57%;top:16%;width:31%;height:75%;background:none;border:0;z-index:2;padding:0}.boy-sprite{display:block;position:absolute;inset:0;background:url('assets/orange-boy-poses.png') 0 center/200% 100% no-repeat;pointer-events:none}.boy.bowing .boy-sprite{background-position:100% center}.actor-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;background:#244f38;color:#fff8e4;padding:5px 10px;border-radius:15px;font-size:13px;pointer-events:none}.fruit{position:absolute;top:56%;width:9%;aspect-ratio:1;border:0;background:none;padding:0;z-index:4;min-width:40px;transition:left .65s ease,top .65s ease,transform .65s ease;filter:drop-shadow(0 3px 3px #614b3035)}.fruit img{width:100%;height:100%;object-fit:contain;pointer-events:none}.fruit:hover{filter:drop-shadow(0 0 5px #ffed8e)}.fruit0{left:15%}.fruit1{left:23%}.fruit2{left:31%}.fruit.held{top:47%;transform:scale(.7)}.fruit0.held{left:66%}.fruit1.held{left:69%}.fruit2.held{left:72%}.fruit.fallen{transform:rotate(70deg)}.fruit0.fallen{left:53%;top:78%}.fruit1.fallen{left:71%;top:83%}.fruit2.fallen{left:84%;top:76%}.scene-message{position:absolute;left:3%;right:3%;bottom:2%;padding:7px 12px;background:#fffbeded;border-radius:6px;color:#314d35;font-size:14px;z-index:5;pointer-events:none}.host-speech{position:absolute;left:6%;top:9%;max-width:45%;background:#fffdf2ed;border:1px solid #947c59;border-radius:15px;padding:10px 14px;font-family:KaiTi,serif;font-size:22px;z-index:5;pointer-events:none}.orange-counter{font-size:15px;color:#53683f}.feedback{font-size:16px}.choice{border:2px solid #aabb95;border-radius:6px;background:#fffdf2;color:#31513d;padding:12px 16px;min-height:46px}.spoken{background:#f3edcc;border-left:4px solid #b7893f;padding:18px;line-height:1.9}.boy.nod .boy-sprite{animation:nod .55s ease}@keyframes nod{50%{transform:rotate(5deg) translateY(3px)}}@media(max-width:540px){.host-speech{font-size:16px;max-width:48%;padding:7px}.scene-message{font-size:12px;padding:5px 8px}.actor-label{font-size:12px}.fruit{min-width:36px}}@media(prefers-reduced-motion:reduce){.fruit{transition:none}.boy.nod .boy-sprite{animation:none}}
.boy{left:53.5%;top:12%;width:37.5%;height:75%}.fruit{top:43%;width:8%;min-width:0}.fruit0{left:10%}.fruit1{left:20%}.fruit2{left:30%}.fruit.held{top:43%}.fruit0.held{left:64%}.fruit1.held{left:68%}.fruit2.held{left:72%}.fruit0.fallen{left:53%;top:75%}.fruit1.fallen{left:70%;top:78%}.fruit2.fallen{left:85%;top:74%}

.chapters{list-style:none;padding:0;display:flex;gap:16px;margin:0 0 16px;color:#77816b;font-size:14px}.chapters li{flex:1;border-bottom:3px solid #c7ceb9;padding:8px 4px}.chapters .current{color:#244f38;border-color:#456b3d;font-weight:bold}.chapters .done{border-color:#b38b47;color:#766139}.host-hotspot{position:absolute;left:8%;top:15%;width:23%;height:32%;background:#fff8d612;border:2px solid #f5d67e80;border-radius:40%;z-index:3}.host-hotspot span{position:absolute;top:90%;left:50%;transform:translateX(-50%);background:#244f38;color:#fff6dc;white-space:nowrap;border-radius:15px;padding:5px 10px;font-size:13px}.door-hotspot{position:absolute;left:53%;top:25%;z-index:5;border:2px solid #f0cf76;border-radius:6px;background:#244f38eb;color:#fff7df;padding:12px;font-size:16px}.chapter-1 .boy{left:52%;top:9%;width:39%;height:78%}.chapter-1 .fruit.held{top:42%}.chapter-1 .host-speech{display:none}.chapter-2 .hall{filter:brightness(.93)}.chapter-2 .boy{left:50%;top:8%;width:45%;height:87%}.chapter-2 .boy.kneeling{left:47%;top:38%;width:49%;height:54%}.boy.kneeling .boy-sprite{background:url('assets/orange-boy-kneeling.png') center/contain no-repeat}.chapter-2 .host-speech{left:6%;top:8%;max-width:48%;font-size:24px}.chapter-2 .fruit.fallen{transform:scale(.7);top:78%}.chapter-2 .fruit0.fallen{left:50%}.chapter-2 .fruit1.fallen{left:58%}.chapter-2 .fruit2.fallen{left:66%}@media(max-width:540px){.chapters{gap:6px;font-size:12px}.chapter-2 .host-speech{font-size:17px}.door-hotspot{font-size:13px;padding:8px}.host-hotspot span{font-size:12px}}