:root{--night-plum:#150f1a;--dusk-violet:#3a2a3f;--moon-cream:#ffe2b8;--ember:#ffb98a;--soft-sand:#d9b99a;--warm-text:#e9cfb4;--serif:Georgia, "Iowan Old Style", "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overscroll-behavior:none;background:var(--night-plum);height:100%;color:var(--warm-text);font-family:var(--sans);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{position:fixed;inset:0}.intro{box-sizing:border-box;text-align:center;background:radial-gradient(ellipse at 50% 38%, var(--dusk-violet) 0%, #241a2c 45%, var(--night-plum) 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px 28px;display:flex;position:absolute;inset:0}.intro-title{font-family:var(--serif);color:var(--moon-cream);text-shadow:0 0 22px #ffbe784d;margin:0;font-size:28px;font-weight:400}.intro-body{max-width:24em;color:var(--soft-sand);margin:0;font-size:15px;line-height:1.6}.intro-begin{color:var(--moon-cream);font-family:var(--serif);letter-spacing:.04em;cursor:pointer;background:#ffe2b814;border:1px solid #ffe2b873;border-radius:999px;margin-top:12px;padding:12px 40px;font-size:17px;box-shadow:0 0 24px #ffbe781f}.intro .about{position:absolute;bottom:20px;left:16px;right:16px}.screen{position:absolute;inset:0}.sky{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;position:absolute;inset:0}.hud-arrow{color:var(--moon-cream);opacity:.75;transform:translate(-50%, -50%) rotate(var(--arrow-deg,0deg)) translateY(calc(-14vw - 30px));filter:drop-shadow(0 0 6px #ffbe7873);position:absolute;top:50%;left:50%}.hud-arrow[hidden]{display:none}.hud-arrow svg{display:block}.hud-body{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 5vh);flex-direction:column;align-items:center;display:flex;position:absolute}.hud-number{font-family:var(--serif);letter-spacing:.02em;color:var(--moon-cream);text-shadow:0 0 26px #ffbe7861;font-size:64px;font-weight:400;line-height:1.1}.hud-lines{color:var(--warm-text);opacity:.8;margin-top:6px;font-size:14px;line-height:1.5}.hud-hint{color:var(--soft-sand);opacity:.65;margin-top:7vh;font-size:13px}.hud-message{max-width:22em;color:var(--soft-sand);opacity:.85;margin-bottom:4vh;font-size:15px;line-height:1.55}.hud-number,.hud-lines,.hud-hint{transition:opacity 1.2s}.hud-number.dimmed,.hud-lines.dimmed,.hud-hint.dimmed{opacity:.32}.city{top:calc(env(safe-area-inset-top,0px) + 16vh);max-width:420px;margin:0 auto;position:absolute;left:16px;right:16px}.city-input{box-sizing:border-box;width:100%;color:var(--moon-cream);font:16px var(--sans);background:#150f1abf;border:1px solid #d9b99a59;border-radius:14px;outline:none;padding:12px 16px}.city-input::placeholder{color:#d9b99a99}.city-results{margin:6px 0 0;padding:0;list-style:none}.city-pick{width:100%;color:var(--warm-text);font:15px var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 16px}.city-pick:hover,.city-pick:focus-visible{background:#ffe2b814;outline:none}.about{color:var(--soft-sand);opacity:.5;font-size:11px}.screen>.about{top:calc(env(safe-area-inset-top,0px) + 10px);text-align:right;max-width:70vw;position:absolute;right:16px}.about-summary{cursor:pointer;list-style:none}.about-summary::-webkit-details-marker{display:none}.about-line{margin:4px 0 0;line-height:1.45}.dev{top:calc(env(safe-area-inset-top,0px) + 10px);color:var(--soft-sand);opacity:.7;background:#150f1a99;border-radius:8px;padding:4px 8px;font:11px ui-monospace,Consolas,monospace;position:absolute;left:10px}.dev summary{cursor:pointer}.dev-row{align-items:center;gap:6px;margin-top:4px;display:flex}.dev-row input{width:140px}.dev-readout{font:inherit;white-space:pre;margin:6px 0 2px}