:root{--bg:#0b1026;--panel:#141a3acc;--ink:#e7eaff;--dim:#8890b8;--accent:#5b8cff}
*{box-sizing:border-box} html,body{margin:0;height:100%;overflow:hidden;
  font:15px/1.5 system-ui;background:var(--bg);color:var(--ink)}
#mapwrap{position:fixed;inset:0}
#skybg{position:absolute;inset:0;width:100%;height:100%;
  background:radial-gradient(ellipse at 50% 30%,#141a3a,#0b1026)}
#skymap{position:relative;width:100%;height:100%;background:transparent}
#topbar{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;justify-content:space-between;
  padding:14px 22px;background:linear-gradient(#0b1026dd,transparent);pointer-events:none}
#sub{color:var(--dim)} #who{color:var(--dim)}
#route-panel{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);
  width:min(560px,92vw);background:var(--panel);backdrop-filter:blur(8px);
  border:1px solid #3a3f6b;border-radius:14px;padding:14px 18px}
progress{width:100%;height:10px}
#guest{position:fixed;left:14px;top:70px;
  text-align:left;background:var(--panel);backdrop-filter:blur(8px);
  border:1px solid #3a3f6b;border-radius:14px;padding:20px 22px;width:300px;
  max-height:calc(100vh - 100px);overflow-y:auto;pointer-events:auto}
#guest h1{font-size:20px;margin-top:0}
#guest p{font-size:14px}
.cta{display:inline-block;margin:12px 0;padding:12px 26px;background:var(--accent);
  color:#fff;border-radius:10px;text-decoration:none;font-weight:600}
.dim{color:var(--dim);font-size:13px}
.hidden{display:none!important}

#search-box, #search-input, #search-results, #menu-btn, #side-menu, #menu-overlay, #lang-toggle{pointer-events:auto;position:relative;z-index:71}