#rpc-display-wrapper {
  height: 100vh;
  background: #000;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif;
  transition: background-color 0.4s ease;
}

#rpc-display-petugas {
  font-size: var(--rpc-font-petugas, 31px);
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 40px;
  opacity: 0.9;
  text-transform: uppercase;
}

#rpc-display-status {
  font-size: var(--rpc-font-status, 37px);
  font-weight: 800;
  color: #2ecc71;
  margin-bottom: 30px;
}

#rpc-check { font-size: var(--rpc-font-check, 46px); margin-right: 10px; }

#rpc-display-bib {
  font-size: var(--rpc-font-bib, 154px);
  font-weight: 900;
  margin-bottom: 5px;
  letter-spacing: 4px;
}

#rpc-display-nama {
  font-size: var(--rpc-font-nama, 88px);
  font-weight: 900;
  margin-bottom: 5px;
  text-transform: uppercase;
}

#rpc-display-size-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-bottom: 80px;
  font-size: var(--rpc-font-size-row, 77px);
  font-weight: 700;
}

#rpc-display-wrapper #rpc-display-size-row #rpc-display-size,
#rpc-display-wrapper #rpc-display-size-row #rpc-display-kategori {
  font-size: var(--rpc-font-size-row, 77px);
  line-height: 1;
}

#rpc-display-countdown {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: var(--rpc-font-countdown, 29px);
  font-weight: 600;
  opacity: 0.9;
}

@keyframes rpc-blink { 50% { opacity: .2; } }
.rpc-blink { animation: rpc-blink 1s infinite; }