.map-page{min-height:100vh}
.map-header{padding:34px 0 24px}
.map-header .wrap{max-width:1180px}
.map-header h1{
  margin:0;font-size:clamp(2.3rem,5.5vw,4.6rem);line-height:.98;letter-spacing:-.035em
}
.map-header p:not(.kicker){
  max-width:850px;margin:17px 0 0;color:var(--muted);font-size:1rem
}
.map-status{
  display:inline-flex;margin-top:15px;padding:6px 10px;border:1px solid var(--line);
  border-radius:999px;color:var(--gold);background:rgba(255,255,255,.025);
  font:700 .73rem/1.2 "Courier New",monospace
}
.map-shell{
  position:relative;max-width:1500px;margin:0 auto 30px;padding:0 18px
}
#field-map{
  height:min(72vh,820px);min-height:560px;border:1px solid var(--line);
  border-radius:18px;background:#070b10;box-shadow:var(--shadow);overflow:hidden
}
.leaflet-container{
  background:#071019;color:#1a2028;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.leaflet-control-zoom a{
  background:#0b121b!important;color:#d6dde4!important;border-color:#27303a!important
}
.leaflet-control-zoom a:hover{background:#141d27!important;color:#e2b15e!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{
  background:#0d151f;color:#dbe1e6
}
.leaflet-popup-content{margin:14px 16px;min-width:210px;max-width:330px}
.map-popup-title{margin:0 0 8px;color:#e2b15e;font-weight:800;font-size:.83rem;letter-spacing:.02em}
.map-popup-list{margin:0;padding:0;list-style:none}
.map-popup-list li{padding:6px 0;border-top:1px solid #26313b}
.map-popup-list li:first-child{border-top:0}
.map-popup-list a{color:#dbe1e6;text-decoration:none;font-weight:700}
.map-popup-list a:hover{color:#e2b15e}
.map-popup-meta{display:block;margin-top:2px;color:#83909d;font-size:.72rem}
.map-popup-more{margin:8px 0 0;color:#83909d;font-size:.74rem}
.map-legend{
  position:absolute;z-index:500;left:34px;bottom:32px;display:grid;gap:6px;
  padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:11px;
  background:rgba(7,11,16,.86);backdrop-filter:blur(6px);color:#abb5bf;
  font-size:.72rem;box-shadow:0 8px 30px rgba(0,0,0,.25)
}
.map-legend strong{color:#e7ebef;font-size:.73rem}
.map-legend span{display:flex;align-items:center;gap:8px}
.map-legend i{display:inline-block;width:13px;height:13px;border-radius:50%}
.legend-heat{background:#d29a47;box-shadow:0 0 12px #d29a47}
.legend-hotspot{background:#e2b15e;border:2px solid #161e27}
.legend-point{width:9px!important;height:9px!important;background:#dbe1e6;border:2px solid #8f6b36}
.map-hint{
  position:absolute;z-index:500;right:34px;top:16px;max-width:320px;
  padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;
  background:rgba(7,11,16,.82);backdrop-filter:blur(5px);color:#9ba7b2;font-size:.72rem
}
.hotspot-label{
  display:flex!important;align-items:center;justify-content:center;
  border:2px solid rgba(10,15,21,.75);border-radius:50%;
  background:#e2b15e;color:#0a0f15;font-weight:900;
  box-shadow:0 3px 14px rgba(0,0,0,.4)
}
.hotspot-label.small{background:#d6dde4}
.leaflet-control-attribution{
  background:rgba(7,11,16,.80)!important;color:#aeb7c0!important
}
.leaflet-control-attribution a{color:#e2b15e!important}

@media(max-width:720px){
  .map-header{padding-top:27px}
  .map-shell{padding:0 10px}
  #field-map{min-height:520px;height:70vh;border-radius:12px}
  .map-legend{left:20px;bottom:22px}
  .map-hint{display:none}
}