/* One compact frame; map icons are sized in CSS pixels, never shrunk from a larger bitmap. */
:root{--radar-size:180px;--radar-top:max(12px,calc(env(safe-area-inset-top) + 11px))}
#radar{right:max(12px,env(safe-area-inset-right));top:var(--radar-top);width:calc(var(--radar-size) + 2px);padding:0;border:1px solid #557581;background:#091923;box-shadow:0 2px 0 #031018;isolation:isolate}
.radarHeader{height:22px;border-bottom:1px solid #294451;background:#102631;position:relative;display:flex;align-items:center;padding-left:6px}
#radarLabel{font:14px/1 VT323,monospace;letter-spacing:1px;color:#c7e5df;max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden}
#radarLocate{display:block;width:var(--radar-size);height:var(--radar-size);padding:0;background:transparent;border:0;border-radius:0;touch-action:manipulation}
#radar #mapCanvas{display:block;width:var(--radar-size);height:var(--radar-size)}
#radar #gameMenuButton{position:absolute;z-index:2;right:0;top:-11px;width:44px;height:44px;min-height:44px;padding:13px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#c1ddd7;font-size:0;touch-action:manipulation}
#radar #gameMenuButton::before{content:none}
#gameMenuButton svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}
#radar #gameMenuButton[aria-expanded=true]{color:#ffe19b}
#radar button:focus-visible{outline:2px solid #fff1bf;outline-offset:-2px}
#radarReadout{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#feed{top:calc(var(--radar-top) + var(--radar-size) + 34px);right:max(12px,env(safe-area-inset-right))}
#hud{max-width:calc(100vw - var(--radar-size) - 42px)}
@media(max-width:600px){:root{--radar-size:101px}#radarLabel{font-size:12px;letter-spacing:0}#feed{top:calc(var(--radar-top) + var(--radar-size) + 30px)}}
@media(max-height:500px) and (min-width:601px){:root{--radar-size:108px}#radarLabel{font-size:12px;letter-spacing:0}#feed{top:calc(var(--radar-top) + var(--radar-size) + 30px)}}
@media(min-width:2200px){:root{--radar-size:216px}}
