html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #f4f6f2; }
/* Clear of the notch, rounded corners and home indicator (viewport-fit=cover). */
#rustgis_canvas { position: absolute; top: env(safe-area-inset-top, 0px); left: env(safe-area-inset-left, 0px);
  width: calc(100% - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
  height: calc(100% - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); display: block; }
#rustgis_loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px; color: #2E5E3E; font: 15px system-ui, sans-serif; pointer-events: none; text-align: center; padding: 0 24px; }
#rustgis_loading img { width: 88px; height: 88px; animation: pulse 1.6s ease-in-out infinite; }
#rustgis_loading small { color: #5b6b60; }
@keyframes pulse { 50% { opacity: .55; transform: scale(.94); } }
@media (prefers-reduced-motion: reduce) { #rustgis_loading img { animation: none; } }