.halo-preview .offline-player-statuses {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
}
.offline-player-status {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  transform: translate(-50%, -100%);
  white-space: nowrap;
  pointer-events: none;
}
.offline-player-name {
  color: #d5e4db;
  font: 500 12px/1.2 system-ui, sans-serif;
  text-shadow: 0 1px 5px rgb(2 12 14 / 90%);
}
.offline-player-pill {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px;
  border: 1px solid rgb(220 207 179 / 28%);
  border-radius: 20px;
  background: rgb(24 34 35 / 36%);
  box-shadow: inset 0 1px rgb(255 246 223 / 7%), 0 3px 12px rgb(4 13 16 / 12%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  color: #d4d4c9;
  font: 500 10px/1.2 system-ui, sans-serif;
  letter-spacing: .025em;
}
.offline-player-status[hidden] { display: none; }
.offline-player-dot {
  position: relative;
  width: 7px;
  height: 7px;
  border: 1px solid rgb(220 194 145 / 65%);
  border-radius: 50%;
  box-shadow: 0 0 5px rgb(220 194 145 / 12%);
}
.offline-player-dot::after {
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: #c7b99c;
}
.halo-preview:is(.entry-open,.auth-open,.combat-open) .offline-player-statuses { visibility: hidden; }