html,body{
  height:100%;
}
body{
  background:#0b132b;
  color:#e5e7eb;
}
.hero{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.hero h1{
  font-size:clamp(1.5rem,3vw,2.5rem);
  margin-bottom:1rem;
}
#nameCycler{
  font-weight:700;
  letter-spacing:.02em;
  font-size:min(8vw,80px);
  text-shadow:0 6px 18px rgba(0,0,0,.35);
}
.btn-primary{
  background:#3a86ff;
  border:none;
}
.btn-primary:disabled{
  opacity:.7;
}
.winner{
  font-size:min(9vw,96px);
  color:#80ed99;
}
.badge-active{
  background:#16a34a;
}
.badge-inactive{
  background:#6b7280;
}
.table-dark th, .table-dark td {
  vertical-align: middle;
}