#stage.pm-stage {
  aspect-ratio: 1;
  padding: 0.5rem;
}

#board-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.hud select {
  background: #12151a;
  color: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0.2rem 0.35rem;
  font: inherit;
  margin-left: 0.35rem;
}

.pm-edge {
  stroke: rgba(242, 240, 234, 0.22);
  stroke-width: 0.8;
}

.pm-node {
  fill: #12151a;
  stroke: rgba(242, 240, 234, 0.35);
  stroke-width: 0.6;
  cursor: pointer;
}

.pm-node.hint {
  stroke: var(--acid);
  stroke-width: 1.2;
}

.pm-piece {
  pointer-events: none;
  font-size: 5px;
  text-anchor: middle;
  dominant-baseline: central;
}

.pm-selected {
  stroke: var(--acid) !important;
  stroke-width: 1.4 !important;
}