.hud{ position:fixed; inset:0; pointer-events:none; }
.hud .strip{ position:absolute; left:0; right:0; min-height:36px; background:linear-gradient(180deg, transparent, rgba(0,0,0,0.5)); padding:8px 12px; font-size:14px; letter-spacing:0.5px; }
.hud .top{ top:0; display:flex; justify-content:space-between; gap:10px; }
.hud .bottom{ bottom:0; display:flex; justify-content:space-between; gap:10px; }
.hud .panel{ background:rgba(0,0,0,0.35); border:1px solid #0f2; border-radius:10px; padding:6px 10px; pointer-events:auto; }
.radar{ position:absolute; right:16px; bottom:64px; width:160px; height:160px; border:1px solid #0f2; border-radius:50%; overflow:hidden; }
.radar canvas{ width:100%; height:100%; display:block; }
.crosshair{ position:absolute; left:50%; top:50%; width:44px; height:44px; transform:translate(-50%,-50%); border:2px solid rgba(0,255,120,0.7); border-radius:50%; box-shadow: inset 0 0 30px rgba(0,255,120,0.3); }