*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#2c2420}#map{position:fixed;inset:0;background:#e2e8df;z-index:0}.back,.caption,#status,#attractions-toggle,#attractions-panel{position:fixed;z-index:500;box-shadow:0 4px 20px #0002}.back{top:16px;left:60px;background:#fffdf9;border-radius:6px;padding:10px 14px;color:#3a6b4a;text-decoration:none}.caption{top:16px;right:16px;background:#fffdf9;padding:10px 16px;border-radius:6px}.caption span{display:block;font-size:13px;color:#6b625a}#status{bottom:80px;left:16px;max-width:calc(100vw - 32px);background:#fffdf9;padding:8px 12px;border-radius:5px;font-size:13px}#status:empty{display:none}#attractions-toggle{bottom:24px;left:50%;transform:translateX(-50%);border:0;border-radius:8px;padding:14px 30px;background:#3a6b4a;color:#fff;font:600 16px system-ui;cursor:pointer}#attractions-panel{top:86px;bottom:94px;right:16px;width:340px;max-width:calc(100vw - 32px);overflow:auto;background:#fffdf9;padding:18px;border-radius:9px}#attractions-panel[hidden]{display:none}h1{font-size:20px;margin:0 0 8px}#panel-note{font-size:13px;color:#6b625a}.attraction{padding:12px 0;border-top:1px solid #dfd7cd}.attraction h2{font-size:15px;margin:0 0 5px}.attraction p{font-size:13px;margin:0 0 8px;color:#6b625a}.attraction button,.attraction a{display:inline-block;font:500 13px system-ui;padding:7px 9px;border-radius:4px}.attraction button{background:#3a6b4a;color:white;border:0;cursor:pointer}.attraction a{color:#3a6b4a}.base-icon{font-size:30px;text-shadow:0 2px 4px white}.popup-route{display:block;margin-top:8px;color:#3a6b4a}.leaflet-control-attribution{font-size:10px}button:focus-visible,a:focus-visible{outline:3px solid #c4905e;outline-offset:3px}@media(max-width:600px){.caption{top:68px;left:16px;right:auto}.caption strong{font-size:14px}#attractions-panel{top:130px;bottom:96px;left:16px;width:auto;right:16px}#status{bottom:84px}.back{top:14px}.leaflet-popup-content{max-width:220px}}