.smap{position:relative;height:440px;border-radius:28px;overflow:hidden;background:#0b1440;box-shadow:inset 0 0 0 1px var(--line,rgba(255,255,255,.12));isolation:isolate}.smap-canvas{position:absolute;inset:0;overflow:hidden}.smap-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.smap-tiles{position:absolute;display:grid;grid-template-columns:repeat(var(--cols),256px);grid-template-rows:repeat(var(--rows),256px);filter:invert(.92) hue-rotate(195deg) saturate(.55) brightness(.9) contrast(.95)}.smap-tiles img{display:block;width:256px;height:256px}.smap-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 90% at 50% 45%,transparent 40%,rgba(3,8,36,.55)),linear-gradient(90deg,rgba(3,8,36,.75),transparent 45%)}.smap-pin{position:absolute;left:50%;top:50%;z-index:2;width:0;height:0}.smap-pin i{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#ff2d2d,#c20000);box-shadow:0 0 0 4px #ffffffe6,0 8px 20px -4px #ff2e3fe6}.smap-pin:before,.smap-pin:after{content:"";position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,46,63,.8);animation:smapPing 2.4s cubic-bezier(.2,.7,.2,1) infinite}.smap-pin:after{animation-delay:1.2s}@keyframes smapPing{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}.smap-card{position:absolute;left:24px;bottom:24px;z-index:3;display:flex;flex-direction:column;gap:4px;max-width:340px;padding:20px 22px;border-radius:22px}.smap-card strong{font:600 17px/1.3 Sora,sans-serif}.smap-card span{font-size:14.5px;color:var(--muted,rgba(224,231,255,.72))}.smap-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.smap-attr{position:absolute;right:10px;bottom:8px;z-index:3;font-size:11px;color:#e0e7ff99;background:#0308248c;padding:2px 8px;border-radius:999px}.smap--empty .smap-canvas{background:radial-gradient(60% 80% at 60% 40%,#13287a,#081545 55%,#030824)}.smap-frame{position:absolute;inset:0;z-index:4;width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(185deg) saturate(.7) brightness(.95)}.smap--live .smap-card,.smap--live .smap-attr{display:none}@media(max-width:720px){.smap{height:340px;border-radius:22px}.smap-card{left:12px;right:12px;bottom:12px;max-width:none;padding:16px}.smap-actions .btn{flex:1}}@media(prefers-reduced-motion:reduce){.smap-pin:before,.smap-pin:after{animation:none;opacity:0}}