.header[data-v-8cd90d69]{position:relative;padding-bottom:10px}.title-block[data-v-8cd90d69]{position:relative;z-index:1}.header h1[data-v-8cd90d69]{font-size:clamp(1.45rem,6.1vw,2.4rem);font-weight:800;letter-spacing:-.02em}.header h1 u[data-v-8cd90d69]{text-decoration-thickness:2px;text-underline-offset:3px}.deco[data-v-8cd90d69]{position:absolute;top:-1.6rem;right:4px;font-family:var(--font-arabic);font-size:clamp(4rem,13.5vw,6rem);line-height:1.35;color:var(--color-deco);pointer-events:none;user-select:none;z-index:0}.location-line[data-v-04d73ac4]{text-align:center;font-size:.9rem;font-weight:600;color:var(--color-muted)}.location-button[data-v-04d73ac4]{display:block;width:100%;min-height:40px;background:none;border:none;text-decoration:underline;cursor:pointer}.dial[data-v-a84838e8]{width:100%;height:100%}.dial-ring[data-v-a84838e8]{fill:none;stroke:#10281a29;stroke-width:1.5}.tick-minor[data-v-a84838e8]{stroke:#10281a38;stroke-width:1}.tick-major[data-v-a84838e8]{stroke:#10281a66;stroke-width:2}.cardinal[data-v-a84838e8]{font-family:var(--font-latin);font-size:13px;font-weight:700;fill:#10281a8c;text-anchor:middle;dominant-baseline:middle}.arrow[data-v-a84838e8]{transition:opacity .15s ease}.arrow-base[data-v-a84838e8]{fill:var(--color-arrow-inactive)}.arrow-aligned[data-v-a84838e8]{fill:var(--color-primary-1);opacity:0}.arrow-aligned.visible[data-v-a84838e8]{opacity:1}.readout[data-v-7a8f72bf]{text-align:center}.bearing-line[data-v-7a8f72bf]{font-size:1.15rem;font-weight:700;color:var(--color-text)}.bearing-line u[data-v-7a8f72bf]{text-decoration-thickness:2px;text-underline-offset:2px}.heading-line[data-v-7a8f72bf]{margin-top:4px;font-size:.9rem;font-weight:600;color:var(--color-muted)}.hint-card[data-v-3b46beb5]{background:var(--color-field-bg);border:1px solid var(--color-field-border);border-radius:var(--radius-field);padding:16px}.hint-header[data-v-3b46beb5]{display:flex;align-items:center;gap:10px}.hint-icon[data-v-3b46beb5]{flex:none;width:32px;height:32px;border-radius:50%;background:var(--color-badge-bg);color:var(--color-badge-fg);display:grid;place-items:center}.hint-title[data-v-3b46beb5]{font-size:.95rem;font-weight:700;color:var(--color-text)}.hint-body[data-v-3b46beb5]{margin-top:8px;font-size:.85rem;color:var(--color-muted);line-height:1.5}.hint-button[data-v-3b46beb5]{margin-top:12px;width:100%;min-height:44px;border-radius:10px;border:1px solid var(--color-primary-1);background:transparent;color:var(--color-primary-1);font-weight:600;font-size:.9rem;cursor:pointer}@media(max-width:560px){.hint-card[data-v-3b46beb5]{padding:14px;border-radius:14px}}.overlay[data-v-c2a5b054]{position:fixed;inset:0;background:var(--color-surface);z-index:10;display:flex;justify-content:center}.panel[data-v-c2a5b054]{width:100%;max-width:640px;display:flex;flex-direction:column;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.panel-header[data-v-c2a5b054]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-header h2[data-v-c2a5b054]{font-size:1.15rem;font-weight:700}.close-btn[data-v-c2a5b054]{width:40px;height:40px;border-radius:50%;border:1px solid var(--color-field-border);background:var(--color-field-bg);color:var(--color-text);display:grid;place-items:center;cursor:pointer}.search-field[data-v-c2a5b054]{width:100%;min-height:48px;border-radius:var(--radius-field);border:1px solid var(--color-field-border);background:var(--color-field-bg);padding:0 14px;font-size:1rem;color:var(--color-text);margin-bottom:8px}.search-field[data-v-c2a5b054]::placeholder{color:var(--color-muted)}.city-list[data-v-c2a5b054]{list-style:none;overflow-y:auto;flex:1}.city-row[data-v-c2a5b054]{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;background:none;border:none;border-bottom:1px solid var(--color-field-border);text-align:left;cursor:pointer}.city-names[data-v-c2a5b054]{display:flex;flex-direction:column;min-width:0}.city-name[data-v-c2a5b054]{font-size:.95rem;font-weight:600;color:var(--color-text)}.city-country[data-v-c2a5b054]{font-size:.8rem;color:var(--color-muted)}.check[data-v-c2a5b054]{flex:none;color:var(--color-primary-1)}.no-results[data-v-c2a5b054]{text-align:center;color:var(--color-muted);margin-top:32px}.page[data-v-da809f6a]{min-height:100vh}.wrap[data-v-da809f6a]{max-width:640px;margin-inline:auto;padding-inline:16px;padding-block:34px 28px}.main[data-v-da809f6a]{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}.dial-wrap[data-v-da809f6a]{width:100%;max-width:280px;aspect-ratio:1}.hold-flat-hint[data-v-da809f6a]{text-align:center;font-size:.8rem;color:var(--color-muted)}@media(max-width:560px){.wrap[data-v-da809f6a]{padding-block:16px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.main[data-v-da809f6a]{gap:12px;margin-top:16px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;font-family:var(--font-latin);background:var(--color-bg);color:var(--color-text);transition:background-color .15s ease,color .15s ease;overflow-x:hidden}img,svg{display:block;max-width:100%}button{font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}input{font-family:inherit}ul,ol{margin:0;padding:0}h1,h2,h3,p{margin:0}:root{color-scheme:light;--font-latin: "Inter", system-ui, -apple-system, sans-serif;--font-arabic: "Arabic Typesetting", "Scheherazade New", "Noto Naskh Arabic", serif;--color-bg: #eef7f0;--color-surface: #ffffff;--color-text: #102016;--color-muted: #5f7d6d;--color-primary-1: #2f9559;--color-primary-2: #4cb96f;--color-primary-soft: #e6f5ea;--color-chip-border: #bfe0cb;--color-chip-text: #1f7a46;--color-field-bg: #fafdfb;--color-field-border: #dcece1;--color-badge-bg: #e2f3e8;--color-badge-fg: #1f7a46;--color-deco: #cfe9d7;--color-arrow-inactive: #9aa8a1;--shadow-card: 0 2px 10px rgba(16, 40, 26, .06), 0 8px 24px rgba(16, 40, 26, .06);--shadow-primary: 0 10px 24px rgba(47, 149, 89, .32);--radius-card: 22px;--radius-field: 16px}:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}