/* The map stays one screen: chart above, selected destination and actions below. */
#galaxy-map{position:absolute;inset:0;z-index:22;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;color:#e5e5e5;background:#000;font:14px system-ui,sans-serif;isolation:isolate}
#galaxy-map[hidden]{display:none}
#galaxy-map *{box-sizing:border-box}
#galaxy-map button{font:600 13px system-ui,sans-serif;padding:11px 16px;min-height:42px;border:1px solid #444;border-radius:5px;background:#161616;color:#ddd;cursor:pointer;white-space:nowrap;box-shadow:none}
#galaxy-map button:hover{background:#242424;border-color:#888}
#galaxy-map button:focus-visible,#galaxy-map [role="button"]:focus-visible{outline:2px solid #93e4db;outline-offset:3px}
#galaxy-map button:disabled{opacity:.4;cursor:default}
#galaxy-map button[hidden]{display:none}
#galaxy-map .map-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:#090909;border:0;border-bottom:1px solid #303030;box-shadow:none}
#galaxy-map h2{margin:0;font-size:22px;font-weight:600;letter-spacing:0}
#galaxy-map .map-location{margin:3px 0 0;color:#aaa;font-size:12px;line-height:1.4}
#galaxy-map .map-header>div:first-child{min-width:0}
#galaxy-map .map-coordinates{display:flex;flex-wrap:wrap;gap:2px 14px;margin:4px 0 0;color:#91d1df;font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums}
#galaxy-map .map-coordinates span{white-space:nowrap}
#galaxy-map .map-controls{display:flex;align-items:center;gap:10px}
#galaxy-map .map-zoom{display:flex;gap:1px}
#galaxy-map .map-zoom button{width:42px;padding:5px;font-size:23px;line-height:1}
#galaxy-map .map-zoom button:first-child{border-radius:5px 0 0 5px}
#galaxy-map .map-zoom button:last-child{border-radius:0 5px 5px 0}
#galaxy-map .map-close{margin-left:5px;background:transparent}
#galaxy-map .map-close span{margin-left:10px;font-size:10px;color:#829da8;font-weight:400}
#galaxy-map .map-viewport{position:relative;min-height:0;min-width:0;overflow:hidden;background:#000}
#galaxy-map .map-chart{display:block;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:grab;user-select:none}
#galaxy-map .map-chart:active{cursor:grabbing}
#galaxy-map .map-scale{position:absolute;top:15px;left:24px;color:#999;font-size:11px;pointer-events:none;background:#000c;padding:5px 7px;border-radius:3px}
#galaxy-map .map-help{position:absolute;bottom:10px;left:24px;margin:0;color:#728c98;font-size:11px;pointer-events:none}
#galaxy-map .map-system-boundary{pointer-events:none}
#galaxy-map .map-system-boundary ellipse{fill:none;stroke:#7c7c7c33;stroke-width:1;stroke-dasharray:5 8}
#galaxy-map .map-system-boundary text{font:12px system-ui;letter-spacing:.18em;fill:#999}
#galaxy-map .map-destination-node{cursor:pointer;outline:none}
#galaxy-map .map-hit{fill:transparent}
#galaxy-map .map-dot{fill:var(--node-color);stroke:var(--node-color);stroke-width:1;fill-opacity:1}
#galaxy-map .map-destination-node.unknown .map-dot{fill:#000;stroke:#858585}
#galaxy-map .map-destination-node:hover .map-dot,#galaxy-map .map-destination-node:focus-visible .map-dot{stroke:#fff;stroke-width:2}
#galaxy-map .map-selection-ring{fill:none;stroke:#eefaff;stroke-width:1.3}
#galaxy-map .map-restricted-ring{fill:none;stroke:#ffed15;stroke-width:1.4;stroke-dasharray:3 2}
#galaxy-map .map-label{fill:#d2d2d2;font:13px system-ui,sans-serif;paint-order:stroke;stroke:#000;stroke-width:4px;stroke-linejoin:round;cursor:pointer}
#galaxy-map .map-destination-node:hover .map-label,#galaxy-map .map-destination-node:focus-visible .map-label{fill:#fff}
#galaxy-map .selected .map-label{fill:#f1dfab}
#galaxy-map .map-saved-marker{fill:none;stroke:#e7ce86;stroke-width:1.6}
#galaxy-map .map-navigation-line{fill:none;stroke:#79c8c4;stroke-width:1;stroke-dasharray:4 7;opacity:.55;pointer-events:none}
#galaxy-map .map-your-ship{pointer-events:none}
#galaxy-map .map-your-ship circle{fill:#0e303840;stroke:#85f1dd;stroke-width:.7;stroke-opacity:.65}
#galaxy-map .map-your-ship image{filter:brightness(1.7) drop-shadow(0 0 1px #b0e5e7)}
#galaxy-map .map-your-ship .map-ship-loading{fill:#aeefdf}
#galaxy-map .map-your-ship text{fill:#aeefdf;font:600 9px system-ui;letter-spacing:.08em;paint-order:stroke;stroke:#000;stroke-width:3px}
#galaxy-map .map-offscreen-ship circle{stroke-dasharray:2 2}
#galaxy-map .map-legend{position:absolute;bottom:30px;left:24px;right:24px;display:flex;flex-wrap:wrap;gap:7px 17px;align-items:center;pointer-events:none;color:#b2c8d0;font-size:10px;line-height:1.4}
#galaxy-map .map-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#galaxy-map .map-legend i{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--key-color)}
#galaxy-map .map-legend .map-key-restricted{background:transparent;border:1.5px dashed var(--key-color);width:9px;height:9px}
#galaxy-map .map-hover{position:absolute;z-index:3;display:grid;gap:4px;max-width:280px;padding:9px 12px;background:#0a0a0af7;border:1px solid #555;border-radius:4px;box-shadow:0 4px 16px #0009;pointer-events:none;font-size:11px;line-height:1.4;color:#ddd}
#galaxy-map .map-hover[hidden]{display:none}
#galaxy-map .map-hover strong{font-size:12px;color:#eef7f9}
#galaxy-map .map-hover[data-tone="hostile"] span{color:#ff7777}
#galaxy-map .map-hover[data-tone="friendly"] span{color:#69bbff}
#galaxy-map .map-hover[data-tone="owned"] span{color:#74ef6f}
#galaxy-map .map-hover small{color:#ffed15}
#galaxy-map .map-destination{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;min-height:96px;background:#090909;border:0;border-top:1px solid #303030;color:#e5e5e5;overflow:hidden}
#galaxy-map .map-destination-info{min-width:0;flex:1}
#galaxy-map h3{margin:0 0 5px;font-size:19px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#galaxy-map .map-destination-meta{margin:0;font-size:12px;line-height:1.5;color:#aaa}
#galaxy-map .map-message{margin:4px 0 0;font-size:12px;color:#e5c886;line-height:1.4}
#galaxy-map .map-message:empty{display:none}
#galaxy-map .map-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
#galaxy-map .map-primary{color:#102b2b;background:#91d4c8;border-color:#91d4c8}
#galaxy-map .map-primary:hover{background:#b2eadc;border-color:#b2eadc}
#galaxy-map .map-marker{font-size:20px;padding:5px;width:42px;min-width:42px;background:transparent;color:#8ca5b0}
#galaxy-map .map-marker.marked{color:#e5cf8a;border-color:#9e8f5e}
#galaxy-map .map-destination-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:5px}
#galaxy-map .map-destination-heading h3{margin:0;max-width:100%}
#galaxy-map .map-welcome,#galaxy-map .map-system-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #51657570;border-radius:4px;padding:3px 7px;font-size:11px;line-height:1.3;white-space:nowrap;color:#b6cbd5}
#galaxy-map .map-welcome:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}
#galaxy-map .map-welcome[data-tone="friendly"]{color:#8ad9f0;border-color:#5793ae70;background:#21404d55}
#galaxy-map .map-welcome[data-tone="hostile"]{color:#ffaaa6;border-color:#cf777870;background:#55282e55}
#galaxy-map .map-welcome[data-tone="owned"]{color:#ade5a7;border-color:#79a77870;background:#264b2b44}
#galaxy-map .map-welcome[data-tone="uninhabited"],#galaxy-map .map-system-status{color:#dfc68b;border-color:#ae965870;background:#4b412344}
#galaxy-map .map-welcome[data-tone="unknown"]{color:#93a7b1}
#galaxy-map .map-system-status[hidden]{display:none}
#galaxy-map .map-system-facts{display:grid;grid-template-columns:minmax(110px,1.5fr) repeat(3,minmax(75px,1fr));gap:8px 16px;max-width:680px;margin:10px 0 0}
#galaxy-map .map-system-facts>div{min-width:0}
#galaxy-map .map-system-facts dt{margin:0 0 3px;color:#7e9ba8;font-size:10px;line-height:1.3}
#galaxy-map .map-system-facts dd{margin:0;color:#c7dce4;font-size:12px;line-height:1.35;overflow-wrap:anywhere}