.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}.yue-scene{position:relative;overflow:hidden;isolation:isolate}.landscape{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.good{position:absolute;top:62%;width:26%;height:28%;padding:0;border:0;background:none;z-index:3;transition:left .7s,top .7s,transform .4s}.shoes{left:18%}.silk{left:47%}.good-sprite{position:absolute;inset:0;background:url('assets/yue-goods.png') 0 center/200% 170% no-repeat;pointer-events:none}.silk .good-sprite{background-position-x:100%}.good.selected{filter:drop-shadow(0 0 8px #ffd65a);transform:translateY(-7px)}.good.selected .label{background:#99682d}.good.matched .label{background:#496d44}.label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;background:#244b38;color:#fff7db;padding:4px 9px;border-radius:12px;font-size:14px;pointer-events:none}.yue-scene.village .shoes{left:3%;top:52%}.yue-scene.village .silk{left:28%;top:52%}.hotspot{position:absolute;z-index:4;border:2px dashed #a27c42;border-radius:9px;background:#fff9e6e8;color:#31513a;padding:7px 10px;min-height:44px;font-size:14px}.hair{right:7%;top:20%}.feet{right:7%;top:80%}.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,.label{font-size:13px;padding:4px 6px}.feet{top:70%}.scene-tag{font-size:13px}.good{min-height:65px}}@media(prefers-reduced-motion:reduce){.good{transition:none}}
.yue-scene:not(.village) .landscape{transform:scale(2.4);transform-origin:50% 100%}.hair{right:12%;top:14%}.feet{right:12%;top:79%;min-height:44px}