@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#173a3c;font-synthesis:none;background:#e4efea;font-family:Space Grotesk,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #e27b69}#city{position:fixed;inset:0}#city canvas{touch-action:none;width:100%;height:100%;display:block}.topbar{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:30px;left:40px;right:40px}.topbar>*{pointer-events:auto}.brand{color:inherit;letter-spacing:-2px;align-items:center;gap:12px;font-size:30px;font-weight:700;text-decoration:none;display:flex}.brand img{width:48px;height:48px}.brand small{letter-spacing:2px;margin-top:1px;font-size:8px;font-weight:500;display:block}.top-actions{align-items:center;gap:22px;display:flex}.edition{letter-spacing:1px;font-size:12px}.edition i{background:#3e9b88;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.icon-button{width:34px;height:34px;color:inherit;background:#f4f7f180;border:1px solid #173a3c30;border-radius:50%}.intro{pointer-events:none;position:fixed;top:24vh;left:5.5vw}.intro button{pointer-events:auto}.eyebrow{letter-spacing:2.5px;font-size:10px;font-weight:600}.intro h1{letter-spacing:-2px;margin:22px 0;font-family:Noto Sans SC,sans-serif;font-size:clamp(35px,4.1vw,64px);font-weight:600;line-height:1.32}.intro h1 span{color:#dc7e6c}.intro p{color:#4f7370;margin:0 0 26px;font-size:13px;line-height:2}.primary{color:#fff;background:#183e3f;border:0;border-radius:4px;padding:14px 22px;font-size:12px}.primary span{margin-left:30px}.bottom{pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed;bottom:28px;left:40px;right:40px}.bottom>*{pointer-events:auto}.location{align-items:center;gap:12px;min-width:170px;font-size:13px;display:flex}.location small{letter-spacing:1.3px;color:#65827d;margin-top:4px;font-size:8px;display:block}.location-dot{color:#468e80;font-size:27px}.controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f8f0dc;border:1px solid #ffffffb0;border-radius:9px;gap:4px;padding:6px;display:flex;box-shadow:0 5px 24px #163b3c0a}.controls button{color:#2b5551;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:11px 17px;font-size:11px}.controls button span{margin-right:7px;font-size:16px}.controls button[aria-pressed=true]{color:#163b3c;background:#d6e5df}.hint{color:#64827b;text-align:right;min-width:170px;font-size:10px}.details,.guide{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7faf5f0;border:1px solid #fff;border-radius:10px;width:285px;padding:28px;position:fixed;top:110px;right:35px;box-shadow:0 20px 70px #173a3c12}.details h2,.guide h2{margin:14px 0;font-size:23px;font-weight:500}.details p,.guide p{color:#58716d;font-size:12px;line-height:1.9}.detail-note{color:#81948f;margin-top:26px;font-size:9px;display:block}.close{color:#68847e;background:0 0;border:0;font-size:24px;position:absolute;top:9px;right:12px}.guide{z-index:5}.night{color:#d8eee7}.night .intro p,.night .hint,.night .location small{color:#aec3bd}.night .icon-button{color:#e2f0e9;background:#214844}.night .primary{color:#183b39;background:#df8a76}.night .details,.night .guide{color:#173a3c}.night .edition i{background:#edb890}#loading{z-index:20;background:#e5eee8;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:12px;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading[hidden]{display:none}.loading-mark{letter-spacing:-5px;font-size:54px;font-weight:700}#loading.error{text-align:center;padding:30px}.intro.exploring{opacity:0;pointer-events:none}.intro.exploring button{pointer-events:none}@media (width<=760px){.topbar{top:20px;left:20px;right:20px}.brand{font-size:24px}.brand img{width:36px;height:36px}.brand small{font-size:6px}.edition{font-size:9px}.top-actions{gap:12px}.intro{top:16vh;left:25px}.intro h1{margin:12px 0;font-size:34px}.intro p{margin-bottom:16px;font-size:11px;line-height:1.8}.eyebrow{font-size:8px}.primary{padding:11px 15px;font-size:10px}.bottom{flex-direction:column;gap:13px;bottom:20px;left:15px;right:15px}.location{font-size:11px;position:fixed;bottom:92px;left:20px}.location small{font-size:7px}.hint{display:none}.controls{justify-content:space-around;width:min(100%,390px)}.controls button{padding:9px 10px}.details,.guide{width:260px;top:90px;right:20px}.brand small{letter-spacing:1px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}