/* Personal area: Customize Profile | Shiny Collection | Latest Results */
.lb-bottom-columns.lb-personal-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: start;
  gap: 16px;
}
.lb-bottom-columns.lb-personal-panels > * {
  min-width: 0;
  width: auto;
  margin: 0;
}
.lb-bottom-columns.lb-personal-panels #shinyCollectionPanel {
  grid-column: auto;
}
.lb-layout-hide-collection-nav {
  display: none !important;
}
@media (max-width: 1060px) {
  .lb-bottom-columns.lb-personal-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lb-bottom-columns.lb-personal-panels #shinyCollectionPanel {
    grid-column: span 1;
  }
  .lb-bottom-columns.lb-personal-panels #lbRecentPanel {
    grid-column: 1 / -1;
  }
}
@media (max-width: 720px) {
  .lb-bottom-columns.lb-personal-panels {
    grid-template-columns: minmax(0, 1fr);
  }
  .lb-bottom-columns.lb-personal-panels #shinyCollectionPanel,
  .lb-bottom-columns.lb-personal-panels #lbRecentPanel {
    grid-column: 1;
  }
}

/* Contain a large Shiny Collection without hiding admin actions below it. */
#shinyCollectionGrid {
  max-height: 500px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  padding-right: 6px;
  align-content: start;
}
#shinyCollectionGrid:focus-visible {outline: 2px solid #9b91f5;outline-offset: 3px;}
.lb-admin-avatar-option {position:relative;outline:1px solid #ba995a;}
.lb-avatar-admin-label {display:block;color:#eaca82;font-size:10px;font-weight:800;letter-spacing:.04em;}
@media(max-width:720px){#shinyCollectionGrid{max-height:420px;}}

/* Refined administrator avatar selector: restricted list is still rendered by leaderboard.js. */
.lb-avatar-option.lb-admin-avatar-option {
  position:relative;
  border:1px solid rgba(237,191,105,.48);
  background:linear-gradient(145deg,rgba(91,66,112,.36),rgba(33,45,72,.72));
  box-shadow:inset 0 1px 0 rgba(255,229,181,.11),0 3px 13px rgba(10,9,24,.28);
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}
.lb-avatar-option.lb-admin-avatar-option:hover,
.lb-avatar-option.lb-admin-avatar-option:focus-visible{
  border-color:#f3d38d;
  box-shadow:0 0 0 2px rgba(241,197,107,.16),0 7px 23px rgba(225,170,73,.18);
  transform:translateY(-1px);
}
.lb-avatar-option.lb-admin-avatar-option.lb-avatar-active{
  border-color:#ffdf91;
  outline:2px solid rgba(255,223,145,.55);
  outline-offset:1px;
}
.lb-admin-avatar-option .lb-avatar-admin-label{
  width:fit-content;margin:.15rem auto 0;padding:.17rem .43rem;
  border:1px solid rgba(248,210,138,.52);border-radius:999px;
  background:rgba(255,206,114,.12);
  color:#ffe0a0;font-size:9px;font-weight:850;letter-spacing:.08em;
}
@media(prefers-reduced-motion:reduce){.lb-avatar-option.lb-admin-avatar-option{transition:none}.lb-avatar-option.lb-admin-avatar-option:hover{transform:none}}