/* ON6UHF v4.3.162 — statuskleur, gescheiden meetlagen en botsingsvrije infoboxen. */
.radar160-marker{color:#91a4aa}
.radar160-marker.status-live{color:#59ee91}
.radar160-marker.status-offline{color:#ff6575}
.radar160-marker.status-unknown{color:#91a4aa}
.r160-status.tx{color:#ffc044;background:rgba(255,174,43,.1);box-shadow:0 0 14px rgba(255,174,43,.18)}
.r160-tx{display:none}.radar160-marker.is-tx .r160-tx{position:absolute;z-index:6;left:-22px;top:-22px;display:block;width:44px;height:44px;border:1px solid #ffc044;border-radius:50%;box-shadow:0 0 22px rgba(255,174,43,.8),inset 0 0 14px rgba(255,174,43,.22);animation:r162txspin 1.2s linear infinite}.radar160-marker.is-tx .r160-tx i{position:absolute;inset:-9px;border:2px solid rgba(255,192,68,.75);border-radius:50%;animation:r162txwave 1.35s ease-out infinite}.radar160-marker.is-tx .r160-tx i:nth-child(2){animation-delay:.45s}.radar160-marker.is-tx .r160-tx b{position:absolute;left:50%;top:-16px;transform:translateX(-50%);padding:2px 5px;border-radius:3px;background:#ffc044;color:#241400;font-size:.48rem;line-height:1;font-weight:1000;letter-spacing:.08em}.radar160-marker.is-tx .r160-point{border-color:#fff;background:#ff9e24;box-shadow:0 0 9px #fff,0 0 24px #ff9e24}.radar160-marker.is-tx .r160-label{border-color:#ffc044;box-shadow:0 7px 20px rgba(0,0,0,.46),0 0 22px rgba(255,174,43,.34)}
.radar160-tx-legend{display:flex;align-items:center;gap:7px;margin:3px 0 0;color:#ffc044;font-size:.57rem;font-weight:800;letter-spacing:.05em}.radar160-tx-legend i{width:8px;height:8px;border:2px solid #ffc044;border-radius:50%;box-shadow:0 0 10px #ffc044;animation:r162txwave 1.35s ease-out infinite}
.radar160-marker .r160-label{border-color:currentColor;border-left:3px solid currentColor;background:rgba(3,17,26,.94);box-shadow:0 7px 20px rgba(0,0,0,.42),inset 0 0 22px color-mix(in srgb,var(--mode,#36d7f2) 7%,transparent)}
.radar160-marker .r160-label b span{color:var(--mode,#36d7f2);font-weight:900;letter-spacing:.12em}
.radar160-marker .r160-label b em{color:currentColor}
.radar160-marker .r160-leader{color:currentColor}
.radar160-marker.status-live .r160-label{box-shadow:0 7px 20px rgba(0,0,0,.44),0 0 12px rgba(89,238,145,.16),inset 0 0 22px color-mix(in srgb,var(--mode,#36d7f2) 8%,transparent)}
.radar-labels-hidden .r160-label,.radar-labels-hidden .r160-leader,.radar160-marker.is-label-suppressed .r160-label,.radar160-marker.is-label-suppressed .r160-leader{display:none}
.radar160-latest{position:absolute;z-index:620;left:12px;bottom:12px;display:grid;min-width:172px;max-width:250px;padding:10px 12px;border:1px solid rgba(255,190,72,.7);border-left:3px solid #ffbd48;border-radius:7px;background:rgba(4,17,27,.93);box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 18px rgba(255,189,72,.12);color:#dbecef;font-family:var(--font-mono,"Roboto Mono",monospace);pointer-events:none}
.radar160-latest small{color:#ffbd48;font-size:.51rem;font-weight:900;letter-spacing:.12em}
.radar160-latest strong{margin-top:4px;color:#fff;font-size:.78rem;letter-spacing:.07em}
.radar160-latest span,.radar160-latest time{margin-top:2px;color:#8faab0;font-size:.54rem}
.radar160-latest time{color:#d6e8eb;font-variant-numeric:tabular-nums}
.radar160-filters .type-svx:before{background:#36d7f2;box-shadow:0 0 9px #36d7f2}.radar160-filters .type-dmr:before{background:#ff4fa0;box-shadow:0 0 9px #ff4fa0}.radar160-filters .type-dstar:before{background:#668dff;box-shadow:0 0 9px #668dff}.radar160-filters .labels-toggle:before{background:#f1c75b;box-shadow:0 0 9px #f1c75b}
@media(max-width:700px){.radar160-marker .r160-label{width:84px}.radar160-latest{left:7px;bottom:7px;min-width:135px;max-width:175px;padding:7px 8px}.radar160-latest small{font-size:.43rem}.radar160-latest strong{font-size:.62rem}.radar160-latest span,.radar160-latest time{font-size:.46rem}}
@keyframes r162txspin{to{transform:rotate(360deg)}}
@keyframes r162txwave{0%{opacity:.95;transform:scale(.55)}100%{opacity:0;transform:scale(1.35)}}
@media(prefers-reduced-motion:reduce){.radar160-marker.is-tx .r160-tx,.radar160-marker.is-tx .r160-tx i,.radar160-tx-legend i{animation:none}}
@supports not (color:color-mix(in srgb,white 10%,transparent)){.radar160-marker .r160-label{box-shadow:0 7px 20px rgba(0,0,0,.42)}}
