/* Ocho zonas seleccionables sobre el mapa; el lienzo se desplaza en pantallas pequeñas. */
.map-explorer{--explore-earth:#5f4b3b;--explore-yellow:#e6c86b;--explore-sky:#d8eaed;--explore-paper:#fffdf8;color:var(--explore-earth);background:var(--explore-paper);border-color:#d2c6b5;margin:2rem 0;scroll-margin-top:6rem}
.map-explorer [hidden]{display:none!important}
.explore-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.map-explorer .explore-kicker{color:var(--explore-earth);font-size:.8rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem}
.map-explorer .section-title{color:var(--explore-earth);margin-top:0}
.explore-description{max-width:78ch;margin:.8rem 0 1rem}
.explore-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}
.explore-button{appearance:none;min-height:44px;border:2px solid var(--explore-earth);border-radius:.65rem;background:var(--explore-earth);color:#fff;padding:.6rem .95rem;font:inherit;font-weight:750;line-height:1.4;cursor:pointer;box-shadow:none}
.explore-button-secondary{background:#fff;color:var(--explore-earth)}
.explore-button:hover{background:#433327;color:#fff}
.explore-button:focus-visible,.explore-pin:focus-visible{outline:3px solid #18242c;outline-offset:4px;box-shadow:0 0 0 7px var(--explore-yellow)}
.explore-game{margin-top:1.2rem;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid #c7b889;border-radius:1rem;background:#f8f1d9}
.explore-counter{margin:0 0 .5rem;font-weight:800;font-size:.88rem}
.explore-clue{font-size:clamp(1.15rem,2.3vw,1.5rem);line-height:1.5;margin:0 0 .6rem;max-width:76ch;color:var(--explore-earth)}
.explore-clue:focus{outline:3px solid var(--explore-earth);outline-offset:5px;border-radius:.2rem}
.explore-game-note{font-size:.9rem;max-width:88ch;margin:.7rem 0 1rem}
.explore-hint{background:#fff;padding:.85rem 1rem;border-left:4px solid #806819;border-radius:.25rem .7rem .7rem .25rem;margin:1rem 0 0}
.explore-feedback{padding:.8rem 1rem;background:#fff;border:1px solid #c7b889;border-radius:.65rem;margin:1rem 0 0;font-weight:650}
.explore-feedback[data-kind="success"]{border-color:#3e6b49;background:#edf5ec;color:#24442c}
.explore-feedback[data-kind="retry"]{border-color:#806819;background:#fffdf3;color:var(--explore-earth)}
.explore-map-instruction{font-size:.93rem;margin:1.25rem 0 .75rem;max-width:88ch}
.explore-map-stage{position:relative;isolation:isolate;--explore-marker-size:3rem}
.explore-map-image{display:block;width:100%;height:auto;border-radius:1rem;border:1px solid #9dbbc4}
.explore-map-islands{position:absolute;inset:0}
.explore-pin{position:absolute;left:var(--explore-x);top:var(--explore-y);transform:translate(-50%,calc(-100% - .625rem));z-index:1;appearance:none;display:flex;align-items:center;flex-direction:column;gap:4px;min-width:44px;min-height:44px;padding:0;border:0;color:var(--explore-earth);background:transparent;font:inherit;line-height:1.2;cursor:pointer;border-radius:.65rem}
.explore-pin-badge{display:grid;place-items:center;width:var(--explore-marker-size);height:var(--explore-marker-size);flex-shrink:0;padding:2px;border:0;background:transparent;border-radius:0;box-shadow:none}
.explore-pin-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.explore-pin-label{display:flex;flex-direction:column;align-items:center;gap:3px;padding:.35rem .5rem;max-width:10rem;border-radius:.5rem;background:#fff;color:var(--explore-earth);box-shadow:0 2px 8px #0002;border:1px solid #bfb09b}
.explore-pin-name{font-size:.9rem;white-space:nowrap}
.explore-pin-state{font-size:.65rem;font-weight:650;white-space:nowrap}
.explore-pin:hover .explore-pin-name{text-decoration:underline;text-underline-offset:.12em}
.explore-pin-earned .explore-pin-label{border:2px solid #3e6b49;background:#f0f7ee}
.explore-pin-found .explore-pin-label{border-color:#24442c;background:#edf5ec}
.explore-progress{font-size:.88rem;margin:1rem 0 0;padding:.8rem 1rem;border-radius:.65rem;background:#f1ede5;color:var(--explore-earth)}
.explore-map-viewport{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-radius:1rem;border:1px solid #b6cbd5;box-shadow:0 4px 14px #163a5412;scrollbar-color:#5f4b3b #e5eff1;scrollbar-width:thin}
.explore-map-viewport:focus-visible{outline:3px solid #18242c;outline-offset:4px}
.explore-map-stage{min-width:60rem}
.explore-map-image{border:0;border-radius:0}
.explore-pan-controls{display:flex;gap:.65rem;align-items:center;justify-content:space-between;margin:.75rem 0 1rem}
.explore-pan-help{margin:0;line-height:1.45;font-size:.9rem}
.explore-pan-controls button{flex-shrink:0;min-width:44px}
.explore-pan-controls button:disabled{opacity:.45;cursor:default}
.map-explorer > .explore-actions{margin-top:1rem}
@media(max-width:1199px){
 .explore-map-stage{--explore-marker-size:2.75rem}
 .explore-pin:focus-visible{outline-offset:2px;box-shadow:0 0 0 5px var(--explore-yellow)}
}
@media(max-width:380px){.explore-actions .explore-button{width:100%}}
@media(prefers-reduced-motion:reduce){.map-explorer *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.map-explorer{display:none}}