* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; background: #f5f2e9; overflow: hidden; color: #242d25; font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
[hidden] { display: none !important; }
#earth { display: block; width: 100%; height: 100%; height: 100dvh; border: 0; }
#serviceStatus { min-height: 100dvh; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.status-brand { color: #768565; font-size: 13px; margin: 0 0 8px; letter-spacing: 1px; }
h1 { margin: 0; font-size: clamp(26px, 5vw, 36px); letter-spacing: -.5px; }
#statusMessage { color: #747b6e; margin: 14px 0 24px; }
#retry { padding: 10px 24px; border: 1px solid #344a30; border-radius: 24px; color: #fffdf4; background: #344a30; font: inherit; cursor: pointer; }
#retry:disabled { opacity: .55; cursor: wait; }
#retry:focus-visible { outline: 3px solid #88a777; outline-offset: 4px; }
noscript p { position: fixed; bottom: 0; padding: 12px; background: #f5f2e9; }