:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:#16171d;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100svh}.app-root{background:#16171d;width:100%;height:100svh;position:relative;overflow:hidden}.map-container{width:100%;height:100%;position:absolute;inset:0}.loading-overlay{color:#e5e5e5;z-index:20;background:#141418d9;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;inset:0}.error-banner{top:max(12px, env(safe-area-inset-top));z-index:30;color:#fff;text-align:center;background:#781414eb;border-radius:10px;padding:10px 14px;font-size:.85rem;position:absolute;left:12px;right:12px;box-shadow:0 4px 16px #0000004d}.hud{left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e5e5;background:#14151ad9;border:1px solid #ffffff14;border-radius:14px;padding:12px 16px;font-family:system-ui,sans-serif;position:absolute;box-shadow:0 6px 24px #00000059}.hud-status{color:#fff9;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;display:flex}.status-dot{background:#888;border-radius:50%;width:8px;height:8px}.status-dot.live{background:#4caf50;animation:2s infinite pulse;box-shadow:0 0 #4caf50b3}@keyframes pulse{0%{box-shadow:0 0 #4caf5099}70%{box-shadow:0 0 0 8px #4caf5000}to{box-shadow:0 0 #4caf5000}}.hud-coords{flex-direction:column;gap:4px;display:flex}.coord-row{align-items:baseline;gap:10px;display:flex}.coord-row.secondary{opacity:.6}.coord-label{color:#ffffff80;flex-shrink:0;width:34px;font-size:.75rem}.coord-value{color:#7ec8ff;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:1.05rem;font-weight:600}.coord-value.small{color:#ffffffb3;font-size:.75rem;font-weight:400}.recenter-btn{right:14px;bottom:calc(140px + env(safe-area-inset-bottom));z-index:20;color:#7ec8ff;background:#14151ae6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;line-height:1;display:flex;position:absolute;box-shadow:0 6px 20px #00000059}.recenter-btn:disabled{opacity:.4}