html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background: #0d1211; }
#cesiumContainer { position: absolute; inset: 0; }

#hud {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  font: 13px/1.5 ui-monospace, "Consolas", "SF Mono", Menlo, monospace;
  color: #e3e9e6;
  background: rgba(12, 17, 16, 0.82);
  border: 1px solid rgba(227, 233, 230, 0.16);
  border-radius: 3px;
  padding: 10px 14px;
  max-width: 380px;
  backdrop-filter: blur(6px);
}

#hud-title { font-weight: 600; letter-spacing: 0.02em; margin-bottom: 6px; }
#hud-title span { font-weight: 400; opacity: 0.5; }

#status { font-size: 12px; opacity: 0.85; }
#status.error { color: #ef7742; opacity: 1; }
#status.ok { color: #5cada9; }

.cesium-widget-credits { display: none !important; }