/* 2026-10-16: 'See where you can join' map (owner). Same component as hoopfrog.co, in this brand's colours. */
.map-btn{margin-top:.5rem;background:none;border:0;padding:.35rem 0;font:inherit;font-weight:600;font-size:.9rem;color:#047857;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.map-btn::after{content:' \2192'}
html.dark-mode .map-btn{color:#34D399}
.map-dialog{margin:auto;border:0;border-radius:20px;max-height:92vh;overflow:auto;padding:1.25rem 1.5rem 1rem;width:min(1000px,94vw);max-width:none;background:#fff;color:#0F172A;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.map-dialog::backdrop{background:rgba(15,23,42,.55)}
.map-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}
.map-dialog h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.8rem);margin:0;color:#0F172A}
.map-dialog img{display:block;width:100%;height:auto}
.map-close{min-height:44px;padding:0 1.1rem;border-radius:999px;border:1.5px solid rgba(5,150,105,.35);background:#fff;color:#047857;font:inherit;font-weight:600;cursor:pointer}
.map-zoom{position:relative;overflow:hidden;touch-action:none;cursor:grab;border-radius:12px}.map-zoom.dragging{cursor:grabbing}.map-zoom img{transform-origin:0 0;will-change:transform;user-select:none;-webkit-user-drag:none}.map-zoom svg{display:block;width:100%;height:auto;transform-origin:0 0;will-change:transform;user-select:none}.map-zoom [data-cc]{cursor:pointer}.map-zoom .open path.sel,.map-zoom .open g.sel circle:first-child{fill:#047857}@media (hover:hover){.map-zoom .open path:hover{fill:#059669}}.map-tip{position:absolute;z-index:2;left:0;top:0;transform:translate(-50%,calc(-100% - 10px));background:#0F172A;color:#fff;font-size:.9rem;font-weight:600;padding:.35rem .7rem;border-radius:8px;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.25)}.map-tools{display:flex;justify-content:center;gap:.5rem;margin-top:.6rem}.map-tools button{min-width:44px;min-height:44px;padding:0 .9rem;border-radius:999px;border:1.5px solid rgba(5,150,105,.35);background:#fff;color:#047857;font:inherit;font-weight:600;font-size:1rem;cursor:pointer}
.map-note{margin:.5rem 0 0;font-size:.85rem;color:#475569;text-align:center}

.hf-map-line{margin:.35rem 0 0}
html.dark-mode .map-dialog{background:var(--lc-dark-bg,#1b1b1b);color:#f2f2f2}
html.dark-mode .map-dialog h2{color:#f2f2f2}
html.dark-mode .map-note{color:#cfcfcf}
html.dark-mode .map-close,html.dark-mode .map-tools button{background:transparent;color:#34D399;border-color:rgba(52,211,153,.45)}