.loop-map-wrap{--loop-orange:#ff9918;--loop-purple:#5718ba;--people:#7c3aed;--employer:#1d9e75;--job:#378add;--ink:#1c1330;--panel:hsla(0,0%,98%,.92);--border:rgba(87,24,186,.07);position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#f9f9f9;font-family:Calibri,Segoe UI,system-ui,sans-serif;color:var(--ink)}.loop-map-wrap *{box-sizing:border-box}.loop-map-wrap #mapcanvas{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity .55s ease,transform .7s cubic-bezier(.4,0,.2,1);transform-origin:50% 46%}.loop-map-wrap #natmap{position:absolute;inset:0;bottom:64px;z-index:2;opacity:0;transition:opacity .55s ease;pointer-events:none}.loop-map-wrap #natmap.show{opacity:1;pointer-events:auto}.loop-map-wrap .lm-brand{position:absolute;top:16px;right:18px;z-index:8;display:flex;align-items:center;gap:8px;background:var(--panel);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:999px;padding:6px 14px 6px 12px}.loop-map-wrap .lm-brand .loop-mark{display:inline-flex;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1}.loop-map-wrap .lm-brand .loop-mark b:first-child,.loop-map-wrap .lm-brand .loop-mark b:nth-child(2){color:var(--loop-orange)}.loop-map-wrap .lm-brand .loop-mark b:nth-child(3),.loop-map-wrap .lm-brand .loop-mark b:nth-child(4){color:var(--loop-purple)}.loop-map-wrap .lm-head{position:absolute;top:16px;left:20px;z-index:7;pointer-events:none;max-width:62%;text-shadow:0 1px 14px hsla(0,0%,100%,.95),0 1px 3px hsla(0,0%,100%,.9);opacity:0;transition:opacity .5s ease}.loop-map-wrap .lm-head.show{opacity:1}.loop-map-wrap .lm-head .kick{font-size:clamp(11px,1.4vw,13px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--loop-orange)}.loop-map-wrap .lm-head .h{font-size:clamp(22px,3.6vw,38px);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--ink);margin-top:2px}.loop-map-wrap .lm-head .p{font-size:clamp(12px,1.5vw,15px);font-weight:600;color:var(--loop-purple);margin-top:6px}.loop-map-wrap .lm-city{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;text-align:center;opacity:0;transition:opacity .5s ease}.loop-map-wrap .lm-city.show{opacity:1}.loop-map-wrap .lm-city .name{font-size:clamp(28px,4.4vw,50px);font-weight:800;color:var(--ink);letter-spacing:-.02em;text-shadow:0 2px 30px hsla(0,0%,100%,.98),0 0 60px hsla(0,0%,100%,.95),0 1px 4px hsla(0,0%,100%,.95)}.loop-map-wrap .lm-sat{position:absolute;z-index:4;pointer-events:none;font-weight:800;color:var(--ink);font-size:clamp(12px,1.6vw,18px);transform:translate(-50%,-50%);white-space:nowrap;opacity:0;transition:opacity .5s ease .15s;text-shadow:0 1px 10px hsla(0,0%,100%,.95),0 0 16px hsla(0,0%,100%,.85)}.loop-map-wrap .lm-sat.show{opacity:1}.loop-map-wrap .lm-hot{position:absolute;z-index:6;transform:translate(-50%,-50%);cursor:pointer;opacity:0;transition:opacity .5s ease .25s}.loop-map-wrap .lm-hot.show{opacity:1}.loop-map-wrap .lm-hot .pin{width:26px;height:26px;border-radius:50%;background:var(--loop-orange);border:3px solid #fff;box-shadow:0 3px 10px rgba(42,26,74,.35);display:flex;align-items:center;justify-content:center;animation:lm-pulse 2.4s ease-in-out infinite}.loop-map-wrap .lm-hot .pin svg{width:14px;height:14px;fill:#fff}@keyframes lm-pulse{0%,to{box-shadow:0 3px 10px rgba(42,26,74,.35),0 0 0 0 rgba(255,153,24,.5)}50%{box-shadow:0 3px 10px rgba(42,26,74,.35),0 0 0 10px rgba(255,153,24,0)}}.loop-map-wrap .lm-hot.active .pin{background:var(--loop-purple)}.loop-map-wrap .lm-pop{position:absolute;z-index:9;width:260px;max-width:74%;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px rgba(42,26,74,.28);padding:14px 16px;opacity:0;pointer-events:none;transform:translateY(6px) scale(.98);transition:opacity .2s ease,transform .2s ease}.loop-map-wrap .lm-pop.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.loop-map-wrap .lm-pop h4{margin:0 0 5px;font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:7px}.loop-map-wrap .lm-pop h4 svg{width:15px;height:15px;fill:var(--loop-purple);flex:none}.loop-map-wrap .lm-pop p{margin:0;font-size:13px;line-height:1.4;color:#4a4458;font-weight:500}.loop-map-wrap .lm-pop .x{position:absolute;top:8px;right:10px;cursor:pointer;font-size:16px;color:#aaa;font-weight:700;line-height:1}.loop-map-wrap .lm-nav{position:absolute;bottom:78px;left:0;right:0;z-index:7;display:flex;align-items:center;justify-content:center;gap:14px}.loop-map-wrap .lm-dots{display:flex;gap:8px}.loop-map-wrap .lm-dot{width:9px;height:9px;border-radius:50%;background:rgba(87,24,186,.25);cursor:pointer;transition:all .2s ease;border:0;padding:0}.loop-map-wrap .lm-dot.active{background:var(--loop-purple);width:24px;border-radius:5px}.loop-map-wrap .lm-arrow{background:var(--panel);border:1px solid var(--border);border-radius:50%;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);padding:0}.loop-map-wrap .lm-arrow svg{width:16px;height:16px;fill:var(--loop-purple)}.loop-map-wrap .lm-play{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 11px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;color:#5718ba;background:rgba(124,58,237,.08);border:1px solid rgba(87,24,186,.18);transition:background .15s ease}.loop-map-wrap .lm-play:hover{background:rgba(124,58,237,.14)}.loop-map-wrap .lm-play:focus-visible{outline:2px solid #5718ba;outline-offset:2px}.loop-map-wrap .lm-play svg{width:13px;height:13px;fill:#5718ba}.loop-map-wrap .lm-legend{position:absolute;bottom:0;left:0;right:0;height:64px;z-index:7;background:#f9f9f9;border-top:1px solid var(--border);display:flex;align-items:center;gap:20px;padding:0 18px}.loop-map-wrap .lm-legend .item{display:flex;align-items:center;gap:9px}.loop-map-wrap .lm-legend .dot{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.06);flex:none}.loop-map-wrap .lm-legend .t1{font-size:13.5px;font-weight:800;color:var(--ink);line-height:1.05}.loop-map-wrap .lm-legend .t2{font-size:11.5px;font-weight:600;color:#8a8a98;line-height:1.05}.loop-map-wrap .lm-cityLabel{position:absolute;z-index:4;pointer-events:none;font-weight:800;color:var(--ink);font-size:13px;white-space:nowrap;text-shadow:0 1px 8px hsla(0,0%,100%,.98),0 0 14px hsla(0,0%,100%,.95)}.loop-map-wrap .lm-cityLabel.big{font-size:17px}.loop-map-wrap .maplibregl-ctrl-attrib{font-size:10px}@media (max-width:640px){.loop-map-wrap .lm-head{max-width:80%}.loop-map-wrap .lm-legend{gap:14px;padding:0 12px}.loop-map-wrap .lm-legend .t2{display:none}.loop-map-wrap .lm-sat{font-size:13px}.loop-map-wrap .lm-pop{width:230px}}@media (prefers-reduced-motion:no-preference){@keyframes lp-hb{0%,to{transform:scale(1)}45%{transform:scale(1.05)}}@keyframes lp-dash{to{stroke-dashoffset:-16}}@keyframes lp-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lp-heart{animation:lp-hb 2.4s ease-in-out infinite;transform-origin:center}.lp-wire{stroke-dasharray:4 4;animation:lp-dash 1.2s linear infinite}.lp-detail-inner{animation:lp-pop .25s ease}}.lp-play{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 11px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;color:#5718ba;background:rgba(124,58,237,.08);border:1px solid rgba(87,24,186,.18);transition:background .15s ease}.lp-play:hover{background:rgba(124,58,237,.14)}.lp-play:focus-visible{outline:2px solid #5718ba;outline-offset:2px}.lp-play svg{width:13px;height:13px;fill:#5718ba}.lp-factor{cursor:pointer;outline:none}.lp-pill{transition:filter .15s ease,stroke-width .15s ease,stroke .15s ease}.lp-factor.lp-sel .lp-pill,.lp-factor:focus-visible .lp-pill,.lp-factor:hover .lp-pill{filter:brightness(1.04)}.lp-heartwrap{cursor:pointer;outline:none}@media (prefers-reduced-motion:no-preference){@keyframes lpp-flow{to{stroke-dashoffset:-24}}@keyframes lpp-fade{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}.lpp-flow{stroke-dasharray:10 14;animation:lpp-flow 1.1s linear infinite}.lpp-inner{animation:lpp-fade .25s ease}}.lpp-play{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 11px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;color:#5718ba;background:rgba(124,58,237,.08);border:1px solid rgba(87,24,186,.18);transition:background .15s ease}.lpp-play:hover{background:rgba(124,58,237,.14)}.lpp-play:focus-visible{outline:2px solid #5718ba;outline-offset:2px}.lpp-play svg{width:13px;height:13px;fill:#5718ba}.lpp-stage{cursor:pointer;outline:none}.lpp-stage rect.bg{transition:filter .15s ease,stroke-width .15s ease,stroke .15s ease}.lpp-stage:focus-visible rect.bg,.lpp-stage:hover rect.bg{filter:brightness(1.05)}.lpp-stage.lpp-sel rect.bg{filter:brightness(1.05)}