.hex-world-page{--panel-bg:#eef2fb;--land:#fefeff;--land-stroke:#dadff0;--hex-stroke:#64719c38;--ink:#243451;--muted:#6f7f95;background:radial-gradient(1000px 420px at 15% 0%,#ffffffdb,#fff0),radial-gradient(920px 360px at 90% 100%,#d4e1ff94,#fff0),var(--panel-bg);min-height:calc(100vh - 72px);padding:28px 14px}.hex-world-shell{border-radius:26px;max-width:1240px;margin:0 auto;overflow:hidden;box-shadow:0 28px 70px #29395e24,inset 0 1px #ffffffd9}.hex-world-map{background:linear-gradient(160deg,#ffffff9e,#e0e7ff42),var(--panel-bg);width:100%;height:auto;display:block}.land-shape{fill:var(--land);stroke:var(--land-stroke);stroke-width:1px}.hex-shape{stroke:var(--hex-stroke);stroke-width:.65px}.city-pin{background:#fffffff5;border:1px solid #dde3f3;border-radius:13px;align-items:center;gap:9px;min-width:154px;padding:7px 10px;display:flex;box-shadow:0 14px 35px #42507838}.pin-icon{color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.pin-city{color:#4d5d79;margin:0;font-size:12px;line-height:1.1}.pin-value{color:var(--ink);margin:3px 0 0;font-size:17px;font-weight:700;line-height:1}.tone-cyan .pin-icon{background:#43b8ff}.tone-mint .pin-icon{background:#60d39a}.tone-orange .pin-icon{background:#f3ad38}.tone-rose .pin-icon{background:#ef7e88}.tone-violet .pin-icon{background:#bb86ff}.tone-blue .pin-icon{background:#5d8df0}.caption-value{fill:var(--ink);letter-spacing:.01em;font-size:20px;font-weight:700}.caption-label{fill:var(--muted);font-size:12px;font-weight:500}@media (max-width:920px){.hex-world-page{padding:16px 10px}.city-pin{transform-origin:0 0;transform:scale(.88)}}@media (max-width:640px){.hex-world-shell{border-radius:16px}.city-pin{transform:scale(.75)}}