#app:has(#mapView:not(.hidden)){max-width:none;padding:0}#app:has(#mapView:not(.hidden))>header,#app:has(#mapView:not(.hidden))>nav{display:none}#mapView:not(.hidden){position:fixed;inset:0;z-index:20;color:#102337;background:#ece8df}#mapView>.section{padding:0;max-width:none}#mapView>.section>:not(#map){display:none!important}#mapView #map{position:absolute;inset:0;height:100%;border:0;border-radius:0;min-height:0}.maplibregl-ctrl-top-right,.leaflet-top{display:none}.maplibregl-ctrl-bottom-right,.leaflet-bottom{bottom:290px!important;font-size:9px}#walkShell{position:absolute;inset:0;pointer-events:none;z-index:500;font-family:Arial,sans-serif}#walkShell button{pointer-events:auto;color:#102337;background:#fff;border:0;cursor:pointer;font-family:inherit}#walkShell button:focus-visible{outline:3px solid #078cf0;outline-offset:3px}.turn-card{position:absolute;top:calc(16px + env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:center;gap:14px;min-height:86px;padding:16px 18px;background:#fffffff5;border-radius:38px;box-shadow:0 5px 22px #233e4a18}.walker{font-size:42px}.turn-card>div{flex:1;min-width:0}.turn-card strong{font-size:19px;display:block;line-height:1.25}.turn-card small{display:block;font-size:13px;margin-top:6px;line-height:1.3}.turn-card #voiceToggle{border-radius:50%;background:#e9f5ff;width:49px;height:49px;flex-shrink:0;font-size:22px}.turn-card #voiceToggle[aria-pressed=true]{background:#078cf0;color:#fff}.walk-distance{position:absolute;top:125px;left:16px;background:#fffffff5;border-radius:23px;padding:15px 23px;font-size:21px;font-weight:700;box-shadow:0 3px 14px #1232}.walk-distance small{font-size:15px;font-weight:400}.map-tools{position:absolute;right:16px;top:125px;display:grid;gap:12px}.map-tools button{width:52px;height:52px;border-radius:50%;box-shadow:0 4px 15px #1232;font-size:27px;position:relative}.tool-off{position:absolute;right:6px;bottom:5px;font-size:14px;color:#687988}.walk-sheet{position:absolute;bottom:0;left:0;right:0;border-radius:32px 32px 0 0;background:#fffffff7;box-shadow:0 -5px 28px #203e4315;padding:8px 14px calc(16px + env(safe-area-inset-bottom));pointer-events:auto}.sheet-handle{width:32px;height:4px;background:#d5d5d5;border-radius:8px;margin:0 auto 11px}.next-place{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:0 5px;background:transparent!important}.stop-number{font-size:44px}.next-copy{flex:1;min-width:0}.next-copy small{font-size:12px;color:#69717b;display:block}.next-copy strong{font-size:20px;display:block;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-copy>span{font-size:15px;color:#69717b}.next-photo{width:82px;height:72px;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:#e5f4fc;font-size:35px}.next-photo img,.pin-photo img{width:100%;height:100%;object-fit:cover}.tour-timeline{display:flex;justify-content:space-around;margin:12px 0 4px;position:relative}.tour-timeline:before{content:'';height:4px;background:linear-gradient(90deg,#078cf0,#f4ab36);position:absolute;left:13%;right:13%;top:20px}.tour-timeline button{position:relative;background:transparent!important;display:grid;justify-items:center;gap:5px;max-width:24%;padding:0}.tour-timeline i{font-style:normal;font-size:22px;background:#078cf0;color:#fff;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.tour-timeline small{font-size:11px}#shellStatus{font-size:10px;color:#566372;line-height:1.3;max-height:28px;overflow:auto;margin:7px 3px}.walk-actions{display:flex;gap:8px}.walk-actions button{border:1px solid #ececeb!important;box-shadow:0 2px 5px #1231;border-radius:15px;min-height:49px;flex:1;font-size:16px;padding:8px}.walk-actions button span{font-size:12px;font-weight:700;white-space:nowrap}.walk-actions .adjust{background:#ff5757!important;color:#fff!important;flex:1.3}.photo-pin{display:flex;align-items:center;padding:0!important;border:3px solid #fff!important;border-radius:20px!important;box-shadow:0 3px 8px #1234;max-width:190px;position:relative;background:white;color:#102337}.photo-pin:after{content:'';position:absolute;bottom:-10px;left:22px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #fff}.pin-photo{width:55px;height:55px;border-radius:16px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;background:#e9f4fa;font-size:28px}.photo-pin b{padding:6px 10px;font-size:13px;line-height:1.25;max-width:120px;text-align:left}.photo-marker{background:none;border:0}#walkOptions #walkPanel{background:#f0f5f9;color:#102337}#walkOptions{background:#fff;color:#102337}#walkOptions .dialogActions{background:#fff}#walkOptions .poi{color:#eee}#walkOptions button{cursor:pointer}#walkOptions #walkPanel small{display:block}#walkOptionsBody>button{margin-top:12px}@media(min-width:700px){.turn-card{left:28px;right:auto;width:440px}.walk-distance{left:28px}.map-tools{right:28px}.walk-sheet{left:50%;right:auto;transform:translateX(-50%);width:490px}.maplibregl-ctrl-bottom-right,.leaflet-bottom{bottom:0!important}}@media(max-height:650px){.turn-card{min-height:65px;padding:10px 15px}.turn-card strong{font-size:16px}.walk-distance,.map-tools{top:100px}.map-tools{gap:6px}.map-tools button{width:42px;height:42px}.tour-timeline{display:none}.walk-sheet{padding-bottom:8px}}

.position-arrow{font-size:43px;color:#078cf0;-webkit-text-stroke:2px white;filter:drop-shadow(0 3px 4px #1237);line-height:1}.position-marker{background:none;border:0}
