
/* ---- mapa-múndi ---- */
.mapbox{position:relative;border:4px solid #000;box-shadow:inset 0 0 0 3px var(--line),6px 6px 0 #000;background:#1b4764;line-height:0;margin:10px 0 22px}
.mapbox canvas{width:100%;height:auto;display:block;image-rendering:auto}
.pins{position:absolute;inset:0}
.pin{position:absolute;transform:translate(-50%,-50%);background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink);font-family:var(--px)}
.pin i{font-style:normal;font-size:clamp(12px,2.6vw,22px);line-height:1;filter:drop-shadow(2px 2px 0 #000)}
.pin span{font-size:clamp(5px,1.1vw,9px);line-height:1.3;background:#000c;padding:3px 5px;white-space:nowrap;margin-top:clamp(14px,3vw,26px)}
.pin.atual i{animation:mpulse 1s steps(2) infinite}
.pin.proxima span{color:var(--gold)}
.pin.bloq,.pin.nevoa{opacity:.8}.pin.nevoa span{display:none}
.pin.sel span{outline:2px solid var(--toxic)}
@keyframes mpulse{50%{transform:translateY(-4px)}}
.mapleg{display:flex;gap:16px;flex-wrap:wrap;font-size:18px;color:var(--mute);margin-bottom:14px}
.mapleg b{color:var(--gold)}
.mcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.mcard{cursor:pointer}.mcard.sel{box-shadow:inset 0 0 0 3px var(--toxic2),6px 6px 0 #000}
.mcard.bloq,.mcard.nevoa{opacity:.75}.mcard small{color:var(--mute)}
.mexp{color:var(--toxic);font-size:20px}
.mapbox img{width:100%;height:auto;display:block}
