/* Volumetric overview, loaded after enhancements.css. All motion is local CSS. */
#networkMap .network-stage { min-height: 0; background: radial-gradient(ellipse at 50% 38%, #10334b99, transparent 66%), #030b18; }
#networkMap .network-console { transform: none; }
#networkMap #refNetworkSvg { min-height: 0; aspect-ratio: 1000 / 760; touch-action: auto; overflow: hidden; }
#networkMap .network-stage::before { background: radial-gradient(ellipse at 50% 50%, #38bdf809, transparent 65%); transform: none; animation: rn-atmosphere 8s ease-in-out infinite; }
#networkMap .network-stage::after { inset: 10px; }
#networkMap .network-console__head { flex-wrap: wrap; }
#networkMap .network-live { font-size: .61rem; letter-spacing: .06em; }
#networkMap .network-console__scale { text-align: left; }
#networkMap .network-filter, #networkMap .network-action, #networkMap select, #networkMap summary, #networkMap .rn-segment-button { min-height: 44px; }
#networkMap .network-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
#networkMap .rn-level-button { border-radius: 12px; border-bottom-color: var(--rn-color,#67e8f9); padding: 6px; }
#networkMap .rn-level-button:first-child { grid-column: 1 / -1; }
#networkMap .network-detail { min-height: 190px; }
#networkMap .network-detail p { line-height: 1.7; }
#networkMap .network-stage__legend { font-size: .59rem; background: #06101fe8; }
.rn-select-wrap { display: none; }
.rn-segments { margin-top: 12px; color: #a6c0d5; font-size: .75rem; }
.rn-segments summary { display: flex; align-items: center; padding: 10px 15px; border: 1px solid #294158; border-radius: 12px; cursor: pointer; width: fit-content; }
.rn-segments summary::before { content: '+'; margin-right: 10px; color: #67e8f9; font-size: 1.1rem; }
.rn-segments[open] summary::before { content: '−'; }
.rn-segment-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 6px; padding-top: 10px; }
.rn-segment-button { padding: 9px 12px; border: 1px solid #28405a; border-radius: 10px; background: #071526; color: #dceffa; font: inherit; cursor: pointer; text-align: left; }
.rn-segment-button[aria-pressed='true'] { border-color: #facc15; }
#networkMap button:focus-visible, #networkMap select:focus-visible, #networkMap summary:focus-visible { outline: 3px solid #e0f2fe; outline-offset: 3px; }
.rn-layer-shadow { fill: #000a; filter: blur(5px); }
.rn-surface { fill: color-mix(in srgb,var(--rn-color) 6%,#081528); stroke: color-mix(in srgb,var(--rn-color) 27%,transparent); stroke-width: 1.3; }
.rn-layer.is-focused .rn-surface { fill: color-mix(in srgb,var(--rn-color) 15%,#081528); stroke: var(--rn-color); stroke-width: 2; }
.rn-layer-label { fill: var(--rn-color); font: 800 17px Inter,sans-serif; }
.rn-layer-count { fill: #b9cfde; font: 11px Inter,sans-serif; }
.rn-link, .rn-link-flow, .rn-return { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; pointer-events: none; }
.rn-link { stroke: #22d3ee; stroke-width: .8; opacity: .22; }
.rn-link-flow { stroke: #67e8f9; stroke-width: 1.2; stroke-dasharray: 2 17; opacity: .65; animation: rn-outward 2.8s linear infinite; }
.rn-return { stroke: #f5bf47; stroke-width: 1; opacity: .3; }
.rn-particle { fill: #ffe6a2; offset-distance: 0%; animation: rn-inward 4.8s linear infinite; filter: drop-shadow(0 0 4px #fbbf24); pointer-events: none; }
.rn-node { cursor: pointer; outline: none; }
.rn-hit { fill: transparent; stroke: transparent; stroke-width: 2; }
.rn-node-shadow { fill: #0009; }
.rn-node-core { fill: #0e2134; stroke: var(--rn-color); stroke-width: 1.6; filter: drop-shadow(0 2px 3px #000b); }
.rn-node-glint { fill: var(--rn-color); opacity: .2; pointer-events: none; }
.rn-node-label { fill: #edf8ff; font: 700 10px Inter,sans-serif; text-anchor: middle; pointer-events: none; paint-order: stroke; stroke: #0e2134; stroke-width: 2px; }
.rn-node.is-selected .rn-node-core { fill: color-mix(in srgb,var(--rn-color) 24%,#0e2134); stroke-width: 3; }
.rn-node:hover .rn-hit, .rn-node:focus-visible .rn-hit { stroke: #f0f9ff; fill: #67e8f90b; }
.rn-node.is-selected .rn-hit { stroke: var(--rn-color); stroke-dasharray: 3 3; }
.rn-root { cursor: pointer; outline: none; }
.rn-root-shadow { fill: #000b; filter: blur(5px); }
.rn-root-disc { fill: #0b2939; stroke: #b0f3ff; stroke-width: 2; filter: drop-shadow(0 0 12px #22d3ee50); }
.rn-root:focus-visible .rn-root-disc, .rn-root:hover .rn-root-disc { stroke: white; stroke-width: 4; }
.rn-root-label { fill: #e0faff; font: 800 16px Inter,sans-serif; text-anchor: middle; pointer-events: none; }
.rn-node.is-muted { opacity: .35; }
.rn-link.is-muted, .rn-link-flow.is-muted, .rn-return.is-muted, .rn-particle.is-muted { opacity: .08; }
#networkMap[data-motion='running'] *, #networkMap[data-motion='running'] *::before, #networkMap[data-motion='running'] *::after { animation-play-state: running !important; }
#networkMap[data-motion='paused'] *, #networkMap[data-motion='paused']::before, #networkMap[data-motion='paused']::after,
#networkMap[data-motion='paused'] *::before, #networkMap[data-motion='paused'] *::after { animation-play-state: paused !important; transition: none !important; }
#networkMap.rn-restarting *, #networkMap.rn-restarting *::before, #networkMap.rn-restarting *::after { animation: none !important; }
@keyframes rn-outward { to { stroke-dashoffset: -76; } }
@keyframes rn-inward { 0% { offset-distance: 0%; opacity: 0; } 12% { opacity: .9; } 85% { opacity: .9; } 100% { offset-distance: 100%; opacity: 0; } }
@keyframes rn-atmosphere { 50% { opacity: .35; } }
@media (max-width: 900px) and (min-width: 641px) {
  #networkMap .network-console { grid-template-columns: 1fr 1fr; }
  #networkMap .network-filters { grid-template-columns: repeat(6,minmax(0,1fr)); grid-column: 1 / -1; }
  #networkMap .rn-level-button:first-child { grid-column: auto; }
}
@media (max-width: 640px) {
  #networkMap #refNetworkSvg { min-height: 0; aspect-ratio: 400 / 740; }
  #networkMap .network-console { display: flex; flex-direction: column; }
  #networkMap .network-filters { display: none; }
  .rn-select-wrap { display: grid; gap: 7px; width: 100%; }
  .rn-select-wrap label { font-size: .76rem; color: #b9cfde; }
  .rn-select-wrap select { width: 100%; padding: 10px 13px; border: 1px solid #3c6a88; border-radius: 11px; color: #e7f6ff; background: #081728; font: inherit; font-size: .85rem; }
  #networkMap .network-detail { min-height: 0; }
  #networkMap .network-stage__legend { right: 10px; left: 10px; bottom: 12px; gap: 6px 12px; }
  .rn-layer-label { font-size: 13px; }
  .rn-layer-count { font-size: 9px; }
  .rn-node-label { font-size: 9px; }
  .rn-segment-list { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  #networkMap *, #networkMap::before, #networkMap::after, #networkMap *::before, #networkMap *::after { animation: none !important; transition: none !important; }
}