.walk-enter{display:block;margin:14px 0 5px;width:100%;min-height:40px;padding:9px 12px;border:1px solid #bb9160;border-radius:5px;background:#f0e5ce;color:#3c4938;font-size:13px;font-weight:600}.walk-enter:hover{background:#e5d6b8}.walking .place-panel,.walking .sun-panel,.walking .edition,.walking #rotate,.walking #zoom-in,.walking #zoom-out,.walking #reset,.walking #counts{display:none!important}.walk-panel{position:absolute;left:34px;bottom:75px;width:320px;max-height:calc(100% - 285px);overflow:auto;padding:18px;background:#fffdf5f5;border:1px solid #d6d5bd;border-radius:10px;box-shadow:0 10px 35px #1e3f2820;font-size:13px;z-index:3}.walk-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.walk-heading p{margin:0;color:#8b6a3e;font-size:11px;letter-spacing:.12em}.walk-heading button{border:0;background:none;text-decoration:underline;font-size:12px;padding:4px}.walk-panel>label{display:block;font-size:11px;color:#677562;margin-bottom:5px}.walk-panel select{max-width:100%;background:#fff;border:1px solid #c9cebf;border-radius:5px;padding:9px 7px;font-size:13px}#walk-route{width:100%}.walk-camera,.walk-transport{display:flex;gap:6px;margin-top:10px}.walk-camera button,.walk-transport button{flex:1;min-height:35px;border:1px solid #bccab9;background:#edf0e5;border-radius:4px;font-size:12px}.walk-camera [aria-pressed=true],#walk-play{background:#294d3e;color:#fff;border-color:#294d3e}.walk-stop{margin:15px 0}.walk-stop strong{font-size:16px;line-height:1.5}.walk-stop p{font-size:12px;line-height:1.7;margin:6px 0;color:#576953}.walk-speed{display:flex;gap:8px;align-items:center;margin-top:10px}.walk-speed select{padding:5px;font-size:12px}.walk-speed output{margin-left:auto;font-size:11px;color:#69725d;font-variant-numeric:tabular-nums}#walk-progress{width:100%;height:5px;accent-color:#aa8041;display:block;margin:10px 0 12px}#walk-visit{font-size:12px}#walk-indoor{border-top:1px solid #dedfcc;margin-top:13px;padding-top:8px}#walk-indoor p{margin:0 0 7px;font-size:11px;color:#7d6a4d}#walk-indoor a{display:inline-block;margin:3px 10px 3px 0;font-size:12px}.walk-notes{border-top:1px solid #dedfcc;margin-top:12px;padding-top:9px;font-size:11px;color:#727968}.walk-notes summary{cursor:pointer}.walk-notes p{line-height:1.6}.walk-panel button:disabled{opacity:.4;cursor:default}#walk-controls{position:absolute;right:28px;bottom:75px;display:grid;grid-template-columns:repeat(3,47px);grid-template-rows:repeat(3,44px);gap:5px;z-index:4;touch-action:none}#walk-controls button{border:1px solid #bccab8;border-radius:8px;background:#fffdf5ed;font-size:22px;touch-action:none;user-select:none;box-shadow:0 3px 12px #213d2515}#walk-controls button:active{background:#2f5948;color:#fff}#walk-controls [data-walk-key=forward]{grid-area:1/2}#walk-controls [data-walk-key=left]{grid-area:2/1}#walk-stop{grid-area:2/2;font-size:15px!important}#walk-controls [data-walk-key=right]{grid-area:2/3}#walk-controls [data-walk-key=backward]{grid-area:3/2}#walk-controls span{grid-area:3/3;font-size:10px;align-self:center;line-height:1.4;color:#65735e}.walking .tools{top:210px}.walking footer{pointer-events:auto}.walking .interaction-hint{display:none}
@media(max-width:680px){.walk-enter{font-size:12px;margin-top:9px;min-height:37px}.walk-panel{left:12px;right:12px;bottom:49px;width:auto;max-height:265px;padding:12px 14px}.walk-heading{margin-bottom:5px}.walk-panel>label{display:none}#walk-route{width:calc(100% - 121px);padding:7px 4px;font-size:12px;min-height:34px}.walk-camera{display:inline-flex;width:113px;margin:0 0 0 4px;vertical-align:top;gap:3px}.walk-camera button{font-size:10px;padding:2px 3px}.walk-stop{margin:10px 0 8px}.walk-stop strong{font-size:14px}.walk-stop p{font-size:11px;margin:4px 0}.walk-transport{margin-top:7px}.walk-transport button{min-height:33px}.walk-speed{margin-top:8px}#walk-controls{right:12px;bottom:330px;grid-template-columns:repeat(3,37px);grid-template-rows:repeat(3,35px);gap:4px}#walk-controls button{font-size:18px}#walk-controls span{font-size:9px}.walking .tools{top:180px;right:12px;display:flex}.walking .tools .compass{display:none}.walk-notes{font-size:10px}.walking .brand p{font-size:11px}}
@media(max-height:620px) and (min-width:681px){.walk-panel{bottom:48px;max-height:calc(100% - 260px);width:300px}#walk-controls{bottom:60px}.walking .tools{top:200px}}
