.scene-frame{overflow:hidden;border:1px solid #4a6b55;border-radius:14px;background:#0d1b14;box-shadow:0 18px 55px #0007}.scene5-top,.scene5-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#14283a;color:#d6e7ed;font:700 10px/1.5 monospace;letter-spacing:1.2px}.scene5-top{border-bottom:1px solid #82d5de33}.scene5-bottom{border-top:1px solid #82d5de33;flex-wrap:wrap}.scene5-live{white-space:nowrap;color:#a1e8d1}.scene5-live i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#78f4a3;box-shadow:0 0 9px #78f4a3;vertical-align:middle}.trail-scene{position:relative;isolation:isolate;overflow:hidden;background:#2f6d3c}.trail-map{display:grid;grid-template-columns:repeat(var(--cols,10),1fr);grid-template-rows:repeat(var(--rows,7),1fr);aspect-ratio:var(--cols,10)/var(--rows,7);width:100%;background:#4c9a52}.trail-map .tile{position:relative;display:flex;align-items:center;justify-content:center;background:#54a35a;box-shadow:inset 0 0 0 1px #3f8a45;font-size:clamp(14px,2.6vw,26px);line-height:1;overflow:visible}.trail-map .tile:nth-child(odd){background:#58a95e}.trail-map .tile.lane{background:#b89a63;box-shadow:inset 0 0 0 1px #9c7f4c}.trail-map .tile.lane:nth-child(odd){background:#bea06a}.trail-map .tile.visited:before{content:"";position:absolute;left:38%;top:30%;width:14%;height:16%;border-radius:50%;background:#2b1d0f3a;box-shadow:.55em .9em #2b1d0f3a}.trail-map .tile.water{background:#3d86c9;box-shadow:inset 0 0 0 1px #2e6fae;background-image:repeating-linear-gradient(135deg,transparent 0 9px,#ffffff22 9px 11px);animation:ripple 3s linear infinite}.trail-map .tile.stone:after{content:"";width:62%;height:52%;border-radius:50%;background:#e2dcc8;box-shadow:inset -3px -4px #b9b09a,0 3px #1d4f7d88}.trail-map .tile.fence{background:#8b6a3f;box-shadow:inset 0 0 0 1px #6f5431;background-image:repeating-linear-gradient(90deg,#c79d61 0 18%,transparent 18% 50%)}.trail-map .tile.tree i{filter:drop-shadow(0 3px 2px #0006)}.trail-map .tile.berry b{position:absolute;right:6%;bottom:6%;min-width:1.3em;padding:1px 4px;border-radius:9px;background:#fff6e0;color:#8a2b1c;font:800 10px/1.4 monospace;text-align:center;box-shadow:0 1px 2px #0006}.trail-map .tile.planted i{display:inline-block}.trail-map .tile.pop i{animation:pop .4s ease-out}.trail-map .tile .fly{position:absolute;left:50%;top:40%;transform:translate(-50%);color:#fff;font:800 12px monospace;text-shadow:0 1px 2px #000;animation:fly .9s ease-out forwards;pointer-events:none;z-index:4}.trail-walker{position:absolute;left:5%;top:50%;width:0;height:0;z-index:3;transition:left .3s ease-in-out,top .3s ease-in-out}.trail-walker.instant{transition:none}.trail-body{position:absolute;left:0;top:0;transform:translate(-50%,-64%)}.trail-sprite{display:block;width:clamp(44px,7.2vw,72px);height:clamp(44px,7.2vw,72px);image-rendering:pixelated;filter:drop-shadow(0 4px 2px #0006)}.trail-walker.moving .trail-body{animation:trail-bob .3s}.trail-walker.jump .trail-body{animation:trail-jump .38s}.trail-walker.pick .trail-sprite{animation:trail-squash .4s}.trail-walker.bump .trail-body{animation:trail-shake .5s}.trail-walker.splash .trail-sprite{animation:trail-sink .8s forwards}.trail-walker.exhausted .trail-sprite{transform:rotate(80deg)!important;filter:brightness(.75) drop-shadow(0 4px 2px #0006);transition:transform .5s}.trail-fx{position:absolute;right:-18px;top:-14px;font-size:22px;z-index:5;animation:pop .5s}.trail-bubble{position:absolute;bottom:58px;left:0;transform:translate(-50%);background:#fffdf2;color:#1d2a33;border:2px solid #39463f;border-radius:9px;padding:5px 10px;font:700 12px/1.3 monospace;max-width:200px;width:max-content;overflow-wrap:anywhere;z-index:6;box-shadow:0 3px #0003}.trail-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-6px;border:6px solid transparent;border-top-color:#39463f;border-bottom:0}.trail-hud{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.trail-hud b{color:#9af0cc}.trail-controls{display:flex;gap:4px;align-items:center}.trail-controls button{border:1px solid #bedce066;border-radius:5px;padding:5px 8px;background:#0a1a26da;color:#d6e7ed;font:800 9px/1.2 monospace;letter-spacing:.5px;cursor:pointer}.trail-controls button[aria-pressed=true]{background:#a9e7ce;color:#0c2a2b}.trail-controls button:hover{filter:brightness(1.15)}.scene5-caption{margin:12px 0 0;min-height:1.5em;padding:12px 16px;border:2px solid #d1be8c;border-radius:9px;background:linear-gradient(135deg,#fcf8e9,#ebe6d3);color:#2c291f;box-shadow:0 4px #aa9873,0 9px 18px #0004;font:700 13px/1.5 Trebuchet MS,sans-serif}.scene5-caption.error{border-color:#e08a7a;background:linear-gradient(135deg,#fff0ec,#f5ddd6);box-shadow:0 4px #b86a5c,0 9px 18px #0004}.cm-step-line{background:#2f7d5a55!important;box-shadow:inset 3px 0 #9af0cc}.api-table{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font:12px/1.6 monospace;margin:10px 0 0}.api-table code{color:#9af0cc}.api-table span{color:#c0cfda}.scenario-note{font:11px/1.6 monospace;color:#9af0cc;padding:0 0 6px}@keyframes trail-bob{50%{transform:translate(-50%,-72%)}}@keyframes trail-jump{50%{transform:translate(-50%,-110%)}}@keyframes trail-squash{50%{transform:scaleY(.8) translateY(6px)}}@keyframes trail-shake{20%,60%{transform:translate(-56%,-64%)}40%,80%{transform:translate(-44%,-64%)}}@keyframes trail-sink{to{transform:translateY(22px) scale(.6);opacity:.35}}@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes fly{to{transform:translate(-50%,-40px);opacity:0}}@keyframes ripple{to{background-position:30px 30px}}@media(max-width:780px){.api-table{grid-template-columns:1fr;gap:2px 0}.api-table span{margin-bottom:8px}.scene5-top,.scene5-bottom{padding:9px 11px;font-size:8px}.trail-bubble{font-size:10px;bottom:46px;max-width:140px}.trail-controls button{padding:4px 6px;font-size:8px}}@media(prefers-reduced-motion:reduce){.trail-walker{transition:none}.trail-map .tile.water{animation:none}}