:root {
  --radar-safe-top: env(safe-area-inset-top, 0px);
  --radar-safe-right: env(safe-area-inset-right, 0px);
  --radar-safe-bottom: env(safe-area-inset-bottom, 0px);
  --radar-safe-left: env(safe-area-inset-left, 0px);
}
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: #08131F; }
#radar-shell {
  position: fixed;
  top: var(--radar-safe-top); right: var(--radar-safe-right);
  bottom: var(--radar-safe-bottom); left: var(--radar-safe-left);
  display: flex; flex-direction: column; overflow: hidden;
}
#radar-app { flex: 1; min-height: 0; min-width: 0; width: 100%; position: relative; overflow: hidden; }
#network-status {
  flex: none; padding: 10px 16px; color: #653B12; background: #FFF1DA;
  font: 14px/1.5 system-ui, sans-serif; overflow-wrap: anywhere;
}
#network-status[hidden] { display: none; }