.pixcity-map .map-section *{animation-play-state:paused!important}.pixcity-map .map-section.active *{animation-play-state:running!important}.pixcity-map svg{position:absolute;inset:0;width:100%;transform:translateY(-16px)}@media (max-width: 640px){.pixcity-map svg{transform:translateY(-30px)!important}}.pixcity-map .route{fill:none;stroke:#000000f3;stroke-width:4;stroke-dasharray:18 12;animation:moveDash 3s linear infinite}@media (max-width: 640px){.pixcity-map .route{stroke-width:4!important}}@keyframes moveDash{to{stroke-dashoffset:-48!important}}.pixcity-map .traveling-dot.d1{offset-path:path("M500 230 Q650 120 780 80");animation:travel 4s ease-in-out infinite;animation-delay:0s}.pixcity-map .traveling-dot.d2{offset-path:path("M500 230 Q400 110 150 150");animation:travel 4s ease-in-out infinite;animation-delay:.8s}.pixcity-map .traveling-dot.d3{offset-path:path("M500 230 Q450 400 220 320");animation:travel 4s ease-in-out infinite;animation-delay:1.6s}.pixcity-map .traveling-dot.d4{offset-path:path("M500 230 Q600 300 650 300");animation:travel 4s ease-in-out infinite;animation-delay:2.4s}.pixcity-map .traveling-dot.d5{offset-path:path("M500 230 Q520 180 560 200 T650 190 T750 210");animation:travel 3s ease-in-out infinite;animation-delay:.4s}@keyframes travel{0%{offset-distance:0%;opacity:0;r:3}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0;r:5}}.pixcity-map .ripple{fill:none;stroke-width:2;opacity:0}.pixcity-map .ripple.r1{animation:ripple 3s ease-out infinite;animation-delay:.5s}.pixcity-map .ripple.r2{animation:ripple 3s ease-out infinite;animation-delay:.8s}.pixcity-map .ripple.r3{animation:ripple 3s ease-out infinite;animation-delay:1.1s}.pixcity-map .ripple.r4{animation:ripple 3s ease-out infinite;animation-delay:1.4s}.pixcity-map .ripple.r5{animation:ripple 3s ease-out infinite;animation-delay:1.7s}@keyframes ripple{0%{r:5;opacity:.6;stroke-width:3}to{r:30;opacity:0;stroke-width:1}}.pixcity-map .pin{position:absolute;width:24px;height:24px;border-radius:50% 50% 50% 0;transform:translate(-50%,-100%) rotate(-45deg) scale(0);box-shadow:0 2px 8px #2563eb66}@media (max-width: 640px){.pixcity-map .center{width:60px;height:60px}.pixcity-map .pin{width:16px;height:16px}}.pixcity-map .pop{animation:pop .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.pixcity-map .pin:before{content:"";position:absolute;width:100%;height:100%;border-radius:inherit;background:inherit;animation:pinPulse 2s ease-in-out infinite;opacity:0}.pixcity-map .pin:after{content:"";width:40%;height:40%;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pixcity-map .p1{animation-delay:.5s}.pixcity-map .p2{animation-delay:.8s}.pixcity-map .p3{animation-delay:1.1s}.pixcity-map .p4{animation-delay:1.4s}.pixcity-map .p5{animation-delay:1.7s}@keyframes pop{0%{transform:translate(-50%,-100%) rotate(-45deg) scale(0)}60%{transform:translate(-50%,-100%) rotate(-45deg) scale(1.2)}to{transform:translate(-50%,-100%) rotate(-45deg) scale(1)}}@keyframes pinPulse{0%,to{transform:scale(1);opacity:0}50%{transform:scale(1.8);opacity:.3}}.pixcity-map .pin-shadow{position:absolute;width:12px;height:6px;background:#0003;border-radius:50%;transform:translate(-50%) scale(0);animation:shadowPop .5s cubic-bezier(.68,-.55,.265,1.55) forwards;filter:blur(2px)}.pixcity-map .pin-shadow.s1{animation-delay:.5s}.pixcity-map .pin-shadow.s2{animation-delay:.8s}.pixcity-map .pin-shadow.s3{animation-delay:1.1s}.pixcity-map .pin-shadow.s4{animation-delay:1.4s}.pixcity-map .pin-shadow.s5{animation-delay:1.7s}@keyframes shadowPop{to{transform:translate(-50%) scale(1)}}.pixcity-map .center{position:absolute;left:50%;top:45%;width:80px;height:80px;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%) scale(0);animation:avatarPop .6s cubic-bezier(.68,-.55,.265,1.55) .2s forwards}.pixcity-map .center:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:4px solid transparent}@keyframes avatarPop{to{transform:translate(-50%,-50%) scale(1)}}@keyframes rotateBorder{to{transform:rotate(360deg)}}.pixcity-map .center-glow{position:absolute;left:50%;top:45%;width:80px;height:80px;border-radius:50%;transform:translate(-50%,-50%);background:transparent;pointer-events:none}@media (max-width: 640px){.pixcity-map .center,.pixcity-map .center-glow{width:52px;height:52px;top:38%}}.pixcity-map .center img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pixcity-map .chat{background:#faf4ec;padding:14px 18px;border-radius:8px;font-family:Segoe UI,sans-serif;font-size:14px;opacity:0;transform:translateY(15px) scale(.95);animation:chatIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards;max-width:280px;line-height:1.4;margin-bottom:.5rem}@media (max-width: 640px){.pixcity-map #chatContainer{right:10px;bottom:-40px}}.pixcity-map .chat1{right:30px;bottom:110px;animation-delay:2.2s}.pixcity-map .chat2{right:30px;bottom:40px;animation-delay:2.8s}.pixcity-map .chat2:before{bottom:-8px}@keyframes chatIn{to{opacity:1;transform:translateY(0) scale(1)}}.pixcity-map .typing{position:absolute;right:30px;bottom:40px;background:#faf4ec;padding:14px 20px;border-radius:16px;display:flex;gap:4px;opacity:0;animation:chatIn .4s ease forwards 2.4s,fadeOut .3s ease forwards 2.7s}.pixcity-map .typing span{width:8px;height:8px;background:#999;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.pixcity-map .typing span:nth-child(2){animation-delay:.2s}.pixcity-map .typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes fadeOut{to{opacity:0;transform:scale(.9)}}@keyframes fadeIn{to{opacity:1}}.pixcity-map .chat-bubble{padding:18px 22px;border-radius:14px;max-width:340px;font-size:14px;line-height:1.6}.pixcity-map .chat-avatar{position:absolute;color:#fff;font-weight:300;top:-18px;right:-18px;width:42px;height:42px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 10px #00000026}.pixcity-map .chat-bubble{position:relative;background:#00f;padding:18px 22px;border-radius:14px;max-width:340px;font-size:14px;line-height:1.6;margin-bottom:.5rem}.pixcity-map .chat-avatar{position:absolute;top:-18px;right:-18px;width:42px;height:42px;border-radius:50%;border:3px solid white;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 10px #00000026}.pixcity-map .avatar-fallback{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}
