html,body{background:var(--ink);width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;padding:0;overflow:hidden}#map{cursor:grab;touch-action:none;background:#e9e6e3;position:fixed;inset:0;overflow:hidden}#map.is-panning{cursor:grabbing}.map-stage{transform-origin:0 0;position:absolute;top:0;left:0}.map-base{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.map-controls{top:calc(50% + (var(--edge-gap) + var(--safe-t) - var(--map-back-zone) - var(--safe-b)) / 2);right:max(20px, var(--safe-r));z-index:5;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);width:clamp(180px,17vw,240px);max-width:44vw;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow), var(--glass-sheen);--map-back-zone:calc(var(--back-inset) + 44px + 10px + var(--plate-hang));max-height:calc(100vh - var(--edge-gap) - var(--map-back-zone));max-height:calc(100svh - var(--edge-gap) - var(--map-back-zone) - var(--safe-t) - var(--safe-b));animation:map-controls-in .22s var(--ease) backwards;flex-direction:column;display:flex;position:fixed;transform:translateY(-50%)}@keyframes map-controls-in{0%{opacity:0;transform:translateY(-50%)translate(105%)}to{opacity:1;transform:translateY(-50%)translate(0)}}@media (prefers-reduced-motion:reduce){.map-controls{animation:none}}.map-controls-brand{justify-content:center;padding:clamp(16px,2.4vw,24px) clamp(16px,2vw,20px) clamp(10px,1.6vw,16px);display:flex}.map-controls-logo{filter:drop-shadow(0 2px 10px #0000008c);width:clamp(96px,10vw,132px);height:auto;display:block}.map-controls-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;gap:6px;min-height:0;padding:clamp(4px,1vw,10px) clamp(14px,1.8vw,18px) clamp(16px,2.2vw,22px);display:flex;overflow-y:auto}.map-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:4px 2px;display:flex}.map-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.map-switch{border:1px solid var(--glass-border);width:44px;height:24px;transition:background var(--quick) var(--ease), border-color var(--quick) var(--ease);background:#ffffff1f;border-radius:999px;flex-shrink:0;position:relative}.map-switch:after{content:"";width:18px;height:18px;transition:transform var(--quick) var(--ease), background var(--quick) var(--ease);background:#fff;border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 1px 4px #00000073}.map-toggle input:checked~.map-switch{background:#fff;border-color:#fff}.map-toggle input:checked~.map-switch:after{background:var(--panel-bg);transform:translateY(-50%)translate(20px)}.map-toggle input:focus-visible~.map-switch{outline-offset:2px;outline:2px solid #fff}.map-toggle-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text);text-shadow:0 1px 4px #0009;white-space:nowrap;font-size:clamp(11px,1.1vw,13px);font-weight:400}.map-toggle input:not(:checked)~.map-toggle-label{color:var(--text-dim)}.map-zoom{left:calc(clamp(14px, 3vw, 26px) + var(--safe-l));bottom:calc(clamp(14px, 3vw, 26px) + var(--safe-b));z-index:4;flex-direction:column;gap:8px;display:flex;position:fixed;display:none!important}.map-zoom button{width:40px;height:40px;font-size:20px;line-height:1;font-family:var(--font);color:#fff;background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:calc(var(--radius) - 2px);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);transition:background var(--quick) ease}.map-zoom button:hover{background:#181f2ae6}.map-zoom button:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (height<=460px){.map-controls-brand{padding:10px 14px 6px}.map-controls-logo{width:clamp(84px,9vw,104px)}.map-controls-list{gap:4px;padding:12px 14px}.map-toggle{gap:9px;padding:2px}}.map-legend{z-index:5;pointer-events:none;--legend-ease:var(--ease);--legend-dur:.42s;--legend-w:clamp(268px, 24vw, 324px);align-items:center;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.map-legend>*{pointer-events:auto}.map-legend-tab{font-family:var(--font);letter-spacing:.22em;text-transform:uppercase;color:#fff;background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);writing-mode:vertical-rl;transition:transform var(--legend-dur) var(--legend-ease), box-shadow var(--legend-dur) var(--legend-ease), background var(--legend-dur) var(--legend-ease);border-left:none;order:2;align-self:center;align-items:center;gap:10px;padding:16px 10px 16px 12px;font-size:clamp(10px,.95vw,12px);display:inline-flex}.map-legend-tab:hover{background:#181f2aeb}@media (pointer:coarse) and (orientation:landscape){.map-legend-tab{margin-bottom:max(12px, var(--safe-b));align-self:flex-end}}.map-legend-tab:focus-visible{outline-offset:3px;outline:2px solid #fff}.map-legend:not(.is-open) .map-legend-tab:hover{transform:translate(2px)}.map-legend.is-open .map-legend-tab{box-shadow:none}.map-legend-tab-chevron{width:12px;height:12px;color:var(--text-dim);transition:transform var(--legend-dur) var(--legend-ease);flex-shrink:0}.map-legend.is-open .map-legend-tab-chevron{transform:rotate(180deg)}.map-legend-panel{width:var(--legend-w);max-width:84vw;max-height:calc(100vh - 2 * var(--safe-t) - 40px);max-height:calc(100svh - 2 * var(--safe-t) - 40px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:0 var(--radius) var(--radius) 0;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow), var(--glass-sheen);margin-left:calc(-1 * var(--legend-w));opacity:0;visibility:hidden;transition:margin-left var(--legend-dur) var(--legend-ease), transform var(--legend-dur) var(--legend-ease), opacity calc(var(--legend-dur) * .7) var(--legend-ease), visibility 0s linear var(--legend-dur);border-left:none;flex-direction:column;order:1;display:flex;overflow:hidden;transform:translate(-101%)}.map-legend.is-open .map-legend-panel{opacity:1;visibility:visible;transition:margin-left var(--legend-dur) var(--legend-ease), transform var(--legend-dur) var(--legend-ease), opacity calc(var(--legend-dur) * .7) var(--legend-ease), visibility 0s;margin-left:0;transform:translate(0)}@media (prefers-reduced-motion:reduce){.map-legend-panel{transition:margin-left var(--quick) linear, opacity var(--quick) linear, visibility 0s linear var(--quick);transform:none}.map-legend.is-open .map-legend-panel{transition:margin-left var(--quick) linear, opacity var(--quick) linear, visibility 0s}.map-legend-tab,.map-legend-tab:hover,.map-legend-tab-chevron{transition:none;transform:none}}.map-legend-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;padding:clamp(12px,1.6vw,18px) clamp(16px,1.9vw,22px) clamp(16px,2vw,22px);padding-left:max(clamp(16px, 1.9vw, 22px), calc(var(--safe-l) - 10px));scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex:1;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 16px),#0000 100%)}.map-legend-scroll::-webkit-scrollbar{width:8px}.map-legend-scroll::-webkit-scrollbar-thumb{background:#ffffff2e padding-box padding-box;border:2px solid #0000;border-radius:4px}.map-legend-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff52 padding-box padding-box}.map-legend-group+.map-legend-group{border-top:1px solid #ffffff1a;margin-top:clamp(13px,1.7vw,17px);padding-top:clamp(13px,1.7vw,17px)}.map-legend-group h3{letter-spacing:.12em;text-transform:uppercase;color:var(--legend-cat-text,var(--legend-cat,var(--text)));text-shadow:0 1px 2px #000000b3;align-items:center;gap:8px;margin:0 0 6px;font-size:clamp(11px,1.05vw,12.5px);font-weight:400;line-height:1.3;display:flex}.map-legend-chip{background:var(--legend-cat,var(--text));border:4px solid #c9c9c9;border-radius:2px;flex-shrink:0;width:28px;height:28px;box-shadow:0 0 0 1px #00000059}.map-legend-group ol{margin:0;padding:0 0 0 1.4em;list-style:decimal}.map-legend-group li{color:var(--text-dim);text-shadow:0 1px 3px #0000008c;font-size:clamp(10.5px,.95vw,12px);line-height:1.55}.map-legend-group li::marker{color:var(--text-dim);font-weight:600}.map-legend-group--education{--legend-cat:#143859;--legend-cat-text:#7ea8dc}.map-legend-group--medical{--legend-cat:#521c24;--legend-cat-text:#d98f9c}.map-legend-group--shopping{--legend-cat:#7d5e2e;--legend-cat-text:#d8ab5c}.map-legend-group--parks{--legend-cat:#264226;--legend-cat-text:#79b98a}.map-legend-group--admin{--legend-cat:#3d3d3d;--legend-cat-text:#aeaeae}@media (width>=641px) and (height<=860px){.map-legend-scroll{padding-top:clamp(10px,1.2vw,14px);padding-bottom:clamp(12px,1.4vw,16px)}.map-legend-group+.map-legend-group{margin-top:clamp(9px,1.2vw,12px);padding-top:clamp(9px,1.2vw,12px)}.map-legend-group h3{margin-bottom:4px;font-size:clamp(10px,.95vw,11.5px)}.map-legend-group li{font-size:clamp(9.5px,.9vw,11px);line-height:1.45}}@media (width<=640px){.map-legend{--legend-w:min(72vw, 300px)}.map-legend-panel{max-width:none;max-height:calc(100vh - 2 * var(--safe-t) - 28px);max-height:calc(100svh - 2 * var(--safe-t) - 28px)}}