.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__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}.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-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)}