.position-radar { margin-top: 24px; padding-top: 20px; border-top: 1px solid #343741; }
.position-radar-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.position-radar-heading strong { font: 700 14px/1.5 Sora, sans-serif; text-transform: uppercase; }
.position-radar-heading span, .position-radar-caption { color: #a0a7b7; font: 400 12px/1.6 Inter, sans-serif; }
.position-radar-canvas { position: relative; max-width: 480px; margin: 0 auto; }
.position-radar-canvas svg { display: block; width: 100%; height: auto; overflow: visible; }
.position-radar-grid polygon, .position-radar-grid circle, .position-radar-grid line { fill: none; stroke: #414652; stroke-width: 1; }
.position-radar-grid text { fill: #929aab; font: 10px Inter, sans-serif; }
.position-radar-shape { fill: rgba(229, 72, 77, .18); stroke: #e5484d; stroke-width: 2.5; stroke-linejoin: round; }
polyline.position-radar-shape { fill: none; }
.position-radar-node { cursor: pointer; outline: none; }
.position-radar-hit { fill: transparent; }
.position-radar-point { fill: #e5484d; stroke: #f4f4f6; stroke-width: 2; transition: stroke-width .15s, fill .15s; }
.position-radar-node text { fill: #dce0e8; font: 700 12px Sora, sans-serif; }
.position-radar-node:hover .position-radar-point, .position-radar-node:focus .position-radar-point { fill: #fff; stroke: #e5484d; stroke-width: 4; }
.position-radar-tooltip { position: absolute; z-index: 2; max-width: calc(100% - 16px); width: max-content; padding: 10px 12px; border: 1px solid #e5484d; border-radius: 10px; background: #101217; color: #eef0f4; white-space: pre-line; overflow-wrap: anywhere; font: 500 12px/1.6 Inter, sans-serif; pointer-events: none; box-sizing: border-box; }
.position-radar-tooltip[hidden] { display: none; }
html[data-theme="light"] .position-radar-node text { fill: #292d37; }