/* Hall of Champions: remove obsolete CSS orb/ring art that was layered over
   the current League Records and Colony Archives background artwork. */
#league-records > .pointer-events-none.rounded-full,
#record-vault > .pointer-events-none.rounded-full {
  display: none !important;
  animation: none !important;
}

/* Temporarily seal unfinished Hall wings. Keep the destination anchors in the
   document without rendering duplicate Coming Soon labels below the chamber row. */
#league-records,
#record-vault {
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#league-records > *,
#record-vault > * {
  display: none !important;
}

/* Put the status where users make the choice: directly on the two chamber buttons. */
section.grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-4 > button:nth-child(1),
section.grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-4 > button:nth-child(2) {
  position: relative;
  cursor: default;
}

section.grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-4 > button:nth-child(1)::after,
section.grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-4 > button:nth-child(2)::after {
  content: "COMING SOON";
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  padding: .35rem .6rem;
  border: 1px solid rgba(215,182,110,.48);
  background: rgba(8,4,14,.72);
  color: #f1d37f;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: inset 0 1px rgba(255,235,180,.08), 0 6px 18px rgba(0,0,0,.3);
}

section.grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-4 > button:nth-child(1) > span,
section.grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-4 > button:nth-child(2) > span {
  visibility: hidden;
}

section.grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-4 > button:nth-child(1) > span::after,
section.grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-4 > button:nth-child(2) > span::after {
  content: "Coming soon";
  visibility: visible;
  display: inline-block;
  color: #c783ff;
}