:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020617;--panel:#0f172ac7;--panel-border:#94a3b838;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--accent-2:#f472b6;--ok:#4ade80;--shadow:0 10px 40px #00000073;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--radius:16px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);touch-action:none;margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative;overflow:hidden}#globe{touch-action:none;width:100%;height:100%;display:block}.top-bar{top:calc(10px + var(--safe-top));pointer-events:none;z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;left:12px;right:12px}.brand{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.02em;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.brand .dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #38bdf8cc}.zoom-badge{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--shadow);border-radius:999px;padding:8px 12px;font-size:12px}.hud{left:12px;right:12px;bottom:calc(88px + var(--safe-bottom));z-index:5;pointer-events:none;gap:10px;display:grid;position:absolute}.card{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);padding:12px 14px}.card.antipode{border-color:#f472b659}.card-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px;font-size:11px}.coords{font-variant-numeric:tabular-nums;font-size:16px;font-weight:650;line-height:1.25}.meta{color:var(--text);margin-top:4px;font-size:13px}.meta.subtle{color:var(--muted)}.distance{color:var(--ok);font-variant-numeric:tabular-nums;border-top:1px solid #94a3b82e;margin-top:8px;padding-top:8px;font-size:12px}.controls{left:12px;right:12px;bottom:calc(18px + var(--safe-bottom));z-index:6;grid-template-columns:1fr 1.4fr 1fr;gap:8px;display:grid;position:absolute}.btn{appearance:none;border:1px solid var(--panel-border);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);cursor:pointer;background:#0f172ae6;border-radius:14px;padding:14px 10px;font-size:14px;font-weight:600}.btn:active{transform:scale(.98)}.btn.primary{color:#0b1220;background:linear-gradient(135deg,#38bdf8f2,#f472b6e6);border-color:#0000}.hint{top:calc(56px + var(--safe-top));text-align:center;color:#e2e8f08c;pointer-events:none;z-index:4;margin:0;font-size:12px;transition:opacity .4s;position:absolute;left:0;right:0}.hint.fade{opacity:0}.loader{color:var(--muted);letter-spacing:.04em;z-index:20;background:radial-gradient(circle at 50% 40%,#0f172a 0%,#020617 70%);place-items:center;font-size:14px;transition:opacity .45s;display:grid;position:absolute;inset:0}.loader.hide{opacity:0;pointer-events:none}@media (aspect-ratio>=3/4) and (width>=700px){.hud{width:min(360px,42vw);left:auto;right:16px;bottom:calc(24px + var(--safe-bottom))}.controls{width:min(320px,40vw);left:16px;right:auto}}