:root{--hud-fg: #1b2733;--hud-fg-dim: rgba(27, 39, 51, .55);--hud-bg: rgba(255, 255, 255, .62);--hud-bg-hover: rgba(255, 255, 255, .86);--hud-border: rgba(255, 255, 255, .75);--hud-shadow: 0 6px 22px rgba(24, 36, 51, .16), 0 1px 2px rgba(24, 36, 51, .1);--hud-radius: 14px;--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden;background:#cfd9e2}body{font-family:ui-sans-serif,-apple-system,SF Pro Text,Segoe UI,Inter,system-ui,sans-serif;color:var(--hud-fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;touch-action:none}canvas{display:block;outline:none;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud__cluster{position:absolute;z-index:6;right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.hud__group{display:flex;flex-direction:column;border-radius:var(--hud-radius);overflow:hidden;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--hud-shadow);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);pointer-events:auto}.hud__btn{width:46px;height:44px;display:grid;place-items:center;border:0;padding:0;margin:0;background:transparent;color:var(--hud-fg);cursor:pointer;font:inherit;transition:background .16s var(--ease-out),transform .16s var(--ease-out);-webkit-tap-highlight-color:transparent}.hud__btn:hover{background:var(--hud-bg-hover)}.hud__btn:active{transform:scale(.94)}.hud__btn:focus-visible{outline:2px solid rgba(30,90,150,.7);outline-offset:-2px}.hud__btn+.hud__btn{border-top:1px solid rgba(27,39,51,.09)}.hud__btn svg{width:19px;height:19px;display:block}.compass{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--hud-shadow);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);cursor:pointer;padding:0;pointer-events:auto;transition:background .16s var(--ease-out),transform .22s var(--ease-out)}.compass:hover{background:var(--hud-bg-hover)}.compass:active{transform:scale(.94)}.compass:focus-visible{outline:2px solid rgba(30,90,150,.7);outline-offset:2px}.compass svg{width:40px;height:40px;display:block}.veil{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:linear-gradient(170deg,#e9eff4,#d7e0e8 55%,#c8d4de);transition:opacity .9s var(--ease-out),visibility .9s}.veil--hidden{opacity:0;visibility:hidden;pointer-events:none}.veil__inner{display:flex;flex-direction:column;align-items:center;gap:22px}.veil__title{font-size:13px;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--hud-fg-dim);padding-left:.42em}.veil__bar{width:168px;height:2px;border-radius:2px;background:#1b27331f;overflow:hidden}.veil__bar span{display:block;height:100%;border-radius:2px;background:#1b273380;transform-origin:left center;transition:transform .42s var(--ease-out)}.attribution{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));font-size:10.5px;letter-spacing:.02em;color:#1b27336b;pointer-events:auto;user-select:none}.attribution a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(27,39,51,.18)}.attribution a:hover{color:#1b2733b3}.fatal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:32px;background:#e9eff4}.fatal__card{max-width:460px;text-align:center;line-height:1.6;font-size:14px;color:var(--hud-fg)}.fatal__card h1{font-size:15px;font-weight:600;letter-spacing:.02em;margin:0 0 10px}.fatal__card code{display:inline-block;margin-top:12px;padding:7px 11px;border-radius:8px;background:#1b273312;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}@media (prefers-reduced-motion: reduce){.hud__btn,.compass,.veil{transition-duration:1ms}}.place-card{position:absolute;z-index:6;pointer-events:none;transform:translate(-50%)}.place-card__leader{position:absolute;left:50%;bottom:0;width:1px;height:28px;background:linear-gradient(to bottom,#ffffffd9,#ffffff0d);transform:translate(-50%)}.place-card__leader:after{content:"";position:absolute;left:50%;bottom:-4px;width:9px;height:9px;border-radius:50%;background:#ffffff8c;backdrop-filter:blur(6px) saturate(1.6);-webkit-backdrop-filter:blur(6px) saturate(1.6);border:1px solid rgba(255,255,255,.85);transform:translate(-50%);box-shadow:0 2px 8px #14203059}.place-card__body{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:278px;max-width:80vw;padding:16px 18px 18px;pointer-events:auto;isolation:isolate;border-radius:26px;background:linear-gradient(150deg,#ffffff29,#ffffff12 42%,#ffffff1f);backdrop-filter:blur(26px) saturate(1.9) brightness(1.12);-webkit-backdrop-filter:blur(26px) saturate(1.9) brightness(1.12);box-shadow:0 16px 40px #101c2c47,0 2px 10px #101c2c29,inset 0 1px .5px #ffffffe6,inset 0 -1px .5px #ffffff47,inset 1px 0 .5px #ffffff59,inset -1px 0 .5px #ffffff59;border:1px solid rgba(255,255,255,.4);animation:place-card-in .34s cubic-bezier(.16,1,.3,1) both}.place-card__body:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(168deg,#ffffff8c,#ffffff1f 18%,#fff0 42%);mix-blend-mode:overlay}@keyframes place-card-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.94)}}@media (prefers-reduced-motion: reduce){.place-card__body{animation:none}}.place-card__body>*{position:relative;z-index:1}.place-card__close{position:absolute;top:10px;right:10px;width:26px;height:26px;display:grid;place-items:center;font-size:16px;line-height:1;color:#121c289e;background:#ffffff47;border:1px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:background .18s,color .18s,transform .18s}.place-card__close:hover{background:#fff9;color:#121c28f2;transform:scale(1.06)}.place-card__tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:#fff;box-shadow:inset 0 1px #fff6,0 1px 4px #101c2c40}.place-card__name{margin:11px 28px 0 0;font-size:17px;font-weight:650;line-height:1.24;color:#16212e;text-shadow:0 1px 1px rgba(255,255,255,.5)}.place-card__subtitle{margin:3px 0 0;font-size:12.5px;color:#16212ea8;text-transform:capitalize}.place-card__stars{margin:6px 0 0;font-size:13px;color:#b07d1c;letter-spacing:.1em}.place-card__desc{margin:11px 0 0;font-size:12.5px;line-height:1.5;color:#16212edb}.place-card__rows{margin:12px 0 0;display:grid;grid-template-columns:54px 1fr;gap:2px 10px;font-size:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.42)}.place-card__rows dt{color:#16212e94}.place-card__rows dd{margin:0;color:#16212eeb;display:flex;flex-direction:column;gap:1px}.place-card__rows a{color:inherit}.place-card__link{display:inline-block;margin-top:13px;padding:7px 13px;font-size:12px;font-weight:580;color:#14405c;text-decoration:none;border-radius:999px;background:#ffffff52;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px #fff9;transition:background .18s,transform .18s}.place-card__link:hover{background:#ffffff9e;transform:translateY(-1px)}.place-card__empty{margin:12px 0 0;padding-top:11px;border-top:1px solid rgba(255,255,255,.42);font-size:11.5px;line-height:1.45;color:#16212e8c}.hud__btn--day.is-night{background:#182234b8;color:#e8eef8;border-color:#ffffff47}.hud__btn--day.is-night:hover{background:#202d44db}.hud__btn.is-active{color:#2f6f97}.flood{position:relative;display:flex;flex-direction:column;align-items:flex-end}.flood__panel{position:absolute;right:calc(100% + 10px);top:0;width:208px;padding:13px 14px 12px;border-radius:18px;background:#ffffff24;backdrop-filter:blur(24px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 32px #101c2c3d,inset 0 1px .5px #ffffffd9;animation:place-card-in .24s cubic-bezier(.16,1,.3,1) both}.flood__head{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;color:#16212e9e}.flood__head strong{font-size:12.5px;font-weight:620;color:#16212e}.flood__range{width:100%;margin:10px 0 6px;accent-color:#3d7fa8}.flood__note{margin:0;font-size:10.5px;line-height:1.4;color:#16212e80}.anim{position:relative;display:flex;flex-direction:column;align-items:flex-end}.anim__panel{position:absolute;right:calc(100% + 10px);bottom:0;z-index:1;width:214px;padding:12px 12px 8px;border-radius:18px;background:#ffffff24;backdrop-filter:blur(24px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 32px #101c2c3d,inset 0 1px .5px #ffffffd9;animation:place-card-in .24s cubic-bezier(.16,1,.3,1) both;pointer-events:auto}.anim__head{font-size:11.5px;color:#16212e9e;margin:0 2px 6px}.anim__row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px;border:0;border-top:1px solid rgba(27,39,51,.08);background:transparent;font:inherit;text-align:left;color:#16212e;cursor:pointer;border-radius:8px}.anim__row:hover{background:#ffffff38}.anim__row:focus-visible{outline:2px solid rgba(30,90,150,.7);outline-offset:-2px}.anim__text{display:flex;flex-direction:column;gap:1px}.anim__label{font-size:12.5px;font-weight:620}.anim__note{font-size:10.5px;color:#16212e80}.anim__switch{flex:none;position:relative;width:34px;height:20px;border-radius:10px;background:#1b273338;transition:background .16s var(--ease-out)}.anim__switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #101c2c4d;transition:transform .16s var(--ease-out)}.anim__switch.is-on{background:#3d7fa8}.anim__switch.is-on:after{transform:translate(14px)}.eras{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;max-width:min(660px,92vw)}.eras__rail{display:flex;gap:2px;padding:4px;pointer-events:auto;border-radius:999px;background:#ffffff24;backdrop-filter:blur(24px) saturate(1.9) brightness(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.9) brightness(1.1);border:1px solid rgba(255,255,255,.42);box-shadow:0 14px 34px #101c2c42,inset 0 1px .5px #ffffffe6}.eras__tab{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 16px;border:0;border-radius:999px;background:transparent;color:#16212e9e;cursor:pointer;transition:background .24s var(--ease-out),color .24s,transform .24s var(--ease-out);white-space:nowrap}.eras__tab:hover{color:#16212ee6;background:#ffffff42}.eras__tab.is-active{background:#ffffffb8;color:#14202e;box-shadow:0 2px 8px #101c2c2e,inset 0 1px #ffffffe6}.eras__label{font-size:12.5px;font-weight:620;letter-spacing:.01em}.eras__period{font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;opacity:.72}.eras__blurb{margin:0;padding:7px 15px;max-width:560px;text-align:center;font-size:11.5px;line-height:1.45;color:#16212ed1;border-radius:14px;background:#ffffff24;backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);border:1px solid rgba(255,255,255,.34);pointer-events:none}@media (max-width: 640px){.eras__blurb{display:none}.eras__tab{padding:7px 11px}.eras__label{font-size:11.5px}}.tour{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(760px,92vw);pointer-events:none}.tour__subtitle{margin:0;padding:13px 20px;max-width:660px;text-align:center;font-size:14px;line-height:1.55;color:#16212e;text-shadow:0 1px 1px rgba(255,255,255,.45);border-radius:18px;background:#ffffff29;backdrop-filter:blur(24px) saturate(1.85) brightness(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.85) brightness(1.1);border:1px solid rgba(255,255,255,.42);box-shadow:0 14px 34px #101c2c3d,inset 0 1px .5px #ffffffd9;animation:tour-line-in .4s cubic-bezier(.16,1,.3,1) both}@keyframes tour-line-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion: reduce){.tour__subtitle{animation:none}}.tour__bar{display:flex;align-items:center;gap:8px;padding:6px 10px;pointer-events:auto;border-radius:999px;background:#ffffff26;backdrop-filter:blur(24px) saturate(1.9) brightness(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.9) brightness(1.1);border:1px solid rgba(255,255,255,.42);box-shadow:0 14px 34px #101c2c42,inset 0 1px .5px #ffffffe6}.tour__btn{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#16212eb8;cursor:pointer;transition:background .18s,color .18s,transform .18s}.tour__btn svg{width:17px;height:17px}.tour__btn:hover:not(:disabled){background:#ffffff8c;color:#14202e}.tour__btn:disabled{opacity:.32;cursor:default}.tour__btn--play{width:38px;height:38px;background:#ffffff9e;color:#14202e;box-shadow:inset 0 1px #ffffffe6}.tour__btn--play:hover:not(:disabled){transform:scale(1.05)}.tour__progress{position:relative;width:120px;height:3px;margin:0 4px;border-radius:999px;background:#16212e2e;overflow:hidden}.tour__progress span{position:absolute;inset:0;border-radius:inherit;background:#16212e9e;transform-origin:left center;transition:transform .5s cubic-bezier(.16,1,.3,1)}.tour__count{font-size:11px;font-variant-numeric:tabular-nums;color:#16212e94;min-width:34px;text-align:center}.tour__resume{padding:6px 12px;font-size:11.5px;font-weight:580;color:#14405c;border-radius:999px;background:#ffffff9e;border:1px solid rgba(255,255,255,.7);cursor:pointer;white-space:nowrap;animation:tour-line-in .24s var(--ease-out) both}.tour__resume:hover{background:#ffffffd9}.tour__btn--close{margin-left:2px}@media (max-width: 640px){.tour__subtitle{font-size:12.5px;padding:11px 15px}.tour__progress{width:64px}}