.db-radar{min-height:380px;position:relative}.db-ring{border:1px solid color-mix(in srgb, var(--aurora-accent-primary) 22%, transparent);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.db-ring--a{width:240px;height:240px}.db-ring--b{border-color:color-mix(in srgb, var(--aurora-accent-primary) 14%, transparent);width:380px;height:380px}.db-ring--c{border-color:color-mix(in srgb, var(--aurora-accent-primary) 8%, transparent);width:520px;height:520px}.db-trace{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--aurora-accent-primary) 35%, transparent), transparent);width:1px;position:absolute;top:50%;left:50%}.db-trace--one{height:460px;transform:translate(-50%,-50%)rotate(24deg)}.db-trace--two{height:460px;transform:translate(-50%,-50%)rotate(-38deg)}.db-node{top:var(--y);left:var(--x);border:1px solid var(--aurora-border-strong);background:var(--aurora-control-surface);box-shadow:var(--aurora-highlight-medium);color:var(--aurora-text-muted);font-family:var(--aurora-font-sans);font-size:var(--aurora-type-caption);font-weight:var(--aurora-weight-ui);letter-spacing:var(--aurora-letter-meta);animation:.48s ease-out both db-node-in;animation-delay:var(--delay);border-radius:999px;padding:3px 9px;position:absolute;transform:translate(-50%,-50%)}.db-node--core{border-color:color-mix(in srgb, var(--aurora-accent-primary) 45%, transparent);box-shadow:var(--aurora-active-glow);color:var(--aurora-accent-strong)}@keyframes db-node-in{0%{opacity:0;transform:translate(-50%,-30%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.db-node{animation:none}}@media (max-width:1024px){.db-radar{display:none}}