html, body { height: 100%; background: #1A120B; }
.navbtn, .lbtab {
  border: 1px solid rgba(226,193,106,.35);
  border-radius: 999px;
  padding: .55rem .4rem;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.navbtn.active, .lbtab.active {
  background: #E2C16A;
  color: #1A120B;
  font-weight: 600;
}
#bowl { cursor: pointer; }
.rank-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .7rem .2rem;
  border-bottom: 1px solid rgba(226,193,106,.15);
}
.badge-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.badge {
  border: 1px solid rgba(226,193,106,.3);
  border-radius: 1rem;
  padding: .9rem;
  min-height: 7.2rem;
}
.badge.on { background: rgba(226,193,106,.16); }
.badge.off { opacity: .45; }