.map-page{min-height:calc(100vh - var(--header-height,64px));flex-direction:column;display:flex}.map-page__header{padding:2rem var(--page-padding,2rem)1rem}.map-page__title{font-family:var(--font-heading);color:var(--text-primary);margin:.5rem 0 .25rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}.map-page__subtitle{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.875rem}.map-container{min-height:500px;margin:0 var(--page-padding,2rem)2rem;border-radius:var(--radius,0);border:1px solid var(--border-color,#80808026);flex:1;overflow:hidden}.map-container__loading{height:500px;color:var(--text-secondary);font-family:var(--font-body);justify-content:center;align-items:center;font-size:.875rem;display:flex}.leaflet-popup-content-wrapper{overflow:hidden;background:var(--bg-primary,#1a1a1a)!important;color:var(--text-primary,#fff)!important;border-radius:var(--radius,4px)!important;border:1px solid var(--border-color,#80808026)!important;padding:0!important;box-shadow:0 8px 32px #0006!important}.leaflet-popup-tip{background:var(--bg-primary,#1a1a1a)!important;border:1px solid var(--border-color,#80808026)!important;border-top:none!important;border-left:none!important}.leaflet-popup-content{min-width:200px;margin:0!important}.map-popup{font-family:var(--font-body)}.map-popup__cover{object-fit:cover;width:100%;height:120px;display:block}.map-popup__body{padding:.75rem 1rem}.map-popup__city{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 .125rem;font-size:.9375rem;font-weight:600}.map-popup__country{font-family:var(--font-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0 0 .5rem;font-size:.6875rem}.map-popup__count{font-family:var(--font-caption);color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem}.map-popup__albums{flex-direction:column;gap:.25rem;display:flex}.map-popup__album-link{color:var(--accent,#e60012);font-size:.8125rem;text-decoration:none;transition:opacity .15s}.map-popup__album-link:hover{opacity:.7}.map-marker{background:var(--accent,#e60012);color:#fff;width:32px;height:32px;font-family:var(--font-caption);cursor:pointer;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;transition:transform .15s;display:flex;box-shadow:0 2px 8px #0000004d}.map-marker:hover{transform:scale(1.15)}.leaflet-control-attribution{opacity:.7;background:var(--bg-primary,#1a1a1a)!important;color:var(--text-secondary,#888)!important;font-size:.625rem!important}.leaflet-control-attribution a{color:var(--text-secondary,#888)!important}.leaflet-control-zoom a{background:var(--bg-primary,#1a1a1a)!important;color:var(--text-primary,#fff)!important;border-color:var(--border-color,#80808026)!important}.leaflet-control-zoom a:hover{background:var(--bg-secondary,#222)!important}