.city-overview-panel,.city-explorer-panel,.underworld-panel{grid-column:1/-1}
.city-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}.city-kpis>div{background:rgba(255,255,255,.028);border:1px solid rgba(196,181,132,.13);padding:14px;min-height:82px}.city-kpis span{display:block;color:#7f9081;font-size:10px;letter-spacing:.12em}.city-kpis b{display:block;margin-top:7px;font:700 22px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e6dcc1}.city-note{margin:12px 0 0;color:#899587;font-size:12px;line-height:1.6}
.city-explorer-head{gap:16px}.city-explorer-head .filters{display:flex;gap:8px;flex-wrap:wrap}.city-explorer-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:14px}.city-map-card{position:relative;min-width:0}.city-map-card canvas{display:block;width:100%;height:auto;max-height:620px;background:#111713;border:1px solid rgba(198,184,135,.16);touch-action:none}.district-focus{margin-top:8px;border:1px solid rgba(198,184,135,.12);background:rgba(255,255,255,.025);padding:9px 11px;color:#9cab9d;font-size:11px}.district-focus b{color:#e9dfc5}.city-side{display:grid;gap:14px;align-content:start}.city-metrics{border:1px solid rgba(198,184,135,.13);background:rgba(255,255,255,.02)}.city-meta{padding:13px;border-bottom:1px solid rgba(198,184,135,.1)}.city-meta span{display:block;color:#8e9c8e;font-size:10px;letter-spacing:.11em}.city-meta b{display:block;color:#e5dbc1;font-size:19px;margin-top:4px}.city-metrics dl,.gang-card dl{display:grid;grid-template-columns:1fr auto;margin:0;padding:10px 13px;gap:7px 12px;font-size:11px}.city-metrics dt,.gang-card dt{color:#788679}.city-metrics dd,.gang-card dd{margin:0;color:#d8d3bd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.city-officials{display:grid;gap:6px;margin-top:8px}.city-officials>div{display:flex;justify-content:space-between;gap:14px;padding:9px 10px;border:1px solid rgba(198,184,135,.1);background:rgba(255,255,255,.02);font-size:11px}.city-officials span{color:#7f8e80}.city-officials b{color:#dcd4bc;text-align:right}.city-districts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;max-height:300px;overflow:auto}.city-districts button{display:grid;grid-template-columns:8px 1fr;grid-template-rows:auto auto;gap:1px 7px;text-align:left;padding:8px;border:1px solid rgba(198,184,135,.1);background:rgba(255,255,255,.018);color:#cfcbb8}.city-districts button:hover,.city-districts button.active{border-color:rgba(231,203,126,.48);background:rgba(214,182,100,.07)}.city-districts button i{grid-row:1/3;width:7px;height:100%;min-height:24px}.city-districts button span{font-size:11px}.city-districts button small{color:#758276;font-size:9px}
.underworld-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.underworld-grid>div>h3{font-size:12px;color:#9da89a;margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em}.gang-list,.business-list{display:grid;gap:8px;max-height:520px;overflow:auto}.gang-card{border:1px solid rgba(184,91,83,.2);background:linear-gradient(120deg,rgba(89,43,39,.12),rgba(255,255,255,.018));padding:11px}.gang-title{display:flex;gap:10px;align-items:flex-start}.gang-title>i{width:9px;height:45px;flex:0 0 auto}.gang-title span{color:#8e998c;font-size:9px;letter-spacing:.12em}.gang-title h3{margin:2px 0;color:#e2d9c0;font-size:15px}.gang-title p{margin:0;color:#869487;font-size:10px}.gang-bars{display:grid;gap:5px;margin-top:10px}.gang-bars label{display:grid;grid-template-columns:58px 1fr 28px;gap:8px;align-items:center;color:#849084;font-size:9px}.gang-bars label>i{height:5px;background:#252d27;overflow:hidden}.gang-bars label>i>b{display:block;height:100%;background:#a57958}.gang-bars strong{text-align:right;color:#b9b9a7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gang-card dl{padding:9px 0 0}.business-row{display:grid;grid-template-columns:1fr minmax(90px,.55fr) 30px;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(198,184,135,.1);background:rgba(255,255,255,.018)}.business-row b{display:block;color:#d8d1ba;font-size:11px}.business-row small{display:block;color:#738075;font-size:9px;margin-top:2px}.business-row>span{color:#929d91;font-size:9px;text-align:right}.business-row>strong{color:#d1b16c;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}
@media(max-width:1100px){.city-kpis{grid-template-columns:repeat(3,1fr)}.city-explorer-grid,.underworld-grid{grid-template-columns:1fr}.city-map-card canvas{max-height:none}}
@media(max-width:620px){.city-kpis{grid-template-columns:repeat(2,1fr)}.city-districts{grid-template-columns:1fr}.business-row{grid-template-columns:1fr auto}.business-row>span{display:none}}