
.hcur-box,.hcur-box *{box-sizing:border-box}
.hcur-box{
  position:relative;
  width:min(1180px,calc(100vw - 24px));
  height:clamp(410px,56vw,650px);
  margin:24px auto;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(80,255,25,.28);
  background:#02090f;
  box-shadow:0 28px 70px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.04);
  font-family:inherit;
  isolation:isolate;
}
.hcur-map{position:absolute;inset:0;z-index:1;background:#061018}
.hcur-box .leaflet-container{width:100%;height:100%;background:#061018}
.hcur-box .leaflet-control-container{display:none!important}
.hcur-map:after{
  content:"";position:absolute;inset:0;z-index:410;pointer-events:none;
  background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.13),transparent 19%),
             linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.24));
}
.hcur-badge{
  position:absolute;z-index:600;display:flex;align-items:center;gap:13px;
  min-height:76px;padding:14px 18px;border-radius:16px;
  background:rgba(0,0,0,.78);border:1px solid rgba(80,255,25,.20);
  color:#fff;box-shadow:0 16px 30px rgba(0,0,0,.42);
  backdrop-filter:blur(8px);max-width:calc(50% - 34px)
}
.hcur-count{top:20px;left:20px}.hcur-status{top:20px;right:20px}
.hcur-badge b{display:block;color:#58ff1d;font-size:clamp(12px,1.4vw,17px);font-weight:950;letter-spacing:.03em;line-height:1}
.hcur-badge strong{display:block;color:#fff;font-size:clamp(18px,2.8vw,34px);font-weight:950;line-height:1.08;margin-top:5px}
.hcur-status strong{font-size:clamp(14px,1.6vw,20px)}
.hcur-led{width:24px;height:24px;border-radius:50%;background:#58ff1d;box-shadow:0 0 20px #58ff1d;flex:0 0 24px}
.hcur-icon{font-size:44px;line-height:1;color:#58ff1d;filter:drop-shadow(0 0 10px rgba(88,255,29,.5));flex:0 0 44px;text-align:center}
.hcur-note{
  position:absolute;z-index:600;left:20px;bottom:74px;width:min(330px,calc(50% - 30px));
  padding:15px 17px;border-radius:16px;background:rgba(0,0,0,.72);
  border:1px solid rgba(80,255,25,.18);color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.38)
}
.hcur-note b{display:block;color:#58ff1d;font-weight:950;font-size:15px;margin-bottom:5px}
.hcur-note span{font-size:14px;line-height:1.35;opacity:.94}
.hcur-footer{
  position:absolute;z-index:600;left:20px;right:20px;bottom:18px;
  display:flex;align-items:center;gap:15px;min-height:45px;padding:10px 18px;border-radius:15px;
  background:rgba(0,0,0,.72);border:1px solid rgba(80,255,25,.14);color:#fff;
  box-shadow:0 14px 28px rgba(0,0,0,.38)
}
.hcur-footer span{color:#fff;font-weight:850;font-size:14px}
.hcur-footer i{width:10px;height:10px;border-radius:50%;background:#58ff1d;box-shadow:0 0 12px #58ff1d;flex:0 0 10px}
.hcur-footer em{font-style:normal;opacity:.86;font-size:13px}
.hcur-marker{
  width:16px;height:16px;border-radius:50%;
  background:#58ff1d;border:3px solid rgba(255,255,255,.95);
  box-shadow:0 0 0 7px rgba(88,255,29,.18),0 0 22px rgba(88,255,29,.95);
  animation:hcurPulse 1.8s ease-in-out infinite;
}
.hcur-box .leaflet-popup-content-wrapper,.hcur-box .leaflet-popup-tip{
  background:rgba(0,0,0,.88);color:#fff;border:1px solid rgba(88,255,29,.30);box-shadow:0 12px 25px rgba(0,0,0,.45)
}
.hcur-box .leaflet-popup-content{margin:10px 12px}
.hcur-popup b{display:block;color:#fff;font-size:14px}
.hcur-popup span{display:block;color:#58ff1d;font-weight:900;font-size:12px;margin-top:2px}
@keyframes hcurPulse{
  0%,100%{box-shadow:0 0 0 7px rgba(88,255,29,.18),0 0 22px rgba(88,255,29,.95)}
  50%{box-shadow:0 0 0 13px rgba(88,255,29,.08),0 0 36px rgba(88,255,29,1)}
}
@media(max-width:820px){
 .hcur-box{height:560px;border-radius:22px;width:calc(100vw - 18px)}
 .hcur-badge{left:14px;right:14px;max-width:none;width:calc(100% - 28px);min-height:62px;padding:11px 13px}
 .hcur-count{top:14px}.hcur-status{top:86px}
 .hcur-note{left:14px;right:14px;bottom:76px;width:auto}
 .hcur-footer{left:14px;right:14px;bottom:14px;min-height:auto;flex-wrap:wrap;gap:8px;padding:10px 12px}
}
