.district-map{--map-accent:#d6b777;--map-panel:#1b251f;--map-fg:#f3efe5;--map-muted:#b8bdb4;--map-border:#6d7866;--map-radius:8px;min-width:0;color:var(--map-fg);margin-top:30px}.concept-v2 .district-map{--map-accent:#806a34;--map-panel:var(--paper);--map-fg:var(--ink);--map-muted:var(--muted);--map-border:var(--line);--map-radius:10px}.concept-v2[data-theme=dark] .district-map{--map-accent:#d6b777}.concept-v3 .district-map{--map-panel:var(--surface);--map-fg:var(--paper);--map-muted:var(--muted);--map-border:var(--line);--map-radius:5px}.district-map-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;font-size:13px;line-height:1.5;display:flex}.district-map-heading>span{align-items:center;gap:9px;display:flex}.district-map-heading i{background:var(--map-accent);border-radius:2px;flex-shrink:0;width:12px;height:12px}.district-map-heading a{min-height:44px;color:var(--map-fg);white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.district-map-heading svg{width:18px;height:18px}.district-map-viewport{isolation:isolate;border:1px solid var(--map-border);border-radius:var(--map-radius);background:#e5e7e1;position:relative;overflow:hidden}.district-map-canvas{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.district-map-canvas:active{cursor:grabbing}.district-map-canvas img{-webkit-user-select:none;user-select:none;position:absolute;object-fit:initial!important;width:256px!important;max-width:none!important;height:256px!important}.district-map-canvas>svg{pointer-events:none;max-width:none;position:absolute;inset:0}.district-map-boundary{fill:var(--map-accent);fill-opacity:.3;stroke:var(--map-accent);stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.district-map-halo{fill:none;stroke:#171a1c;stroke-width:5.5px;stroke-opacity:.72;vector-effect:non-scaling-stroke;stroke-linejoin:round}.district-map-zone{stroke-dasharray:7 5}.district-map-marker circle:first-child{fill:#101112;stroke:#fff;stroke-width:2px}.district-map-marker circle:last-child{fill:#d6b777}.district-map-controls{gap:7px;display:grid;position:absolute;top:14px;right:14px}.district-map-controls button{background:var(--map-panel);width:44px;height:44px;color:var(--map-fg);cursor:pointer;border:0;border-radius:4px;place-items:center;padding:0;font-size:25px;display:grid;box-shadow:0 3px 10px #0002}.district-map-controls button:hover{color:var(--map-accent)}.district-map-controls button:disabled{opacity:.55;cursor:default}.district-map-controls svg{width:21px;height:21px}.district-map-credit{z-index:2;background:#fff;padding:3px 7px;font:10px/1.5 Arial,sans-serif;position:absolute;bottom:0;right:0;color:#23272b!important;text-decoration:none!important}.district-map-loading{color:#23272b;background:#fff;padding:7px 10px;font-size:12px;position:absolute;bottom:20px;left:16px}.district-map-note,.district-map-error{color:var(--map-muted);max-width:65ch;margin:12px 0 0!important;font-size:12px!important;line-height:1.65!important}.district-map-error a{text-underline-offset:3px;text-decoration:underline}.district-map :focus-visible{outline:2px solid var(--map-accent);outline-offset:-3px}@media (max-width:600px){.district-map-heading{flex-direction:column;align-items:flex-start;gap:2px}.district-map-controls{top:10px;right:10px}}