.core-art .core-center { animation: none; }
.art-controls { display: flex; align-items: center; gap: 8px; }
.orbit-toggle { border: 1px solid #52614c; border-radius: 3px; padding: 4px 7px; background: transparent; color: #bdc7b7; font: 9px/1.5 monospace; cursor: pointer; white-space: nowrap; }
.orbit-toggle:hover { border-color: #c5f36b; color: #c5f36b; }
.orbit-toggle:focus-visible { outline: 2px solid #c5f36b; outline-offset: 3px; }
.orbit-toggle:disabled { cursor: default; opacity: .65; }
.core-art .orbit-track { transform-box: view-box; transform-origin: 310px 292px; animation: sy-orbit-turn var(--orbit-period, 72s) linear infinite; }
.core-art .orbit-one { --orbit-period: 72s; }
.core-art .orbit-two { --orbit-period: 96s; animation-direction: reverse; }
.core-art .orbit-three { --orbit-period: 88s; }
.core-art .orbit-four { --orbit-period: 120s; animation-direction: reverse; }
.core-art .orbit-axis { --orbit-period: 144s; }
.core-art .orbit-arcs { --orbit-period: 64s; }
.core-art .orbit-point { filter: drop-shadow(0 0 3px #c5f36b80); }
.core-art .orbit-connectors { animation: sy-signal-flow 5s linear infinite; }
.core-art .orbit-static { display: none; }
.core-art.is-paused .orbit-track, .core-art.is-paused .orbit-connectors { animation-play-state: paused; }
@keyframes sy-orbit-turn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes sy-signal-flow { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -36; } }
@media (max-width: 520px) { .art-controls { gap: 5px; } .orbit-toggle { font-size: 8px; padding: 3px 5px; } }
@media (prefers-reduced-motion: reduce) {
  .core-art .orbit-track, .core-art .orbit-connectors { animation: none; }
  .core-art .orbit-point { display: none; }
  .core-art .orbit-static { display: block; }
}