:root{--color-space: #030712;--color-obsidian-950: #060b14;--color-obsidian-900: #0a1120;--color-obsidian-800: #0f172a;--color-glass-surface: rgba(8, 14, 28, .75);--color-glass-surface-hover: rgba(15, 23, 42, .85);--color-glass-surface-active: rgba(30, 41, 59, .9);--color-glass-border: rgba(255, 255, 255, .08);--color-glass-border-hover: rgba(255, 255, 255, .18);--color-glass-border-focus: rgba(56, 189, 248, .4);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-white: #ffffff;--color-black: #000000;--color-emerald: #10b981;--color-danger: #ef4444;--color-accent: #38bdf8;--color-accent-glow: rgba(56, 189, 248, .25);--color-accent-bg: rgba(56, 189, 248, .12);--color-fajr: #38bdf8;--color-sunrise: #fef08a;--color-dhuhr: #facc15;--color-asr: #fb923c;--color-maghrib: #f43f5e;--color-isha: #a855f7;--color-terminator: #e2e8f0;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 18px;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--space-none: 0px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--z-base: 0;--z-raised: 10;--z-dropdown: 20;--z-sticky: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-toast: 60}*,*:before,*:after{box-sizing:border-box;margin:var(--space-none);padding:var(--space-none)}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-space);color:var(--color-text-primary);font-family:var(--font-sans);user-select:none}#app{position:relative;width:100vw;height:100vh;overflow:hidden}#globe-canvas{position:absolute;inset-block-start:0px;inset-block-end:0px;inset-inline-start:0px;inset-inline-end:0px;width:100%;height:100%;display:block;outline:none}#globe-canvas:focus-visible{outline:2px solid var(--color-glass-border-focus)}#hud-overlay{position:absolute;inset-block-start:0px;inset-block-end:0px;inset-inline-start:0px;inset-inline-end:0px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding-block:var(--space-md);padding-inline:var(--space-md);gap:var(--space-sm);z-index:var(--z-raised)}.hud-panel,.city-search-box,.quick-cities-strip,.btn-quick-city,.btn-icon-toggle,.lang-menu-wrapper{pointer-events:auto}.hud-panel{background:var(--color-glass-surface);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:0 16px 40px #0009,inset 0 1px #ffffff14}.hud-top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:100%}.brand-section{display:flex;align-items:center;gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-full)}.brand-emblem{display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.brand-emblem svg{width:20px;height:20px}.brand-info{display:flex;flex-direction:column;gap:0px}.brand-title{font-size:var(--font-size-base);font-weight:700;letter-spacing:.08em;color:var(--color-text-primary);line-height:1.1}.brand-subtitle{font-size:var(--font-size-xs);color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.04em;line-height:1}.live-clock-pill{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:#ffffff0a;padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-full);border:1px solid var(--color-glass-border)}.live-beacon-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--color-emerald);box-shadow:0 0 6px var(--color-emerald)}.city-search-box{position:relative;display:flex;align-items:center;flex:1;max-width:360px}.city-search-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.search-icon-badge{position:absolute;inset-inline-start:var(--space-md);pointer-events:none;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.city-search-input{width:100%;background:var(--color-obsidian-900);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);padding-block:var(--space-sm);padding-inline-start:36px;padding-inline-end:32px;outline:none}.city-search-input:focus-visible{border-color:var(--color-glass-border-focus);box-shadow:0 0 12px var(--color-accent-glow)}.city-search-clear{position:absolute;inset-inline-end:var(--space-sm);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding-block:var(--space-xs);padding-inline:var(--space-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.city-search-clear:hover,.city-search-clear:focus-visible{color:var(--color-text-primary);outline:none}.city-search-dropdown{position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-start:0px;inset-inline-end:0px;max-height:280px;overflow-y:auto;border-radius:var(--radius-md);padding-block:var(--space-xs);padding-inline:var(--space-xs);display:none;flex-direction:column;gap:var(--space-xs);z-index:var(--z-dropdown)}.city-search-dropdown.active{display:flex}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-sm);padding-inline:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;background:transparent;border:none;width:100%;text-align:start}.search-result-item:hover,.search-result-item:focus-visible,.search-result-item.highlighted{background:var(--color-accent-bg);outline:none}.search-item-info{display:flex;flex-direction:column;gap:0px}.search-item-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.search-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.search-item-ar{font-size:var(--font-size-sm);color:var(--color-accent);font-family:var(--font-sans)}.quick-cities-strip{display:flex;align-items:center;gap:var(--space-xs)}.btn-quick-city{background:#0f172a99;border:1px solid var(--color-glass-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs)}.btn-quick-city:hover,.btn-quick-city:focus-visible{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-text-primary);outline:none}.btn-quick-city .quick-ar{color:var(--color-accent);opacity:.85}.btn-icon-toggle{background:#0f172a99;border:1px solid var(--color-glass-border);color:var(--color-text-muted);padding-block:var(--space-sm);padding-inline:var(--space-sm);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon-toggle:hover,.btn-icon-toggle:focus-visible{color:var(--color-text-primary);border-color:var(--color-glass-border-focus);outline:none}.hud-bottom-stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;pointer-events:none}.hud-dock{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;padding-block:var(--space-sm);padding-inline:var(--space-md);margin-inline:auto;border-radius:var(--radius-xl)}.dock-segment{display:flex;align-items:center;background:#060b19a6;border:1px solid var(--color-glass-border);border-radius:var(--radius-full);padding-block:var(--space-xs);padding-inline:var(--space-xs);gap:var(--space-xs)}.dock-label{font-size:var(--font-size-xs);color:var(--color-text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;padding-inline-start:var(--space-sm);padding-inline-end:var(--space-xs)}.btn-dock-pill{background:transparent;border:1px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-mono);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-full);cursor:pointer}.btn-dock-pill:hover,.btn-dock-pill:focus-visible{color:var(--color-text-primary);background:#ffffff14;outline:none}.btn-dock-pill.active{background:var(--color-accent);color:var(--color-obsidian-950);font-weight:700;box-shadow:0 0 10px var(--color-accent-glow)}.btn-prayer-pill{display:inline-flex;align-items:center;gap:var(--space-xs);background:transparent;border:1px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-full);cursor:pointer}.prayer-indicator-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--prayer-color);box-shadow:0 0 6px var(--prayer-color)}.btn-prayer-pill.active{background:#0f172ad9;border-color:var(--prayer-color);color:var(--color-text-primary);font-weight:600}.btn-prayer-pill:not(.active){opacity:.35;text-decoration:line-through;text-decoration-color:var(--color-text-dim)}.btn-prayer-pill:not(.active) .prayer-indicator-dot{box-shadow:none;filter:grayscale(90%)}.btn-prayer-pill:hover,.btn-prayer-pill:focus-visible{color:var(--color-text-primary);border-color:var(--prayer-color);outline:none}.convention-menu-wrapper,.lang-menu-wrapper{position:relative}.btn-convention-trigger,.btn-lang-trigger{display:flex;align-items:center;gap:var(--space-xs);background:#0f172ab3;border:1px solid var(--color-glass-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-mono);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-full);cursor:pointer}.btn-convention-trigger:hover,.btn-convention-trigger:focus-visible,.btn-lang-trigger:hover,.btn-lang-trigger:focus-visible{color:var(--color-text-primary);border-color:var(--color-glass-border-focus);outline:none}.convention-dropdown-menu,.lang-dropdown-menu{position:absolute;inset-block-end:calc(100% + var(--space-xs));inset-inline-start:0px;min-width:200px;border-radius:var(--radius-md);padding-block:var(--space-xs);padding-inline:var(--space-xs);display:none;flex-direction:column;gap:var(--space-xs);z-index:var(--z-dropdown)}.lang-dropdown-menu{inset-block-end:auto;inset-block-start:calc(100% + var(--space-xs));inset-inline-start:auto;inset-inline-end:0px;max-height:240px;overflow-y:auto}.convention-dropdown-menu.active,.lang-dropdown-menu.active{display:flex}.convention-menu-item,.lang-menu-item{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-xs);padding-inline:var(--space-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:start}.convention-menu-item:hover,.convention-menu-item:focus-visible,.convention-menu-item.active,.lang-menu-item:hover,.lang-menu-item:focus-visible,.lang-menu-item.active{background:var(--color-accent-bg);color:var(--color-text-primary);outline:none}.convention-menu-item.active,.lang-menu-item.active{font-weight:700;color:var(--color-accent)}.btn-follow-tour{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-accent-bg);border:1px solid var(--color-accent);color:var(--color-text-primary);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:600;padding-block:var(--space-xs);padding-inline:var(--space-md);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 0 12px var(--color-accent-glow)}.btn-follow-tour.active{background:var(--color-accent);color:var(--color-obsidian-950);font-weight:700}.btn-follow-tour:hover,.btn-follow-tour:focus-visible{box-shadow:0 0 16px var(--color-accent-glow);outline:none}.inspector-panel{position:absolute;inset-block-start:64px;inset-inline-start:var(--space-md);width:290px;display:flex;flex-direction:column;gap:var(--space-xs);padding-block:var(--space-sm);padding-inline:var(--space-sm);z-index:var(--z-modal);animation:slideInInspector .25s cubic-bezier(.16,1,.3,1)}@keyframes slideInInspector{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.inspector-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xs);border-block-end:1px solid var(--color-glass-border);padding-block-end:var(--space-xs)}.inspector-title-group{display:flex;flex-direction:column;gap:0px}.inspector-city-name{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);line-height:1.2}.inspector-city-ar{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:600}.inspector-coords-badge{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-muted);margin-block-start:0px}.inspector-close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding-block:var(--space-xs);padding-inline:var(--space-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.inspector-close-btn:hover,.inspector-close-btn:focus-visible{color:var(--color-text-primary);background:#ffffff1a;outline:none}.inspector-telemetry-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);background:#060b1999;padding-block:var(--space-xs);padding-inline:var(--space-xs);border-radius:var(--radius-sm);border:1px solid var(--color-glass-border)}.telemetry-cell{display:flex;flex-direction:column;gap:0px}.telemetry-label{font-size:var(--font-size-xs);color:var(--color-text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.telemetry-value{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-mono);font-weight:600}.inspector-next-capsule{display:flex;flex-direction:column;gap:var(--space-xs);background:#38bdf814;border:1px solid var(--color-glass-border-focus);padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-md)}.next-capsule-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);font-family:var(--font-mono)}.next-capsule-name{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.next-capsule-timer{color:var(--color-text-primary);font-weight:700}.next-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.next-progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full)}.inspector-schedule-list{display:flex;flex-direction:column;gap:var(--space-xs)}.inspector-prayer-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);font-family:var(--font-mono);padding-block:var(--space-xs);padding-inline:var(--space-xs);border-radius:var(--radius-sm);border-inline-start:3px solid transparent;background:#0f172a66}.prayer-name-tag{display:flex;align-items:center;gap:var(--space-xs)}.prayer-name-tag .prayer-indicator-dot{width:6px;height:6px}.inspector-prayer-row.active{background:#0f172af2;border-inline-start-color:var(--prayer-color);color:var(--color-text-primary);font-weight:700;box-shadow:0 0 12px #00000080}.timeline-container{width:100%;max-width:1024px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:var(--radius-lg)}.timeline-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.timeline-title-group{display:flex;align-items:center;gap:var(--space-sm)}.timeline-title{font-size:var(--font-size-sm);font-weight:700;letter-spacing:.04em;color:var(--color-text-primary)}.timeline-subtitle{font-size:var(--font-size-xs);color:var(--color-text-dim);font-family:var(--font-mono)}.timeline-stats-strip{display:flex;align-items:center;gap:var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-xs);flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:var(--space-xs);background:#060b1999;padding-block:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-full);border:1px solid var(--color-glass-border)}.stat-chip-label{color:var(--color-text-dim)}.stat-chip-val{color:var(--color-accent);font-weight:700}.timeline-track-wrapper{position:relative;width:100%;height:48px;background:#060b19b3;border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);cursor:crosshair;overflow:visible;margin-block-start:var(--space-md)}.timeline-canvas{width:100%;height:32px;display:block}.timeline-playhead{position:absolute;inset-block-start:-4px;inset-block-end:12px;width:2px;background:var(--color-white);box-shadow:0 0 8px var(--color-white);pointer-events:none;transform:translate(-50%)}.timeline-playhead-label{position:absolute;inset-block-start:-22px;inset-inline-start:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-obsidian-950);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:700;padding-block:var(--space-xs);padding-inline:var(--space-xs);border-radius:var(--radius-xs);white-space:nowrap}.timeline-label-row{position:absolute;inset-block-end:2px;inset-inline-start:0px;inset-inline-end:0px;display:flex;justify-content:space-between;padding-inline:var(--space-xs);pointer-events:none}.timeline-hour-label{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-dim)}@media(prefers-reduced-motion:no-preference){.btn-dock-pill,.btn-prayer-pill,.btn-quick-city,.btn-convention-trigger,.btn-lang-trigger,.convention-menu-item,.lang-menu-item,.btn-follow-tour,.search-result-item,.inspector-prayer-row{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}}@media(max-width:640px){#hud-overlay{padding-block:var(--space-xs);padding-inline:var(--space-xs);gap:var(--space-xs)}.hud-top-bar{flex-wrap:wrap;gap:var(--space-xs)}.brand-section{padding-block:var(--space-xs);padding-inline:var(--space-sm)}.quick-cities-strip{display:none}.city-search-box{order:3;max-width:100%;width:100%}.hud-dock{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;overflow-x:auto;max-width:calc(100vw - var(--space-xs) * 2);padding-block:var(--space-xs);padding-inline:var(--space-xs);gap:var(--space-xs);scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent)}.hud-dock::-webkit-scrollbar{display:none}.dock-segment,.convention-menu-wrapper,.btn-follow-tour{flex-shrink:0}.inspector-panel{inset-block-start:auto;inset-block-end:var(--space-xs);inset-inline-start:var(--space-xs);inset-inline-end:var(--space-xs);width:auto;max-width:440px;max-height:54vh;overflow-y:auto;margin-inline:auto;border-radius:var(--radius-lg);box-shadow:0 -8px 32px #000000bf}#hud-overlay.has-inspector-open .hud-bottom-stack{display:none}.timeline-container{padding-block:var(--space-xs);padding-inline:var(--space-xs)}.timeline-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.timeline-stats-strip{width:100%;justify-content:space-between;gap:var(--space-xs)}.stat-chip{padding-inline:var(--space-xs)}}@media(max-width:480px){.timeline-hour-label.hour-minor{display:none}.stat-chip-label{font-size:8px}.stat-chip-val{font-size:var(--font-size-xs)}}@media(min-width:641px)and (max-width:1024px){.inspector-panel{inset-block-start:72px;inset-inline-start:var(--space-md);inset-block-end:auto;inset-inline-end:auto;width:290px}.quick-cities-strip{display:flex;overflow-x:auto;max-width:calc(100vw - 480px);scrollbar-width:none}.quick-cities-strip::-webkit-scrollbar{display:none}.city-search-box{max-width:240px}}@media(pointer:coarse){.btn-dock-pill,.btn-prayer-pill,.btn-quick-city,.btn-icon-toggle,.btn-convention-trigger,.btn-lang-trigger,.btn-follow-tour{min-height:36px;position:relative}.btn-dock-pill:after,.btn-prayer-pill:after{content:"";position:absolute;inset-block:-4px;inset-inline:-4px}}