.mx-map{width:100%}.mx-map-board{aspect-ratio:100/70;border-radius:var(--r-card);width:100%;box-shadow:var(--shadow-card);border:1px solid var(--line);position:relative;overflow:hidden}.mx-map--pick .mx-map-board{cursor:crosshair}.mx-map-svg{width:100%;height:100%;display:block}.mx-map-svg .m-ground{fill:#efe2c4}.mx-map-svg .m-road{fill:#d8c7a3}.mx-map-svg .m-bld{fill:#fffaf1;stroke:#b9a07a;stroke-width:.4px}.mx-map-svg .m-yard{fill:#e5d4ae;stroke:#c9b48c;stroke-width:.3px;stroke-dasharray:1 .8}.mx-map-svg .m-field{fill:#cfe0b4;stroke:#a8c08a;stroke-width:.3px}.mx-map-svg .m-gate{fill:#8a6f4b}.mx-map-svg .m-txt{fill:#6e5c4a;text-anchor:middle;font-size:3.4px;font-weight:700;font-family:var(--font)}.mx-map-svg .m-txt--s{font-size:2.6px}@media (prefers-color-scheme:dark){.mx-map-svg .m-ground{fill:#2b231b}.mx-map-svg .m-road{fill:#3a2f24}.mx-map-svg .m-bld{fill:#3d3227;stroke:#6b5843}.mx-map-svg .m-yard{fill:#362c22;stroke:#5a4936}.mx-map-svg .m-field{fill:#2a3522;stroke:#4a5c3a}.mx-map-svg .m-gate{fill:#b89a72}.mx-map-svg .m-txt{fill:#d2bfa6}}.mx-map-note{color:var(--ink-3);margin:8px 0 0;font-size:.75rem}.mx-pin{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex;position:absolute;transform:translate(-50%,-100%)}.mx-pin-dot{background:var(--c,var(--primary));color:#fff;border:2px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:900;display:grid;transform:rotate(-45deg);box-shadow:0 2px 6px #00000040}.mx-pin-dot:not(:empty){line-height:1}.mx-pin-dot{font-family:var(--font)}.mx-pin-dot>*{transform:rotate(45deg)}.mx-pin-label{color:var(--ink);background:var(--surface);border-radius:var(--r-pill);white-space:nowrap;text-overflow:ellipsis;max-width:9.5em;margin-top:2px;padding:1px 6px;font-size:.68rem;font-weight:900;line-height:1.3;overflow:hidden;box-shadow:0 1px 3px #00000026}.mx-pin--on .mx-pin-dot{outline:3px solid var(--accent);outline-offset:1px;transform:rotate(-45deg)scale(1.15)}.mx-pin--on .mx-pin-label{background:var(--ink);color:var(--bg)}.mx-pin--alert .mx-pin-dot:after{content:"";background:var(--ng);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.mx-pin-dot{position:relative}@media (max-width:480px){.mx-pin-label{max-width:7em;font-size:.6rem}}