.zc-radar{position:absolute;right:12px;top:calc(105px + env(safe-area-inset-top));width:clamp(145px,42vw,215px);height:clamp(145px,42vw,215px);z-index:3;pointer-events:none;color:#fff;font-family:system-ui;filter:drop-shadow(0 4px 12px #0009)}
.zc-radar-map{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:3px solid #bd93ea;background:#15252b;box-sizing:border-box}
.zc-north{position:absolute;top:8px;left:calc(50% - 5px);font-size:11px;font-weight:900;color:white;text-shadow:0 1px 3px #000}
.zc-radius{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:2px 9px;border-radius:20px;background:#111a26dc;font-size:12px;white-space:nowrap}
.zc-legend{position:absolute;top:calc(100% + 5px);right:0;font-size:10px;white-space:nowrap;background:#101824e8;padding:4px 7px;border-radius:8px;display:flex;align-items:center;gap:4px}
.zc-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff526c}.zc-legend i+i{background:#76f3b6}
.zc-street-camera .zc-follow{position:absolute;top:calc(105px + env(safe-area-inset-top) + clamp(145px,42vw,215px) + 32px);right:12px;z-index:3;padding:8px 12px!important;font-size:11px!important;color:#ebffd1;background:#152625ed;border:1px solid #b5db75;border-radius:20px;cursor:pointer}
.zc-follow[aria-pressed=false]{color:#fff!important;border-color:#bc92ea!important}.zc-street-camera .maplibregl-ctrl-top-right{top:auto;bottom:180px}.zc-radar .maplibregl-control-container{display:none}
@media(min-width:700px){.zc-radar{top:28px;right:24px;width:215px;height:215px}.zc-street-camera .zc-follow{top:278px;right:24px}}
@media(max-height:520px){.zc-radar{top:75px;width:130px;height:130px}.zc-street-camera .zc-follow{top:237px}}