/* 百人牛牛两侧用户各 5 个 v393 */
#room.hundred-niu-mode .hn-side {
  box-sizing: border-box;
  justify-content: space-evenly;
  gap: 6px;
  padding: 38px 2px 18px;
}

@media (max-width: 560px) {
  #room.hundred-niu-mode .hn-side {
    gap: 4px;
    padding: 34px 1px 14px;
  }

  #room.hundred-niu-mode .hn-side-avatar {
    width: clamp(38px, 9vw, 46px);
    height: clamp(38px, 9vw, 46px);
  }

  #room.hundred-niu-mode .hn-side-player {
    gap: 2px;
  }
}

#room.hundred-niu-mode .hn-side-round-result {
  box-sizing: border-box;
  min-width: 40px;
  padding: 2px 4px;
  border-radius: 999px;
  background-color: rgba(1, 22, 14, .92);
  font-size: clamp(10px, 2.8vw, 13px);
  line-height: 1.05;
  text-align: center;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .82);
}

#room.hundred-niu-mode .hn-side-round-result.is-win {
  color: #73f3a1;
  outline: 1px solid rgba(115, 243, 161, .72);
}

#room.hundred-niu-mode .hn-side-round-result.is-loss {
  color: #ff8b82;
  outline: 1px solid rgba(255, 139, 130, .76);
}

#room.hundred-niu-mode .hn-side-round-result.is-tie {
  color: #f7d56d;
  outline: 1px solid rgba(247, 213, 109, .68);
}