.layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 7;
  overflow: visible;
}

.lineGlow {
  stroke: rgba(40, 180, 255, 0.28);
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.line {
  stroke: rgba(90, 210, 255, 0.92);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 7 5;
}

.start {
  fill: rgba(120, 230, 255, 0.95);
  stroke: rgba(0, 0, 0, 0.45);
  stroke-width: 1;
}

.closed {
  stroke: rgba(255, 200, 80, 0.9);
  stroke-width: 1.5;
}

.emphasized .line {
  stroke: rgba(255, 220, 120, 0.95);
  stroke-dasharray: none;
}

.emphasized .lineGlow {
  stroke: rgba(255, 200, 80, 0.35);
}