.tactical-radar{position:absolute;right:4.5%;top:204px;width:128px;padding:8px 7px 6px;border:1px solid #8fc9d53d;border-radius:8px;background:linear-gradient(145deg,#0b2136e8,#071626dc);pointer-events:none;color:#b7dedd}
.radar-heading{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:9px;letter-spacing:1px}
.radar-heading small{font-size:8px;color:#83a9b6;letter-spacing:0}
.tactical-radar canvas{display:block;width:100%;aspect-ratio:1;height:auto}
.radar-status{font:10px ui-monospace,monospace;text-align:center;color:#ffd2a3;letter-spacing:1px;padding-top:2px}
.tactical-radar.rear-threat{border-color:#ed96716b}.rear-threat .radar-status{color:#ffab98}
@media(max-width:600px) and (orientation:portrait){
  .tactical-radar{right:4%;top:178px;width:clamp(88px,25vw,104px);padding:6px 4px 5px}
  .radar-heading{font-size:8px;letter-spacing:0}.radar-heading small{font-size:7px}.radar-status{font-size:9px;padding-top:1px}
  .airspace{max-width:calc(100vw - 146px)}
  .toast{top:auto;bottom:46px;left:4%;transform:none;width:70%;max-width:calc(100% - 92px);font-size:9px;line-height:1.5;letter-spacing:.5px;padding:4px 6px}
}
@media(max-height:530px) and (orientation:landscape){
  .tactical-radar{top:133px;right:4%;width:72px;padding:5px 4px 4px;border-color:#8ce1df73;border-radius:10px;background:radial-gradient(circle at 50% 42%,#1b576451,#061a2cdb 75%);box-shadow:0 8px 28px #020d1cb0,inset 0 0 19px #75e5df16;backdrop-filter:blur(6px)}
  .radar-heading{display:none}.radar-status{font-size:8px;letter-spacing:0;padding-top:1px}
}