.chapters{display:flex;gap:12px;list-style:none;padding:0;font-size:14px}.chapters li{flex:1;border-bottom:3px solid #c6cbb6;padding:8px 0}.chapters .current{color:#935623;border-color:#aa7737;font-weight:bold}.axe-scene{position:relative;overflow:hidden;isolation:isolate}.landscape{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.boy{position:absolute;left:55%;top:25%;width:30%;height:60%;z-index:2;pointer-events:none}.boy-sprite{position:absolute;inset:0;background:url('assets/axe-boy.png') 0 center/200% 100% no-repeat}.boy.walking{animation:walk-across 1.5s linear}.boy.walking .boy-sprite{animation:walk-frames .4s steps(1) infinite}@keyframes walk-across{50%{transform:translateX(-18%)}}@keyframes walk-frames{50%{background-position-x:100%;transform:translate(11.45%,-.78%)}}.hotspot{position:absolute;z-index:4;border:2px dashed #a47e43;border-radius:9px;background:#fff9e6ed;color:#31513a;padding:7px 10px;min-height:44px;font-size:14px}.face{right:3%;top:27%}.speech{right:3%;top:47%}.step{right:3%;top:69%}.ditch{position:absolute;left:8%;top:64%;width:34%;height:20%;border:2px dashed #bf8b40;background:#ffe7a522;z-index:4;border-radius:10px;min-height:48px;color:#385437;font-size:14px}.ditch span{position:absolute;top:0;left:0;padding:5px;background:#fff4ddeb;border-radius:7px}.found-axe{position:absolute;left:15%;top:56%;width:25%;height:30%;object-fit:contain;z-index:3;clip-path:inset(0 var(--covered,100%) 0 0);transition:clip-path .45s;pointer-events:none}.scene-message{position:absolute;bottom:0;left:3%;right:3%;background:#fff9e9ed;padding:8px 12px;font-size:14px;z-index:5;pointer-events:none}.scene-tag{position:absolute;top:3%;left:3%;font-size:14px}.choice{background:#fffdf3;border:2px solid #a8bb95;border-radius:6px;padding:12px 16px;color:#31523a;min-height:48px;text-align:left}.spoken{padding:16px;background:#f5edcb;border-left:4px solid #a67a36}.controls{flex-wrap:wrap}@media(max-width:540px){.chapters{gap:6px;font-size:13px}.scene-message{font-size:13px;padding:5px 8px}.hotspot{font-size:13px;padding:4px 6px}.face{right:1%;top:24%}.speech{right:1%;top:43%}.step{right:1%;top:62%}.scene-tag{font-size:13px}.ditch{top:62%}.boy{left:45%;width:33%}}@media(prefers-reduced-motion:reduce){.boy.walking,.boy.walking .boy-sprite{animation:none}.found-axe{transition:none}}