.district-atlas{overflow:hidden}
.atlas-intro{padding:18px 20px;margin:0;color:var(--text-dim);font-size:.9rem}
.atlas-map{display:block;width:100%;height:auto;background:#050310;border-block:1px solid var(--gold-deep)}
.atlas-region{cursor:pointer;outline:none}
.atlas-region polygon{fill:transparent;stroke:transparent;stroke-width:3;transition:fill .2s,stroke .2s;vector-effect:non-scaling-stroke}
.atlas-region:hover polygon,.atlas-region:focus-visible polygon,.atlas-region[aria-expanded="true"] polygon{fill:#ffc83d26;stroke:var(--gold-hi)}
.atlas-region circle{fill:#070413;stroke:var(--gold);stroke-width:2}
.atlas-region text{fill:#fff7de;font:700 20px monospace;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.atlas-region:hover circle,.atlas-region:focus-visible circle{fill:#102955;stroke:#fff}
.atlas-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:18px}
.atlas-key button{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 10px;text-align:left;font:500 .82rem var(--body);color:var(--text);background:var(--panel-3);border:1px solid var(--gold-deep);cursor:pointer}
.atlas-key button span{color:var(--gold);font:700 .75rem var(--mono);min-width:24px}
.atlas-key button:hover,.atlas-key button[aria-expanded="true"]{background:var(--blue-deep);border-color:var(--gold)}
.atlas-key button:focus-visible,.atlas-control:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.atlas-note{margin:0;padding:0 18px 18px;color:var(--muted);font: .65rem var(--mono);text-align:center;text-transform:uppercase;letter-spacing:.1em}
body.district-open{overflow:hidden}
.district-dialog{padding:0;width:min(720px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;overflow:auto;overscroll-behavior:contain;background:#0c071b;color:var(--text);border:2px solid var(--gold);box-shadow:0 0 70px #000c;scrollbar-color:var(--gold-deep) #0c071b}
.district-dialog::backdrop{background:#020108dc;backdrop-filter:blur(6px)}
.district-dialog-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:#0c071bf5;border-bottom:1px solid var(--gold-deep);font: .7rem var(--mono);letter-spacing:.06em;color:var(--gold-hi)}
.atlas-control{min-height:44px;padding:10px 14px;border:1px solid var(--gold-deep);background:var(--panel-3);color:var(--gold-hi);font:700 .7rem var(--mono);cursor:pointer}
.atlas-control:hover{background:var(--blue-deep);border-color:var(--gold)}
.district-details{padding:28px 24px 24px;border-top:3px solid;border-image:linear-gradient(90deg,var(--red) 0 32%,var(--blue) 32% 66%,var(--gold) 66%) 1;background:radial-gradient(circle at 85% 10%,rgba(37,99,255,.1),transparent 34%)}
.district-eyebrow{font: .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-hi);margin:0 0 8px}
.district-details h2{font-size:clamp(1.7rem,5vw,2.4rem);margin:0;border:0;padding:0;line-height:1.2}
.district-known{margin:8px 0 20px;color:var(--text-dim);font-style:italic}
.district-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px;padding:16px 0;border-block:1px solid var(--gold-deep)}
.district-facts dt{font: .62rem var(--mono);color:var(--blue-hi);letter-spacing:.1em;margin-bottom:6px}
.district-facts dd{margin:0;color:var(--gold-hi);font-size:1rem}
.district-hook{margin:24px 0 0;padding:18px;background:var(--panel-3);border:1px solid var(--gold-deep)}
.district-hook h3{margin:0 0 10px;padding-left:10px;border-left:3px solid var(--blue-hi);color:var(--gold-hi);font:.7rem var(--mono);letter-spacing:.08em}
.district-hook p{margin:0;font-size:.9rem;line-height:1.7}
.district-question{margin-top:14px;padding:16px 18px;border-left:4px solid var(--red);background:linear-gradient(90deg,rgba(237,32,56,.1),transparent)}
.district-question span{display:block;margin-bottom:8px;color:var(--red-hi);font:.62rem var(--mono);letter-spacing:.1em}
.district-question p{margin:0;color:var(--gold-hi);font-family:var(--display);font-size:1.05rem;line-height:1.5}
.district-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
@media(max-width:440px){.atlas-key{gap:6px;padding:12px}.atlas-key button{gap:5px;padding:8px;font-size:.75rem}.district-details{padding:18px}.district-dialog-header{padding:8px 12px}.district-facts{gap:10px}}
@media(prefers-reduced-motion:reduce){.atlas-region polygon{transition:none}}