/* SOCOM-style DHG server population. Placed above the hero effects, below popup overlays. */
.hero { position:relative; }
.dhg-socom-pop {position:absolute;top:94px;right:18px;z-index:80;display:flex;align-items:center;gap:9px;max-width:calc(100% - 36px);padding:8px 12px;background:rgba(4,17,20,.94);border:1px solid #385451;box-shadow:0 3px 16px #0009;color:#eae7dc;font-family:"Barlow Condensed",sans-serif;pointer-events:none;}
.dhg-socom-pop-dot {height:7px;width:7px;border-radius:50%;background:#788e8d;box-shadow:0 0 0 2px #112324;flex:none;}
.dhg-socom-pop[data-connected="true"] .dhg-socom-pop-dot {background:#4ada8e;box-shadow:0 0 9px #4ada8e88;}
.dhg-socom-pop-label {font-size:10px;line-height:1.2;letter-spacing:.13em;color:#a2b2b1;white-space:nowrap;}
.dhg-socom-pop-label b {display:block;font-size:11px;color:#d8bd78;letter-spacing:.12em;}
.dhg-socom-pop-count {min-width:59px;text-align:right;font-size:18px;line-height:1;font-weight:800;letter-spacing:.04em;white-space:nowrap;}
.dhg-socom-pop-track {width:90px;height:5px;background:#233636;border:1px solid #3b5553;overflow:hidden;flex:none;}
.dhg-socom-pop-track>span {display:block;height:100%;width:0%;background:linear-gradient(90deg,#6baf8c,#50e5ac);transition:width .5s ease;}
@media(max-width:760px){.dhg-socom-pop{top:78px;right:8px;padding:6px 8px;gap:6px}.dhg-socom-pop-label{display:none}.dhg-socom-pop-count{font-size:15px;min-width:51px}.dhg-socom-pop-track{width:55px}}