.map-identity{max-width:calc(100% - 220px)}
.map-prototype{position:absolute;right:20px;top:16px;z-index:501;display:flex;align-items:center;gap:9px}
.info-dot{display:grid;place-items:center;border:1px solid #dddddd;border-radius:50%;width:23px;height:23px;font-size:14px}
.map-top{top:68px;right:20px;left:auto;max-width:calc(100% - 40px)}
.view-presets button{white-space:normal}.view-presets #zone-toggle{max-width:230px}
.zone-panel{position:absolute;right:0;top:calc(100% + 8px);width:380px;max-width:calc(100vw - 40px);max-height:min(470px,calc(100dvh - 160px));overflow:auto;background:#fffffff8;border:1px solid #e9e9e9;border-radius:16px;padding:16px;box-shadow:0 8px 30px #17171724;pointer-events:auto;backdrop-filter:blur(10px)}
.zone-panel[hidden]{display:none}.zone-panel h3{font-size:11px;color:#888888;margin:0 0 10px}.zone-panel h3:not(:first-child){margin-top:20px}
.zone-pills{display:flex;flex-wrap:wrap;gap:7px}.zone-pills button{border:1px solid #e4e4e4;border-radius:18px;background:white;padding:8px 11px;font-size:11px;text-align:left;line-height:1.4}.zone-pills button:hover{background:#f4f4f4}.zone-pills button[aria-pressed=true]{background:#909090;color:white;border-color:#909090}
.leaflet-top.leaflet-right{top:140px}
@media(max-width:720px){.map-identity{right:auto;max-width:calc(100% - 165px)}.map-prototype{right:12px;top:15px;padding:7px 9px;gap:6px}.map-top{top:80px;right:12px}.zone-panel{max-height:calc(65dvh - 140px);width:min(380px,calc(100vw - 24px))}.map-title{font-size:14px}.view-presets #zone-toggle{max-width:210px}}