.sector-shortcuts{margin:8px 0 12px;color:var(--ink,inherit)}
.sector-map,.sector-return-card{border:1px solid var(--line,#718b88);border-radius:14px;background:var(--paper,#172d31);padding:12px}
.sector-map-summary{cursor:pointer;font-weight:750;min-height:34px;display:flex;align-items:center}
.sector-map-intro{font-size:.85rem;line-height:1.45;margin:8px 0 12px;color:inherit;opacity:.82}
.sector-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sector-map-sector{text-align:left;min-width:0;min-height:56px;padding:8px;border:1px solid #718b8880;border-radius:10px;background:transparent;color:inherit}
.sector-map-sector strong,.sector-map-sector small{display:block;overflow-wrap:anywhere}.sector-map-sector strong{font-size:.82rem}.sector-map-sector small{font-size:.7rem;opacity:.8}
.sector-map-sector[aria-pressed=true]{outline:2px solid #70b49e;outline-offset:1px}
.sector-map-machines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
.sector-machine-row{display:flex;gap:5px;align-items:center;border-radius:9px;background:#607f7920;padding:7px;min-width:0}
.sector-machine-row strong{flex:1;min-width:0;font-size:.78rem;overflow-wrap:anywhere}.sector-machine-row button,.sector-return-card button{min-height:44px;padding:6px 9px;font-size:.76rem}
.sector-return-card{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.sector-return-card span{flex:1;font-size:.85rem;overflow-wrap:anywhere}
.sector-map button:focus-visible,.sector-return-card button:focus-visible,.sector-map summary:focus-visible{outline:3px solid #efb45d;outline-offset:2px}
@media(max-width:650px){.sector-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-map-machines{grid-template-columns:1fr}}
html[data-lounge-theme="light"] .sector-map,html[data-lounge-theme="light"] .sector-return-card{background:#f7fbf8;color:#183a35;border-color:#afc8c1}
html[data-lounge-theme="dark"] .sector-map,html[data-lounge-theme="dark"] .sector-return-card{background:#182b31;color:#e4f3ee;border-color:#526d6c}

/* District directory stays inside the optional map, below the game shortcuts. */
.district-directory{margin-top:16px;border-top:1px solid #718b8866;padding-top:12px}
.district-directory h3{margin:0 0 6px;font-size:1rem}.district-directory>p,.district-card p,.district-guide li{font-size:.8rem;line-height:1.5}
.district-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.district-card{min-width:0;padding:10px;border:1px solid #718b8855;border-radius:12px;background:#607f7912}
.district-card a,.district-card button{display:flex;align-items:center;min-height:44px;font:inherit;font-size:.85rem;font-weight:750;color:inherit;overflow-wrap:anywhere;text-align:left}
.district-card a:focus-visible{outline:3px solid #efb45d;outline-offset:2px}.district-card p{margin:7px 0 0;opacity:.86;overflow-wrap:anywhere}
.district-guide{margin-top:12px}.district-guide summary{cursor:pointer;min-height:44px;font-size:.85rem;font-weight:700}.district-guide li{margin:8px 0}.district-guide ol{padding-left:22px}
.sector-machine-info{flex:1;min-width:0}.sector-machine-info strong,.sector-machine-mode{display:block;overflow-wrap:anywhere}.sector-machine-mode{font-size:.68rem;line-height:1.4;opacity:.8;margin-top:4px}
@media(max-width:650px){.district-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.district-grid{grid-template-columns:1fr}.sector-machine-row{flex-wrap:wrap}.sector-machine-info{flex-basis:100%}}