.map-mock{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#f6f6f4;padding:.85rem .95rem;display:flex;flex-direction:column;gap:.6rem}.map-mock *{box-sizing:border-box}.map-mock .mm-frame{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:.75rem;border:1px solid #e7e5e4;box-shadow:0 8px 24px -14px #00000040}.map-mock .mm-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.map-mock .mm-frame[data-theme=light] .mm-bg[data-bg=light],.map-mock .mm-frame[data-theme=dark] .mm-bg[data-bg=dark],.map-mock .mm-frame[data-theme=streets] .mm-bg[data-bg=streets],.map-mock .mm-frame[data-theme=outdoors] .mm-bg[data-bg=outdoors],.map-mock .mm-frame[data-theme=satellite] .mm-bg[data-bg=satellite]{opacity:1}.map-mock .mm-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-mock .mm-casing{fill:none;stroke:#fff;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;opacity:.9;stroke-dasharray:1;stroke-dashoffset:1}.map-mock .mm-core{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.map-mock[data-play] .mm-casing{animation:mm-draw 1s ease-out .35s forwards}.map-mock[data-play] .mm-core{animation:mm-draw 1s ease-out .45s forwards}@keyframes mm-draw{to{stroke-dashoffset:0}}.map-mock .mm-frame[data-line=dashed] .mm-core{stroke-dasharray:.022 .016}.map-mock .mm-frame[data-line=dashed] .mm-casing{opacity:.35}.map-mock .mm-pin{position:absolute;transform:translate(-50%,-100%);opacity:0;z-index:3}.map-mock[data-play] .mm-pin{animation:mm-drop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d)}@keyframes mm-drop{0%{opacity:0;transform:translate(-50%,-135%)}to{opacity:1;transform:translate(-50%,-100%)}}.map-mock .mm-pin-mark{display:block;width:22px;height:30px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.map-mock .mm-pin-mark path{fill:#171717;stroke:#fff;stroke-width:1.5}.map-mock .mm-pin-num{position:absolute;left:50%;top:11px;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#171717}.map-mock .mm-pin-tag{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translate(-50%);white-space:nowrap;font-size:10px;font-weight:600;color:#1c1917;background:#fffffff2;padding:1px 6px;border-radius:9999px;box-shadow:0 1px 4px #00000040}.map-mock .mm-badge{position:absolute;left:.55rem;bottom:.55rem;z-index:3;font-size:10px;font-weight:500;color:#292524;background:#ffffffe6;border:1px solid rgba(0,0,0,.06);padding:2px 8px;border-radius:9999px;opacity:0}.map-mock[data-play] .mm-badge{animation:mm-fade .5s ease 1.3s forwards}@keyframes mm-fade{to{opacity:1}}.map-mock .mm-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.map-mock .mm-themes{display:inline-flex;gap:.3rem}.map-mock .mm-theme{position:relative;width:44px;height:28px;border-radius:6px;overflow:hidden;border:1px solid #e0ddd8;padding:0;cursor:pointer;box-shadow:0 0 #17171700;transition:box-shadow .2s ease}.map-mock .mm-theme img{width:100%;height:100%;object-fit:cover;display:block}.map-mock .mm-theme.is-active{box-shadow:0 0 0 2px #171717}.map-mock .mm-theme-check{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:9999px;background:#171717;display:none;align-items:center;justify-content:center}.map-mock .mm-theme.is-active .mm-theme-check{display:flex}.map-mock .mm-theme-check svg{width:8px;height:8px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.map-mock .mm-segs{display:inline-flex;gap:.4rem}.map-mock .mm-seg{display:inline-flex;border:1px solid #e7e5e4;border-radius:.45rem;overflow:hidden;background:#fff}.map-mock .mm-seg-o{font-size:.68rem;padding:.18rem .45rem;color:#78716c;transition:background .25s,color .25s}.map-mock .mm-seg-o.is-on{background:#171717;color:#fff;font-weight:500}@media(prefers-reduced-motion:reduce){.map-mock .mm-casing,.map-mock .mm-core{stroke-dashoffset:0;animation:none!important}.map-mock .mm-pin{opacity:1;transform:translate(-50%,-100%);animation:none!important}.map-mock .mm-badge{opacity:1;animation:none!important}.map-mock .mm-bg{transition:none!important}}