.uma-page .uma-intro { text-align: center; }
.uma-page .uma-intro .eyebrow { justify-content: center; }
.uma-page .uma-intro h1 {
  width: min(1000px, 100%);
  margin: 16px auto;
}
.uma-page .uma-intro p { margin-inline: auto; }

.uma-page .unranked-zone {
  height: 360px;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.uma-page .unranked-zone .rank-image {
  flex: 0 0 76px;
  width: 76px;
  height: 76px;
}

.uma-page .unranked-zone::-webkit-scrollbar { width: 8px; }
.uma-page .unranked-zone::-webkit-scrollbar-track { background: #f6f2f7; }
.uma-page .unranked-zone::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 10px;
  background: #c9c2d2;
  background-clip: padding-box;
}

@media (max-width: 620px) {
  .uma-page .unranked-zone { height: 310px; }
  .uma-page .unranked-zone .rank-image {
    flex-basis: 57px;
    width: 57px;
    height: 57px;
  }
}