/* Правила renderer вынесены из художественных стилей. Исходные SVG остаются
   полноценным fallback и источником доступных объектов/фокуса. */
.context-hologram > svg {
  display: block;
  width: 100%;
  height: 100%;
}
.context-hologram {
  z-index: 0;
}
.graph-controls,
.context-preview__label {
  z-index: 2;
}
[data-render-surface] > svg {
  position: relative;
  z-index: 1;
}
.render-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  pointer-events: none;
}
.render-canvas[hidden] {
  display: none;
}
[data-render-owned] {
  visibility: hidden !important;
  animation-play-state: paused !important;
}
[data-render-paused],
[data-render-paused] *,
[data-render-paused]::before,
[data-render-paused]::after,
[data-render-paused] *::before,
[data-render-paused] *::after,
html[data-render-hidden] *,
html[data-render-hidden] *::before,
html[data-render-hidden] *::after {
  animation-play-state: paused !important;
}
html[data-renderer] .panel::after,
html[data-renderer] .orbit-overview::after {
  content: none;
}
.render-light {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  contain: strict;
  opacity: 0;
  transition: opacity 400ms;
}
.render-light__spot {
  position: absolute;
  top: 0;
  left: 0;
  width: 720px;
  height: 720px;
  background: radial-gradient(circle, #dbb77019, transparent 70%);
}
.render-light[data-active] .render-light__spot {
  will-change: transform;
}
.ambient-backdrop__aurora {
  --render-glow-blur: 65;
}
.ambient-backdrop__aurora[data-render-cached] {
  background: none;
  filter: none;
}
.ambient-backdrop:not([data-render-paused])
  .ambient-backdrop__aurora[data-render-cached] {
  will-change: transform;
}
.render-glow {
  position: absolute;
  max-width: none;
  pointer-events: none;
}
@media (max-width: 760px) {
  .ambient-backdrop__aurora {
    --render-glow-blur: 40;
  }
}
@media (prefers-reduced-motion: reduce) {
  .render-light {
    display: none;
  }
}
html[data-motion="reduced"] .render-light {
  display: none;
}

/* Радар перерисовывается отдельно от статичных узлов с их SVG-фильтрами. */
.graph-atmosphere {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: min(72vh, 740px);
  pointer-events: none;
  z-index: 0 !important;
}
@keyframes cs-aura-flow {
  to {
    stroke-dashoffset: -144.51326;
  }
}
.graph-node--selected .graph-node__aura {
  animation: cs-aura-flow 18s linear infinite;
}