/* Location controls are independent of faction colors and retain a 44px target. */
#tactical .map-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:12px/1.4 system-ui}
#tactical .map-tools>div{display:flex;gap:6px;flex-wrap:wrap}
#tactical .map-tools button{min-height:44px;min-width:44px;padding:8px 12px;font:600 12px/1.4 system-ui;letter-spacing:0}
#tactical .map-tools .tactical-locate{display:flex;align-items:center;justify-content:center;gap:7px;background:#e8bc73;color:#15212a;border:1px solid #f4d5a4;border-radius:6px}
.tactical-locate>span:first-child{font-size:22px;line-height:1}
#tactical .tactical-location-readout{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#e8bc73;background:#191e23;border:1px solid #e8bc7350;border-radius:6px;padding:9px 12px;font:12px/1.5 system-ui}
#map-location-heading{color:#dfddd2;margin-left:auto;font-variant-numeric:tabular-nums}
.tactical-location-key{font-size:18px}
#tactical .tactical-location-help{font:12px/1.5 system-ui;color:#c4c5be;margin:7px 0 12px}
#tactical-map{touch-action:none!important}
#tactical .map-body{flex-shrink:0;overflow:visible}
#tactical button:focus-visible,#tactical-map:focus-visible{outline:3px solid #e8bc73;outline-offset:3px}
#tactical .map-sector b{font:600 12px/1.4 system-ui}
#tactical .map-sector small{font:11px/1.4 system-ui}
#tactical #sector-detail{background:#20242a;border:1px solid #e8bc7340;border-radius:8px;padding:14px;color:#eee7dc}
#tactical #sector-detail .eyebrow{color:#e8bc73;font:600 11px/1.4 system-ui;letter-spacing:.6px}
#tactical #sector-detail h3{font:600 20px/1.3 system-ui;margin:8px 0;color:#f5ecdc}
#tactical #sector-detail p,#tactical #sector-detail .sector-yield{font:12px/1.5 system-ui;color:#cdc6bc}
#tactical #sector-detail button{min-height:44px;padding:10px 12px;font:600 12px/1.4 system-ui;letter-spacing:0;border-radius:5px;background:#e8bc73;color:#20242a}
#tactical #sector-detail button:disabled{background:#303238;color:#c4c7cc;opacity:1}
@media(max-width:900px){
 #tactical .map-body{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0}
 #tactical .map-body>canvas{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1;flex:none;align-self:center}
 #tactical .map-body>aside{width:100%;min-width:0!important;max-height:none!important}
 #tactical .map-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #tactical .map-tools>div:first-of-type{display:contents}
 #tactical .map-tools button{min-width:0;padding:7px;font-size:11px}
 #tactical #map-zoom-label{grid-row:2;grid-column:1/3;font:11px/1.4 system-ui}
 #tactical .map-tools>div:last-child{grid-row:2;grid-column:3;justify-content:stretch;gap:4px}
 #tactical .map-tools>div:last-child button{flex:1;min-width:44px;font-size:18px}
 #tactical .map-top h2{font-size:23px}
 #map-location-heading{font-size:11px}
}
@media(min-width:600px) and (max-width:900px) and (max-height:550px){
 #tactical .map-dialog{padding:10px!important}
 #tactical .map-top{min-height:44px;padding-bottom:0;margin-bottom:4px;align-items:center}
 #tactical .map-top .eyebrow,#tactical .map-stats,#tactical #map-zoom-label,#tactical .tactical-location-help{display:none}
 #tactical .map-top h2{font:600 20px/1.2 system-ui!important;margin:0}
 #tactical #close-map{width:44px;height:44px;min-width:44px;margin:0}
 #tactical .map-tools{grid-template-columns:repeat(3,minmax(0,1fr)) auto;margin-bottom:4px;gap:6px}
 #tactical .map-tools>div:last-child{grid-row:auto;grid-column:auto}
 #tactical .tactical-location-readout{padding:3px 8px;gap:6px;font-size:11px;margin-bottom:6px}
 #tactical .tactical-location-key{font-size:14px}
 #tactical .map-body{display:grid!important;grid-template-columns:minmax(160px,min(44%,calc(100dvh - 176px))) minmax(220px,1fr);align-items:start}
 #tactical .map-body>canvas{width:min(100%,calc(100dvh - 176px))!important;height:auto!important;align-self:start;justify-self:start}
}