.mv{position:relative}.mv-port{position:relative;width:100%;aspect-ratio:1 / 1;max-width:min(760px,100%);min-height:280px;margin:0 auto;overflow:hidden;border-radius:var(--r);background:#0b1016;border:1px solid var(--line);cursor:grab;touch-action:none}.mv-port.grabbing{cursor:grabbing}.mv-stage{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.mv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.mv[data-map=none] .mv-img{display:none}.mv-grid{position:absolute;inset:0;pointer-events:none}.mv-grid .gv,.mv-grid .gh{position:absolute;background:#ffffff12}.mv-grid .gv{top:0;bottom:0;width:1px}.mv-grid .gh{left:0;right:0;height:1px}.mv-grid .gl{position:absolute;color:#fff;background:#101010b8;padding:1px 2px;border-radius:var(--r-xs);font-family:var(--f-mono);font-size:7px;line-height:1;transform:translate(-50%,-50%);user-select:none}.mv-grid .gl.col{top:5px}.mv-grid .gl.row{left:6px}.mv[data-zoom=out] .mv-grid .gl{opacity:0}.mv-arcs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.mv-arc{fill:none;stroke-width:.5;stroke-linecap:round;stroke-dasharray:2 2;animation:arc-run 1.4s linear infinite}.mv-arc.dim{opacity:.4}@keyframes arc-run{to{stroke-dashoffset:-8}}.mv-pins{position:absolute;inset:0}.mv-pin{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;padding:2px;border-radius:var(--r-sm);background:var(--bg);border:1.5px solid var(--c, var(--team-none));box-shadow:0 2px 8px #000000b3;z-index:2}.mv-pin:hover,.mv-pin:focus-visible{z-index:5}.mv-pin[data-status=raided]{border-style:dashed}.mv-pin[data-status=lost]{opacity:.45;filter:grayscale(1)}.mv-pin.under-raid{animation:pin-alarm 1.1s ease-in-out infinite;border-color:var(--danger)}@keyframes pin-alarm{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 28%,transparent),0 2px 8px #000000b3}}.mv-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:grid;gap:1px;padding:5px 9px;white-space:nowrap;border-radius:var(--r-sm);background:var(--glass);border:1px solid var(--line-2);opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease);font-size:.74rem}.mv-tip span{color:var(--muted);font-size:.68rem}.mv-pin:hover .mv-tip,.mv-pin:focus-visible .mv-tip{opacity:1}.mv-ghost{position:absolute;width:7px;height:7px;z-index:1;transform:translate(-50%,-50%);border-radius:var(--r-xs);border:1px dashed var(--c, var(--muted));opacity:.5}.mv-tools{position:absolute;right:10px;top:10px;z-index:6;display:flex;gap:4px}.mv-tools .btn{background:var(--surface-2)}.mv-note{color:var(--muted-2);font-size:.82rem;margin-top:10px}.map-bar{display:flex;gap:12px;align-items:center;margin:0 0 16px}@media(prefers-reduced-motion:reduce){.mv-arc,.mv-pin.under-raid{animation:none}}