:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef5f2;background:#081015;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button{font:inherit}.shell{background:radial-gradient(circle at 22% 26%,#488f8b47,#0000 30%),radial-gradient(circle at 80% 72%,#c6874926,#0000 32%),linear-gradient(145deg,#071118 0%,#102029 48%,#171b1d 100%);min-height:100%}.map-stage{width:100vw;height:100vh;min-height:620px;position:relative;overflow:hidden}#mapCanvas{outline:none;width:100%;height:100%;position:absolute;inset:0}.ambient-grid{pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.brand-panel{text-align:center;pointer-events:none;width:min(760px,100vw - 40px);position:absolute;top:clamp(20px,4vw,42px);left:50%;transform:translate(-50%)}h1{letter-spacing:0;text-shadow:0 14px 50px #0000005c;margin:0;font-size:clamp(30px,4vw,56px);line-height:1.08}.hud{z-index:4;align-items:center;gap:12px;display:flex;position:absolute;top:clamp(24px,4vw,42px);right:clamp(20px,4vw,52px)}.ghost-button{color:#eef5f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#0b151ba3;border:1px solid #eef5f22e;border-radius:8px;padding:10px 15px;transition:border-color .18s,transform .18s,opacity .18s}.ghost-button:not(:disabled):hover{border-color:#e7b65fb3;transform:translateY(-1px)}.ghost-button:disabled{cursor:default;opacity:.28}.crumb{white-space:nowrap;text-overflow:ellipsis;color:#eef5f2c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b151b70;border:1px solid #eef5f221;border-radius:8px;max-width:34vw;padding:10px 14px;overflow:hidden}.label-layer{pointer-events:none;position:absolute;inset:0}.map-label{color:#f7faf6e6;white-space:nowrap;text-align:center;text-shadow:0 2px 8px #0000009e,0 0 18px #080f138c;opacity:.88;min-width:32px;font-size:15px;font-weight:800;line-height:1.1;position:absolute}.map-label.is-city{opacity:.9;font-size:13px}.hover-card{z-index:5;color:#eef5f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#080f13e0;border:1px solid #eef5f229;border-radius:8px;width:218px;padding:14px;transition:opacity .16s,transform .16s;position:fixed;top:24px;left:24px;transform:translateY(8px)scale(.98);box-shadow:0 20px 70px #00000057}.hover-card.is-visible{opacity:1;transform:translateY(0)scale(1)}.hover-card span{color:#8cc7c0;font-size:12px;font-weight:800;display:block}.hover-card strong{margin-top:7px;font-size:20px;display:block}.hover-card b{color:#111;background:#e7b65f;border-radius:7px;margin-top:10px;padding:7px 10px;font-size:22px;line-height:1;display:inline-flex}.hover-card p{color:#eef5f2b8;margin:10px 0 0;font-size:13px;line-height:1.55}.loading{color:#eef5f2db;opacity:0;pointer-events:none;background:#070d11a8;border-radius:8px;padding:8px 12px;transition:opacity .24s,transform .24s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(8px)}.loading.is-visible{opacity:1;transform:translate(-50%,-50%)translateY(0)}@media (width<=980px){.hud{justify-content:space-between;inset:auto 20px 20px}.crumb{max-width:50vw}}@media (width<=560px){.map-stage{min-height:720px}.brand-panel{top:22px}h1{font-size:30px}.map-label{font-size:11px}.map-label.is-city{font-size:10px}}