.walk-preview{margin-top:24px;min-width:0;border-top:1px solid #527581;padding-top:16px}.walk-preview h3{margin:0 0 8px;font-size:1.15rem}.walk-help{font-size:.875rem;line-height:1.6;margin:8px 0 12px;overflow-wrap:anywhere}.walk-scene{padding:8px;background:#1c3639;border:2px solid #527581;display:flex;justify-content:center;overflow:hidden}.walk-scene canvas{display:block;width:480px;max-width:100%;height:auto;aspect-ratio:3/2;image-rendering:pixelated;touch-action:pan-y}.walk-scene canvas:focus-visible,.walk-controls button:focus-visible{outline:3px solid #ffd675;outline-offset:3px}.walk-controls{display:grid;grid-template-columns:repeat(3,48px) minmax(0,1fr);grid-template-rows:48px 48px;gap:6px;margin-top:12px;align-items:stretch}.walk-controls .walk-direction{padding:0;min-width:44px;min-height:44px;font-size:24px;touch-action:none;user-select:none}.walk-up{grid-area:1/2}.walk-left{grid-area:2/1}.walk-down{grid-area:2/2}.walk-right{grid-area:2/3}.walk-controls .walk-reset{grid-area:1/4/3/5;align-self:center;justify-self:end;max-width:130px;white-space:normal;line-height:1.5;padding:8px}.walk-dialog{width:620px;max-width:calc(100vw - 24px)}.walk-dialog .walk-preview{border:0;margin:0;padding:0}@media(max-width:380px){.walk-controls{grid-template-columns:repeat(3,44px);justify-content:center;grid-template-rows:44px 44px auto}.walk-controls .walk-reset{grid-area:3/1/4/4;justify-self:stretch;max-width:none}}@media(prefers-reduced-motion:reduce){.walk-preview *{scroll-behavior:auto}}