.wasm-node[data-sector-portal="true"] .wasm-node__core {
  fill: #03040a;
  stroke: currentColor;
  stroke-width: 2.4;
}

.wasm-node[data-sector-portal="true"] .wasm-node__halo {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-dasharray: 3 5;
  opacity: .72;
}

.wasm-node[data-sector-portal="true"]:hover .wasm-node__halo,
.wasm-node[data-sector-portal="true"]:focus .wasm-node__halo,
.wasm-node[data-sector-portal="true"].wasm-node--selected .wasm-node__halo {
  opacity: 1;
  stroke-dasharray: 2 3;
}

@media (prefers-reduced-motion: no-preference) {
  .wasm-node[data-sector-portal="true"]:hover .wasm-node__halo,
  .wasm-node[data-sector-portal="true"]:focus .wasm-node__halo {
    animation: portal-ring 1.8s linear infinite;
  }
}

@keyframes portal-ring {
  to { stroke-dashoffset: -16; }
}