.map-page [hidden]{display:none!important}.map-main{max-width:1600px;padding-top:28px}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.map-heading h1{font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-1.3px;margin-bottom:8px}.map-heading p{margin:0;color:var(--muted);font-size:1rem}.map-heading .map-total{font-size:.9375rem;white-space:nowrap}.map-total strong{color:var(--text);font-weight:600}.map-total span{margin:0 10px;color:#637267}.map-explorer{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#111b17}.map-toolbar{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.map-modes{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.map-modes button,.map-zoom button{min-height:44px;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.9375rem}.map-modes button[aria-pressed=true]{background:var(--accent);color:#111b0c;font-weight:650}.map-modes button:hover:not([aria-pressed=true]),.map-zoom button:hover{background:var(--surface-raised);color:var(--text)}.map-toolbar .button{min-height:44px;font-size:.9375rem;gap:10px}.map-zoom{margin-left:auto;display:flex;align-items:center;gap:4px}.map-zoom button{border:1px solid var(--line);color:var(--text);min-width:44px;padding:4px 12px;font-size:1.4rem}.map-zoom #map-reset{font-size:.875rem;margin-left:8px}.map-zoom output{font-size:.875rem;color:var(--muted);min-width:43px;text-align:center;font-variant-numeric:tabular-nums}.map-toolbar button:disabled{opacity:.45;cursor:default}.map-stage{position:relative;height:clamp(470px,66vh,740px);overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#233429 0%,#111d17 48%,#0c1411 100%);touch-action:none;isolation:isolate}.world-map{display:block;width:100%;height:100%;cursor:grab;outline-offset:-4px}.map-stage.is-dragging .world-map{cursor:grabbing}.map-markers{position:absolute;inset:0;pointer-events:none}.map-marker{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;height:44px;padding:0 10px;border-radius:50%;border:2px solid #defcb6;background:#bbf777;color:#11220d;box-shadow:0 2px 10px #0007;transform:translate(-50%,-50%);pointer-events:auto;text-decoration:none;font:650 .875rem CityView,Arial,sans-serif;cursor:pointer;z-index:1}.map-marker.is-cluster{border-radius:24px;background:#e8f5d7;border-color:#fff5;min-width:54px}.map-marker:hover,.map-marker:focus-visible{z-index:3;background:#e1ffc4;box-shadow:0 0 0 5px #baf77724,0 4px 18px #0008}.map-marker svg{width:19px;height:19px;flex-shrink:0}.map-tooltip{position:absolute;z-index:4;pointer-events:none;padding:9px 13px;background:#f2f5ef;color:#162218;box-shadow:0 5px 22px #0005;border-radius:7px;max-width:min(280px,calc(100% - 20px));font-size:.875rem;line-height:1.4}.map-tooltip strong,.map-tooltip span{display:block}.map-tooltip span{color:#4d594f}.map-stage-caption{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;gap:18px;pointer-events:none;font-size:.8125rem;color:#a8baad;text-shadow:0 1px 4px #000;background:linear-gradient(transparent,#0c141188);padding-top:12px}.map-help{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:13px 18px;background:var(--surface);font-size:.875rem;color:var(--muted);border-top:1px solid var(--line)}.map-help p{margin:0;color:#d3ddcf}.map-keyboard-help{font-size:.875rem;margin:0;padding:0 18px 12px;background:var(--surface);color:var(--muted)}.map-loading{position:absolute;top:45%;left:16px;right:16px;text-align:center;color:var(--muted);font-size:1rem;line-height:2}.map-loading a{color:var(--accent)}.map-directory{margin:24px 0;border-bottom:1px solid var(--line);padding-bottom:20px}.map-directory summary{font-size:1rem;font-weight:600;cursor:pointer;padding:8px 0;color:var(--accent)}.map-directory nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.map-directory a{font-size:1rem;text-decoration:none;padding:12px;background:var(--surface);border-radius:8px}.map-directory a:hover{text-decoration:underline}.map-directory span{display:block;color:var(--muted);font-size:.875rem;margin-top:4px}.map-footer{display:flex;gap:20px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;padding:0 0 25px;font-size:.875rem;color:var(--muted)}.map-footer a{color:var(--accent)}.map-footer p{margin:0}.map-cluster{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:16px;max-width:640px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:26px;overscroll-behavior:contain}.map-cluster::backdrop{background:#070f0cc9;backdrop-filter:blur(5px)}.map-cluster h2{font-size:1.6rem;margin:0}.map-cluster .picker-header{align-items:flex-start;gap:16px}.map-cluster .picker-header p{font-size:.9375rem;color:var(--muted);margin:6px 0 0}.map-cluster .button{min-height:44px;font-size:.9375rem}.map-cluster nav{margin-top:18px;display:grid;gap:12px}.map-choice{display:flex;gap:16px;align-items:center;text-decoration:none;padding:12px;border:1px solid var(--line);border-radius:10px}.map-choice:hover{background:var(--surface-raised);border-color:#647c54}.map-choice img{display:block;width:120px;aspect-ratio:16/10;object-fit:cover;border-radius:6px;background:var(--bg)}.map-choice strong,.map-choice span{display:block}.map-choice strong{font-size:1.125rem}.map-choice span{font-size:.875rem;color:var(--muted);margin-top:3px}.map-choice .map-choice-action{color:var(--accent);margin-top:5px}.map-page .collection-nav>[aria-current=page]{color:var(--accent);border-color:var(--accent)}
@media(max-width:900px){.map-heading{align-items:flex-start;flex-direction:column;gap:12px}.map-directory nav{grid-template-columns:repeat(3,minmax(0,1fr))}.map-keyboard-help{display:none}.map-stage{height:clamp(460px,65vh,640px)}}
@media(max-width:600px){.map-main{padding:24px 16px 0}.map-page .topbar{padding:15px 16px;gap:8px}.map-page .collection-nav{gap:16px}.map-page .collection-nav a{font-size:.875rem}.map-heading{margin-bottom:18px}.map-heading p{font-size:.9375rem}.map-toolbar{padding:10px;gap:10px;justify-content:space-between}.map-modes button{padding:8px 12px}.map-toolbar .map-find{padding:8px 10px;font-size:.875rem}.map-find svg{display:none}.map-zoom{justify-content:center;flex:1 0 100%;margin:0}.map-stage{height:470px}.map-help{padding:12px;font-size:.875rem;gap:6px}.map-help p{max-width:34ch}.map-stage-caption{left:12px;right:12px;bottom:12px;font-size:.8125rem}.map-directory nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-directory a{padding:10px}.map-directory span{font-size:.875rem}.map-footer{gap:12px}.map-cluster{padding:20px}.map-choice{gap:12px;padding:10px}.map-choice img{width:88px}.map-choice strong{font-size:1rem}.map-choice span{font-size:.875rem}}
@media(max-width:360px){.map-directory nav{grid-template-columns:1fr}.map-modes button{padding:8px}.map-toolbar{gap:6px}.map-choice img{width:70px}}

.map-city-label{position:absolute;left:50%;top:50%;display:block;visibility:hidden;width:max-content;padding:4px 7px;border:1px solid #8ca77c55;border-radius:5px;background:#102017ed;color:#f2f8eb;font-size:.875rem;font-weight:600;line-height:1.25;white-space:nowrap;letter-spacing:.01em;text-shadow:0 1px 2px #0008;box-shadow:0 2px 7px #0003;cursor:pointer}.map-marker:hover .map-city-label,.map-marker:focus-visible .map-city-label{color:#d9ffb3;border-color:#bbf77780}