/* RABLA — css/map.css (W5): the canvas planet map (PHASE1_SPEC §6).
   The topbar (#map-cores / GARAGE / ACHIEVEMENTS / BACK) comes from style.css and stays. The old
   DOM map pieces that index.html still carries (bands, SVG road, node list, marker, tooltip) are hidden
   here; `#map-nodes` keeps one invisible proxy button (.map-proxy.selected) so main.js's Enter handling
   (`#map-nodes .selected`.click()) reaches js/ui/map.js. */

#screen-map { overflow: hidden; }

#map-canvas {
  position: absolute;
  left: 0;
  top: var(--topbar-h);
  width: 1280px;
  height: calc(720px - var(--topbar-h));
  display: block;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  background: var(--space);
  z-index: 1;
}
#map-canvas:active { cursor: grabbing; }

/* legacy DOM map layers: not used by the canvas map */
#screen-map .map-bands,
#screen-map .map-road,
#screen-map .map-machine,
#screen-map #map-tooltip { display: none !important; }

#map-nodes {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
#map-nodes .map-proxy {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}