.map{position:relative;z-index:0;border-radius:var(--radius-lg);overflow:hidden}.map__canvas{width:100%;height:var(--detail-map-h-mobile);min-height:var(--detail-map-minh-mobile)}@media (min-width:768px){.map__canvas{height:var(--detail-map-h-tablet);min-height:var(--detail-map-minh-tablet)}}@media (min-width:1024px){.map__canvas{height:var(--detail-map-h-desktop);min-height:0}}.map-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-xs);height:var(--detail-map-h-mobile);min-height:var(--detail-map-minh-mobile);padding:var(--spacing-lg) var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden}@media (min-width:768px){.map-placeholder{height:var(--detail-map-h-tablet);min-height:var(--detail-map-minh-tablet)}}@media (min-width:1024px){.map-placeholder{height:var(--detail-map-h-desktop);min-height:0}}.map-placeholder::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at center,transparent 15%,#000 70%);mask-image:radial-gradient(ellipse at center,transparent 15%,#000 70%)}.map-placeholder::after{content:'';position:absolute;inset:0;background:radial-gradient(130px 90px at 20% 78%,var(--primary-soft),transparent 70%),radial-gradient(170px 120px at 82% 22%,var(--primary-soft),transparent 70%)}.map-placeholder__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.map-placeholder__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--spacing-sm);border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:32px}.map-placeholder__title{margin:0;font-size:var(--text-lg);font-weight:700;letter-spacing:-0.01em;color:var(--text-main)}.map-placeholder__text{margin:0;max-width:40ch;font-size:var(--text-sm);color:var(--text-secondary)}.map__toggles{position:absolute;bottom:12px;left:12px;z-index:1000;display:flex;gap:6px}.map-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:none;border-radius:var(--radius-pill);background:rgba(20,20,24,0.55);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:rgba(255,255,255,0.5);font-family:var(--font-main);font-size:var(--text-xs);font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.25);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.map-toggle:active{transform:scale(0.97)}.map-toggle.is-active{background:rgba(20,20,24,0.85);color:#fff}.map-toggle__icon{font-size:13px}.map-toggle.is-active .map-toggle__icon{color:var(--primary)}.map-toggle--spots.is-active .map-toggle__icon{color:var(--warning)}.map-toggle--water.is-active .map-toggle__icon{color:var(--primary-dark)}.map-toggle--pending.is-active .map-toggle__icon{color:var(--info)}.map-toggle--hit.is-active .map-toggle__icon{color:var(--success)}.map-toggle__eye{display:none}.map-toggle--filter{position:relative}.map-toggle--filter.is-active{background:rgba(var(--primary-rgb),0.85);color:#fff}.map-toggle--filter.is-active .map-toggle__icon{color:#fff}.map-toggle__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;border-radius:var(--radius-pill);background:rgba(255,255,255,0.2);color:#fff;font-size:10px;font-weight:700}.map__mode-badge{position:absolute;top:12px;right:12px;z-index:1000;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-pill);background:rgba(20,20,24,0.55);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:rgba(255,255,255,0.85);font-size:11px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,0.25);pointer-events:none;opacity:0;transition:opacity 0.25s ease}.map__mode-badge.is-visible{opacity:1}.map__mode-badge .material-icons-outlined{font-size:13px;color:var(--primary)}.map-cluster{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.map-cluster::before{content:'';position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-rgb),0.35) 0%,rgba(var(--primary-rgb),0) 70%);animation:map-cluster-pulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes map-cluster-pulse{0%,100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.18);opacity:0.3}}.map-cluster__bubble{position:relative;display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:1.5px solid rgba(var(--primary-rgb),0.85);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,0.12),rgba(255,255,255,0) 55%),linear-gradient(155deg,rgba(40,44,56,0.95) 0%,rgba(18,20,26,0.95) 100%);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);color:#fff;font-weight:700;letter-spacing:-0.01em;box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.18),0 6px 18px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.12),inset 0 -8px 14px rgba(var(--primary-rgb),0.18);transition:transform var(--transition-fast)}.map-cluster__bubble:hover{transform:scale(1.08)}.map-cluster__count{font-feature-settings:'tnum' 1,'cv11' 1;line-height:1}.map-cluster--s{width:34px;height:34px}.map-cluster--m{width:40px;height:40px}.map-cluster--l{width:48px;height:48px}.map-cluster--xl{width:58px;height:58px}.map-cluster--s .map-cluster__bubble{font-size:12px}.map-cluster--m .map-cluster__bubble{font-size:13px}.map-cluster--l .map-cluster__bubble{font-size:14px;border-color:rgba(var(--primary-rgb),1)}.map-cluster--xl .map-cluster__bubble{font-size:16px;border-color:rgba(var(--primary-rgb),1);box-shadow:0 0 0 4px rgba(var(--primary-rgb),0.22),0 8px 22px rgba(var(--primary-rgb),0.35),0 6px 18px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.15),inset 0 -10px 16px rgba(var(--primary-rgb),0.28)}.map-cluster--xl::before{inset:-10px;animation-duration:2s}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large,.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:transparent!important}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{transition:transform 0.25s ease}.leaflet-marker-pane,.leaflet-marker-pane *,.leaflet-shadow-pane,.leaflet-shadow-pane *{touch-action:none}.map-pin{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 8px rgba(0,0,0,0.3)}.map-pin>*{transform:rotate(45deg);color:#fff}.map-pin--catch{background:var(--primary)}.map-pin--catch .fa-fish{font-size:12px}.map-pin--spot{background:var(--warning)}.map-pin--spot .material-icons-outlined{font-size:16px}.map-place{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#334155;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,0.35)}.map-place>*{transform:rotate(45deg);color:#fff;font-size:12px}.map-note{margin-top:var(--spacing-sm)}.map-dot{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.35)}.map-dot .material-icons-outlined{font-size:12px}.map-dot--catch{background:var(--primary)}.map-dot--story{background:var(--info)}.map-dot--post{background:var(--warning)}.map-dot--water-media{background:var(--primary-dark)}.map-legend{position:absolute;top:12px;left:54px;z-index:1000;display:flex;flex-wrap:wrap;gap:4px 10px;width:fit-content;max-width:calc(100% - 120px);padding:6px 10px;border-radius:var(--radius-md);background:rgba(20,20,24,0.55);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:rgba(255,255,255,0.85);font-size:11px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,0.25);pointer-events:none}.map-legend__item{display:inline-flex;align-items:center;gap:5px}.map-legend__dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.map__fs-btn,.map__fs-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:1001;display:flex;align-items:center;justify-content:center;height:32px;padding:0 11px;border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-pill);background:rgba(20,20,24,0.82);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,0.32);-webkit-tap-highlight-color:transparent}.map__fs-btn .material-icons-outlined,.map__fs-close .material-icons-outlined{font-size:16px}.map__fs-close{display:none}.map.is-fullscreen{position:fixed;inset:0;z-index:var(--z-modal);border-radius:0}.map.is-fullscreen .map__canvas{height:100%;min-height:100%}.map.is-fullscreen .map__fs-btn{display:none}.map.is-fullscreen .map__fs-close{display:flex;top:calc(var(--spacing-sm) + env(safe-area-inset-top));right:calc(var(--spacing-sm) + env(safe-area-inset-right))}.map.is-fullscreen .map-legend{top:calc(12px + env(safe-area-inset-top));left:calc(54px + env(safe-area-inset-left))}.map.is-fullscreen .map__toggles{bottom:calc(12px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right))}.theme-dark .map.is-fullscreen .leaflet-container .leaflet-control-zoom.leaflet-bar{margin-top:calc(var(--map-control-inset) + env(safe-area-inset-top));margin-left:calc(var(--map-control-inset) + env(safe-area-inset-left))}.theme-dark .map.is-fullscreen .leaflet-container .map-locate{margin-left:calc(var(--map-control-inset) + env(safe-area-inset-left))}.map-info{position:relative;margin-top:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);animation:map-info-in 0.18s ease}@keyframes map-info-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.map-info{animation:none}}@media (min-width:1024px){.map-info{position:absolute;left:var(--spacing-sm);bottom:var(--spacing-sm);z-index:500;margin-top:0;max-width:340px;box-shadow:var(--shadow-lg)}.map:has(~ .map-info){position:relative}[data-map]:has(>.map-note){display:grid;grid-template-columns:1fr}[data-map]:has(>.map-note)>.map{grid-area:1 / 1}[data-map]:has(>.map-note)>.map-note{grid-area:2 / 1}[data-map]:has(>.map-note)>.map-info{grid-area:1 / 1;position:relative;align-self:end;justify-self:start;margin:var(--spacing-sm)}}.map-info__main{display:flex;align-items:center;gap:12px;padding:12px 40px 12px 14px;color:inherit;text-decoration:none}.map-info__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:var(--radius-md);background:var(--primary);color:#fff}.map-info__icon .material-icons-outlined{font-size:20px}.map-info__icon .fas{font-size:17px}.map-info__icon--story{background:var(--info)}.map-info__icon--post{background:var(--warning)}.map-info__icon--water-media{background:var(--primary-dark)}.map-info__icon--spot{background:var(--warning)}.map-info__icon--place{background:#334155}.map-info__body{flex:1;min-width:0}.map-info__title{margin:0;font-size:var(--text-md);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-info__meta{margin:2px 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.map-info__sub{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-muted)}.map-info__chevron{flex:0 0 auto;color:var(--text-muted)}.map-info__close{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent}.map-info__close .material-icons-outlined{font-size:18px}.map.is-fullscreen ~ .map-info{position:fixed;left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(58px + env(safe-area-inset-bottom));z-index:calc(var(--z-modal) + 1);margin-top:0;box-shadow:0 10px 30px rgba(0,0,0,0.45)}.map-popup .leaflet-popup-content-wrapper{background:rgba(24,26,32,0.96);color:var(--text-main);border-radius:var(--radius-md);box-shadow:0 6px 20px rgba(0,0,0,0.45)}.map-popup .leaflet-popup-content{margin:10px 12px;font-size:var(--text-sm);line-height:1.4}.map-popup .leaflet-popup-tip{background:rgba(24,26,32,0.96)}