.hero-server-orbit{position:absolute;inset:0;z-index:3;pointer-events:none}
.hero-mode-pill{--mode-index:0;position:absolute;display:flex;align-items:center;gap:8px;max-width:150px;padding:9px 12px;border:1px solid rgba(238,236,207,.15);border-radius:999px;background:rgba(12,18,13,.88);box-shadow:0 10px 30px #0007;backdrop-filter:blur(12px);color:#dce5d2;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap;animation:hero-mode-float 4.2s ease-in-out infinite;animation-delay:calc(var(--mode-index)*-.55s)}
.hero-mode-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#ea6d66;box-shadow:0 0 12px rgba(234,109,102,.72)}
.hero-mode-pill.is-online .hero-mode-dot{background:#75e86c;box-shadow:0 0 12px rgba(117,232,108,.82)}
.hero-mode-name{overflow:hidden;text-overflow:ellipsis}
.hero-mode-pill:nth-child(1){top:19%;right:1%}
.hero-mode-pill:nth-child(2){top:38%;left:0}
.hero-mode-pill:nth-child(3){top:58%;right:-1%}
.hero-mode-pill:nth-child(4){bottom:20%;left:3%}
.hero-mode-pill:nth-child(5){bottom:9%;right:13%}
.hero-mode-pill:nth-child(6){top:9%;left:21%}
@keyframes hero-mode-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:900px){.hero-mode-pill{padding:8px 10px;font-size:9px}.hero-mode-pill:nth-child(2){left:-2%}.hero-mode-pill:nth-child(3){right:-3%}.hero-mode-pill:nth-child(5){right:7%}}
@media(max-width:640px){.hero-mode-pill{padding:7px 9px;gap:6px;font-size:9px}.hero-mode-dot{width:7px;height:7px;flex-basis:7px}.hero-mode-pill:nth-child(1){top:13%;right:4%}.hero-mode-pill:nth-child(2){top:36%;left:-2%}.hero-mode-pill:nth-child(3){top:61%;right:-4%}.hero-mode-pill:nth-child(4){bottom:15%;left:1%}.hero-mode-pill:nth-child(5){bottom:4%;right:10%}.hero-mode-pill:nth-child(6){top:5%;left:18%}}