.topbar a{color:white;font-size:14px}.horse-scene{position:relative;background:#cbd5c5}.horse-scene img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.horse-scene .scene-tag{top:auto;bottom:16px}.trail{display:flex;gap:10px;margin:18px 0}.trail span{flex:1;padding:12px 5px;background:#edf0e1;border:1px solid #b8c4a9;text-align:center;border-radius:5px}.trail .done{background:#dceac8;border-color:#557740;color:#315323}.choice{background:#fffdf4;border:2px solid #a3b58c;color:#294c37;border-radius:6px;padding:13px 18px;min-height:48px}.choice:hover{background:#e9f0d9}.choice:disabled{opacity:.55}.oral-prompt{background:#f3edcc;border-left:4px solid #aa7d38;padding:18px;line-height:1.9}.feedback{font-size:16px}.topbar{flex-wrap:wrap}@media(max-width:600px){.trail{gap:6px}.trail span{font-size:14px}.scene-tag{max-width:calc(100% - 40px)}}
.horse-scene{isolation:isolate}.horse-hotspot{position:absolute;left:35%;top:23%;width:14%;height:32%;border:2px solid #ffe8a78c;border-radius:45%;background:#fff2bd12;cursor:pointer;z-index:3}.horse-hotspot span{position:absolute;left:50%;top:100%;transform:translateX(-50%);background:#244c38;color:#fff9df;padding:7px 11px;border:1px solid #efd69b;border-radius:20px;white-space:nowrap;font-size:14px}.horse-hotspot:hover{background:#ffdf7133}.beckon{box-shadow:0 0 0 6px #ffe6a733}.route-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.footstep{position:absolute;transform:translate(-50%,-50%);width:48px;min-height:48px;border:2px solid #9b8856;background:#fff7dc;color:#31513d;border-radius:50%;font-size:23px;z-index:4}.footstep small{display:block;font-size:12px;line-height:1.1}.footstep.current{border-color:#315d3e;background:#ffdf81;box-shadow:0 0 0 6px #ffdf8155}.footstep.visited{opacity:.6}.footstep#path0{left:47%;top:43%}.footstep#path1{left:63%;top:27%}.footstep#path2{left:44%;top:12%}.party-marker{position:absolute;z-index:5;background:#244f38;color:white;font-size:12px;padding:3px 7px;border-radius:12px;transform:translate(-110%,50%);transition:left .55s,top .55s;pointer-events:none}.wrong-route{position:absolute;right:16%;top:58%;background:#fff8e3eb;color:#795b36;border:1px dashed #927643;border-radius:18px;padding:8px;font-size:14px}.scene-feedback{position:absolute;left:4%;right:4%;bottom:55px;background:#fffcf1f2;color:#254a35;padding:9px 12px;border-radius:7px;box-shadow:0 2px 12px #18332825;z-index:6;font-size:15px;pointer-events:none}.horse-scene .scene-tag{font-size:13px;pointer-events:none}@media(max-width:540px){.footstep{width:44px;min-height:44px;font-size:20px}.scene-feedback{font-size:13px;bottom:48px;padding:6px 8px}.horse-hotspot span{font-size:12px}.wrong-route{right:8%;top:54%}}@media(prefers-reduced-motion:reduce){.party-marker{transition:none}}

.horse-hotspot{left:40%;top:55%;width:20%;height:auto;aspect-ratio:3/8;transform:translate(-50%,-90%) scale(var(--horse-scale,1));transform-origin:50% 90%;border:0;border-radius:0;background:transparent;transition:left 1.65s ease-in-out,top 1.65s ease-in-out,transform 1.65s ease-in-out;z-index:3;overflow:visible}.horse-hotspot:hover{background:transparent}.horse-hotspot:disabled{cursor:default;opacity:1}.horse-hotspot .horse-sprite{display:block;width:100%;height:100%;position:absolute;inset:0;background:url('assets/horse-walk-sprites.png') 0 center/400% 100% no-repeat;pointer-events:none}.horse-hotspot span:not(.horse-sprite){top:90%;font-size:13px}.horse-hotspot:disabled span:not(.horse-sprite){display:none}.horse-hotspot.beckon{box-shadow:none;filter:drop-shadow(0 0 5px #ffe6a7)}.horse-hotspot.walking .horse-sprite{animation:horse-gait .8s steps(1,end) infinite}.horse-hotspot.walking{filter:drop-shadow(1px 4px 3px #42302133)}@keyframes horse-gait{0%{background-position:0 center}25%{background-position:33.3333% center}50%{background-position:66.6667% center}75%,100%{background-position:100% center}}.footstep#path0{left:44%;top:43%}.footstep#path1{left:51%;top:30%}.footstep#path2{left:48%;top:24%}.horse-hotspot:not(:disabled):focus-visible{outline:3px solid #f2cf65;outline-offset:3px}@media(prefers-reduced-motion:reduce){.horse-hotspot{transition:none}.horse-hotspot.walking .horse-sprite{animation:none}}

.horse-hotspot{aspect-ratio:384/655;transform:translate(-50%,-96%) scale(var(--horse-scale,1));transform-origin:50% 96%}.horse-hotspot .horse-sprite{background-size:400% 156.3359%;background-position-y:48.7805%}.horse-hotspot span:not(.horse-sprite){top:97%}@keyframes horse-gait{0%{background-position:0 48.7805%}25%{background-position:33.3333% 48.7805%}50%{background-position:66.6667% 48.7805%}75%,100%{background-position:100% 48.7805%}}
.horse-hotspot .horse-sprite{transform:none;padding:0;border:0;border-radius:0;background-color:transparent}