/* Consumer-owned graph layout and colors; excluded from the reusable package. */
model-graph {
  height: 55vh !important;
  min-height: 330px !important;
  /* Small, dim background stars are decoration; bright shaped stars are entities.
     Static layers keep exploration smooth and avoid perpetual animation. */
  background-color: #0b1529;
  background-image:
    radial-gradient(ellipse at 15% 15%, #21395770, transparent 60%),
    radial-gradient(ellipse at 85% 80%, #33305a50, transparent 60%),
    radial-gradient(circle at 23px 41px, #a6bfdd70 0.7px, transparent 1px),
    radial-gradient(circle at 83px 17px, #c4d6ed50 0.6px, transparent 1px),
    radial-gradient(circle at 47px 89px, #a6bfdd40 0.5px, transparent 1px);
  background-size:
    auto,
    auto,
    173px 137px,
    263px 211px,
    113px 197px;
  --graph-node: #d6e6ff;
  --graph-node-size: 18;
  --graph-border: #a3c4f3;
  --graph-halo: #85b8ff;
  --graph-text: #e0eafa;
  --graph-label-background: #0b1529;
  --graph-edge: #8cadd5;
  --graph-selected: #ffffff;
  --graph-added: #75e4b4;
  --graph-changed: #ffd081;
  --graph-removed: #ff9eae;
}

.map-panel {
  border-color: #293d58;
}
.constellation-bar,
.map-tools,
.map-caption,
.shape-legend {
  background: #111e33;
  color: #c3d2e8;
  border-color: #293d58;
}
.constellation-bar label,
.constellation-bar p {
  color: #c3d2e8;
}
.constellation-bar select,
.map-tools button,
.map-tools select {
  background: #1c2e48;
  color: #e1eafb;
  border-color: #3f5674;
}
.map-tools button[aria-pressed='true'] {
  background: #c3dcff;
  color: #10223c;
}
.constellation-bar a {
  color: #b9d5ff;
}
.shape-legend svg {
  fill: #d6e6ff;
  stroke: #a3c4f3;
  stroke-width: 1;
}
.map-caption i.added {
  background: #75e4b4;
}
.map-caption i.changed {
  background: #ffd081;
}
.map-caption i.removed {
  background: #ff9eae;
}