:root{--bg: #ffffff;--text: #0b1f44;--muted: #5b6b8a;--accent: #1f4fa3;--button-bg: #1f4fa3;--button-text: #ffffff;--font: Arial, Helvetica, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #000000;--text: #ffffff;--muted: #8a94a6;--accent: #5b8cff;--button-bg: #5b8cff;--button-text: #000000;color-scheme:dark}}:root[data-theme=dark]{--bg: #000000;--text: #ffffff;--muted: #8a94a6;--accent: #5b8cff;--button-bg: #5b8cff;--button-text: #000000;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}header{padding:1.25rem 0 0;text-align:center}#logo{margin:0;font-size:1.375rem;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--text)}#logo span{color:var(--accent)}main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;text-align:center;width:100%;max-width:36rem;margin:0 auto}h1,#name,#distance{font-weight:700;letter-spacing:-2px}h1{margin:0;font-size:2rem;line-height:1.1;color:var(--accent)}#result{display:grid;justify-items:center;gap:.5rem;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;max-width:100%}#result[hidden]{display:none}#name{font-size:clamp(1.375rem,6vw,1.875rem);letter-spacing:-1px;line-height:1.25;overflow-wrap:anywhere}#distance{font-family:"Arial Black",var(--font);font-weight:900;font-size:clamp(4.5rem,24vw,9rem);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.arrow{width:2rem;height:2rem;margin-top:.75rem;color:var(--accent);transition:transform .15s ease}#result:hover .arrow,#result:focus-visible .arrow{transform:translate(2px,-2px)}.arrow[hidden],.compass[hidden]{display:none}.compass{width:4.5rem;height:4.5rem;margin-top:.75rem;color:var(--accent);will-change:transform}#maps-note{margin-top:.25rem;font-size:.8125rem;line-height:1.4;color:var(--muted)}#compass-button{margin-top:-1.25rem;font:inherit;font-size:.9375rem;font-weight:700;padding:.5rem 1.125rem;border:1.5px solid currentColor;border-radius:999px;background:transparent;color:var(--accent);cursor:pointer}#compass-button[hidden]{display:none}#result:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:8px}#accuracy{margin:-1.5rem 0 0;font-size:.9375rem;color:var(--muted)}#accuracy[hidden]{display:none}#status{display:grid;justify-items:center;gap:1rem}#status[hidden]{display:none}#message{margin:0;font-size:1.125rem;line-height:1.5;max-width:22rem}#loader{display:flex;align-items:center;justify-content:center;gap:.625rem;margin:0;font-size:1.125rem;line-height:1.5;min-height:1.5em}#loader[hidden]{display:none}#spinner{width:1.25em;text-align:center;color:var(--accent);font-weight:700}#hint{margin:-.25rem 0 0;font-size:.9375rem;line-height:1.5;color:var(--muted);max-width:22rem}#hint[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#retry{font:inherit;font-weight:700;padding:.75rem 1.5rem;border:0;border-radius:999px;background:var(--button-bg);color:var(--button-text);cursor:pointer}#retry[hidden]{display:none}footer{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1rem 0;font-size:.75rem}footer a{color:var(--muted)}#credit{display:flex;align-items:center;justify-content:center;gap:.25rem}#languages{display:flex;gap:1rem}#languages a{text-decoration:none}#languages a:hover,#languages a:focus-visible{color:var(--accent);text-decoration:underline}#languages [aria-current]{color:var(--text);font-weight:700}#theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:-.5rem 0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent}#theme-toggle:hover,#theme-toggle:focus-visible{color:var(--accent)}#theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#theme-toggle svg{width:.875rem;height:.875rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#theme-toggle .sun{display:none}:root[data-theme=dark] #theme-toggle .sun{display:block}:root[data-theme=dark] #theme-toggle .moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme]) #theme-toggle .sun{display:block}:root:not([data-theme]) #theme-toggle .moon{display:none}}