/* Persistent battlefield awareness; the Map button still opens the larger view. */
#radar-panel{position:absolute;right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));width:clamp(216px,20vw,280px);z-index:8;padding:9px;border:1px solid #54756d;border-radius:10px;background:#0d1e25f5;box-shadow:0 5px 22px #0005;color:#c5d7d3;pointer-events:auto}
#radar-panel[hidden]{display:none}
.radar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;margin-bottom:6px}
.radar-heading>b{font:10px monospace;letter-spacing:.12em;color:#a3d9c5}
#radar-home{padding:3px 7px;min-height:26px;font:10px monospace;border-color:#53796a;background:#19382f;color:#bcf4d7}
#radar-map{display:block;width:100%;height:auto;aspect-ratio:300/164;touch-action:none;cursor:crosshair;border:1px solid #35534f;border-radius:3px}
#radar-map:focus-visible{outline:2px solid #f4d399;outline-offset:3px}
.radar-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font:9px monospace;line-height:1.3}
.radar-enemy{color:#ff9ba2;white-space:nowrap}.radar-enemy::before{content:'◆';color:#ff606b;margin-right:4px}
#radar-status{margin:0;text-align:right;color:#b3c6be}
#radar-panel[data-threat=true]{border-color:#ff8a79;box-shadow:0 0 0 1px #ff776433,0 5px 22px #0005}
#radar-panel[data-threat=true] #radar-status{color:#ffd0b9;font-weight:700}
#radar-panel[data-threat=true] #radar-home{color:#ffded2;border-color:#e99c84;background:#50342e}
@media(max-width:1200px){#radar-panel{bottom:calc(var(--dock-height) + var(--safe-bottom) + 16px);width:240px}}
@media(max-width:900px),(pointer:coarse){
 #radar-panel{right:calc(70px + var(--safe-right));bottom:calc(var(--dock-height) + var(--safe-bottom) + 10px);width:clamp(156px,43vw,214px);padding:6px;border-radius:8px}
 .radar-heading{min-height:34px;gap:4px;margin-bottom:4px}.radar-heading>b{font-size:9px;letter-spacing:.04em}
 #radar-home{min-height:36px;min-width:44px;font-size:10px;padding:4px}
 .radar-footer{font-size:9px;gap:4px;margin-top:5px;flex-wrap:wrap}.radar-footer #radar-status{flex:1;white-space:nowrap}
}
@media(max-height:500px) and (min-width:480px) and (max-width:900px),(max-height:500px) and (min-width:480px) and (pointer:coarse){
 #radar-panel{bottom:calc(8px + var(--safe-bottom));right:calc(70px + var(--safe-right));width:clamp(142px,22vw,182px);padding:5px}
 .radar-heading>b{font-size:8px}.radar-footer{font-size:8px}
}