:root{--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--ink:#eef2f8;--ink-dim:#eef2f8b8;--glass:#0f141e8c;--glass-border:#ffffff24;--accent:#f0f0f4;--accent-2:#b8bcc8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:#070708;height:100vh;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.nav{z-index:10;background:linear-gradient(#05060c80,#0000);justify-content:space-between;align-items:center;padding:1.1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav__logo{font-family:var(--font-display);letter-spacing:.02em;font-size:1.4rem;font-weight:700}.nav__dot{color:var(--accent)}.nav__links{gap:.5rem;display:flex}.nav__links a{color:var(--ink);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:.5rem 1rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .25s,transform .25s}.nav__links a:hover{background:#ffffff2e;transform:translateY(-2px)}.nav__links a.nav__cta{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#090b12;border:none;font-weight:600}.nav__links a.nav__cta:hover{box-shadow:0 8px 24px #ffffff40}.hint{z-index:10;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);color:var(--ink-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.8rem;display:flex;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}.key{min-width:1.5rem;height:1.5rem;color:var(--ink);background:#ffffff14;border:1px solid #ffffff40;border-radius:6px;place-items:center;padding:0 .35rem;font-size:.68rem;font-weight:600;display:inline-grid}.hint__sep{color:#eef2f866;margin:0 .2rem}.map{z-index:10;height:62vh;position:fixed;top:50%;right:1.4rem;transform:translateY(-50%)}.map__track{width:14px;height:100%;position:relative}.map__track:before{content:"";background:#ffffff26;width:1px;position:absolute;top:0;bottom:0;left:50%}.map__dot{cursor:pointer;background:#ffffff1f;border:1px solid #fff6;border-radius:50%;width:11px;height:11px;padding:0;transition:background .2s,transform .2s,border-color .2s;position:absolute;left:50%;transform:translate(-50%,-50%)}.map__dot:hover{background:#fff;transform:translate(-50%,-50%)scale(1.3)}.map__dot:hover:after{content:attr(data-name);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);color:var(--ink);white-space:nowrap;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:500;position:absolute;top:50%;right:1.6rem;transform:translateY(-50%)}.map__dot.is-active{background:#f0f0f4;border-color:#fff}.map__marker{pointer-events:none;filter:drop-shadow(0 0 6px #ffffff80);border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #f0f0f4;width:0;height:0;position:absolute;left:-.7rem;transform:translateY(-50%)}@media (width<=640px){.nav{padding:.9rem 1rem}.nav__links a{padding:.4rem .7rem;font-size:.82rem}.hint,.map{display:none}}