#app .map-control-dock{position:absolute;z-index:9;left:112px;bottom:18px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 124px)}
html #app .map-control-dock .music-toggle{position:static!important;left:auto!important;bottom:auto!important;min-height:44px;margin:0;white-space:nowrap;padding:8px 12px}
.map-search-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #b3a47c66;border-radius:50%;background:#fffaf0ed;color:#3b5548;cursor:pointer}
.map-search-toggle[aria-expanded=true]{background:#e5ecd5;border-color:#758863}.map-search-toggle:focus-visible{outline:2px solid #476c4d;outline-offset:3px}
html body #app .hud-search{position:absolute;top:auto!important;bottom:72px!important;left:112px!important;right:auto!important;width:min(430px,calc(100% - 124px))!important;max-width:none!important;background:#fffaf0!important;color:#202b22;z-index:12;box-sizing:border-box}
html body #app .hud-search[hidden]{display:none!important}#app .hud-search label{padding-right:50px}#app .hud-search input,#app .hud-search .hud-result{color:#202b22!important}#app .hud-search input{font-size:16px!important}#app .hud-search .hud-result small{color:#52634f!important}#app .hud-search .hud-results{max-height:min(280px,35dvh);overflow:auto}
.map-search-close{position:absolute;right:3px;top:3px;width:44px;height:44px;border:0;background:transparent;color:#263b2c;font-size:24px;cursor:pointer}
.mode-overview .map-control-dock,.cinematic-active .map-control-dock{display:none!important}
@media(max-width:700px){html #app .map-control-dock{left:calc(72px + var(--ui-left,0px));bottom:calc(12px + var(--ui-bottom,0px));gap:6px;max-width:calc(100% - 80px - var(--ui-left,0px));}html #app .map-control-dock .music-toggle{padding:8px 9px;font-size:12px}html body #app .hud-search{left:calc(8px + var(--ui-left,0px))!important;right:calc(8px + var(--ui-right,0px))!important;bottom:calc(66px + var(--ui-bottom,0px))!important;width:auto!important}}

/* Search owns the interaction surface until dismissed or a result is chosen. */
html body #app.search-active :is(#discovery-tray,#people-drawer,#government-drawer,#today-drawer,#business-tools),html body #app.search-active :is(.living-panel,.hud-bottom,.mobile-map-menu,.ward-tour-resume){display:none!important;visibility:hidden!important;pointer-events:none!important}
html body #app.search-active :is(.representative-pin,.discovery-place-label,.ward-council-icon,.close-place-icon,.city-hall-discovery,.demographic-map-card){visibility:hidden!important;pointer-events:none!important}
html body #app.search-active .hud-search{z-index:30!important;opacity:1!important;visibility:visible!important}
@media(max-width:700px){
 html body #app.search-active .hud-search{top:68px!important;bottom:auto!important;left:8px!important;right:8px!important;max-height:calc(100% - 132px)!important;overflow:auto;transform:none!important}
 html body #app.search-active .hud-search .hud-results{max-height:calc(100dvh - 240px);overscroll-behavior:contain}
 html body #app.search-active aside{display:none!important}
}
