.topbar a{color:#fff;font-size:14px}.cane-scene{position:relative;overflow:hidden;isolation:isolate;background:#e1ddc5}.room{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.scholar{position:absolute;left:58%;top:4%;width:34%;height:69%;border:0;padding:0;background:none;z-index:2}.scholar-sprite{position:absolute;inset:0;background:url('assets/cane-scholar.png') 0 center/200% 100% no-repeat;pointer-events:none}.scholar.eating .scholar-sprite{background-position:100% center}.actor-label{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);padding:4px 10px;background:#244e39;color:#fff8e2;font-size:13px;border-radius:14px;white-space:nowrap;pointer-events:none}.cane-strip{position:absolute;left:10%;top:62%;width:80%;height:21%;display:flex;z-index:4}.cane-piece{border:0;padding:0;background-color:transparent;background-image:url('assets/cane-stick.png');background-size:400% 320%;background-position-y:50%;background-repeat:no-repeat;width:25%;height:100%;transition:opacity .3s,filter .2s;cursor:pointer}.piece0{background-position-x:0}.piece1{background-position-x:33.3333%}.piece2{background-position-x:66.6667%}.piece3{background-position-x:100%}.cane-piece:hover,.cane-piece:focus-visible{filter:drop-shadow(0 0 7px #fff1ac);outline:2px solid #f1c34f;outline-offset:2px}.cane-piece.eaten{opacity:0;pointer-events:none}.cane-piece.next-bite{filter:drop-shadow(0 0 6px #f8dd80)}.end-label{position:absolute;bottom:-12px;font-size:13px;padding:2px 8px;background:#fff9e4e8;color:#435338;border-radius:12px;pointer-events:none}.root-label{left:0}.tip-label{right:0}.flying-piece{position:absolute;left:var(--bite-start,80%);top:69%;width:12%;height:10%;background:url('assets/cane-stick.png') var(--bite-frame,100%) 50%/400% 320% no-repeat;z-index:6;pointer-events:none}.flying-piece.active{animation:taste-bite .85s ease-in-out forwards}@keyframes taste-bite{0%{left:var(--bite-start);top:69%;transform:scale(1);opacity:1}65%{left:70%;top:13%;transform:rotate(-28deg) scale(.65);opacity:1}100%{left:70%;top:13%;transform:rotate(-28deg) scale(.35);opacity:0}}.taste-bubble{position:absolute;left:30%;top:22%;background:#fff9e3ed;border:2px solid #b7984a;color:#78572a;padding:12px 17px;border-radius:15px;font-size:22px;font-family:KaiTi,serif;z-index:5;pointer-events:none}.scene-message{position:absolute;left:3%;right:3%;bottom:0;background:#fffceeed;padding:7px 12px;border-radius:6px;color:#315238;font-size:14px;z-index:7;pointer-events:none}.tastes{display:flex;gap:8px;margin:15px 0}.tastes span{flex:1;padding:10px 6px;border-bottom:4px solid #c3cab7;background:#f1f3e7;text-align:center;font-size:14px}.tastes .tasted{background:#ffefb4;border-color:#b98535;color:#79551f}.choice{background:#fffdf3;border:2px solid #a8bb95;border-radius:6px;padding:12px 16px;color:#31523a;min-height:48px;text-align:left}.spoken{background:#f3edcb;padding:18px;border-left:4px solid #b4883b;line-height:1.9}.feedback{font-size:16px}@media(max-width:540px){.scene-message{font-size:12px;padding:5px 8px}.taste-bubble{font-size:18px;left:18%;padding:7px 10px}.end-label{font-size:12px;bottom:-6px}.tastes{gap:5px}.tastes span{font-size:12px;padding:8px 3px}}@media(prefers-reduced-motion:reduce){.flying-piece.active{animation:none}.cane-piece{transition:none}}