body {
  background: #0F172A;
  color: #F8FAFC;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 text-align:center;
}
.logo{max-width:160px;margin:20px auto;}
h1{font-size:28px;margin-bottom:8px;}
button{
 padding:14px 24px;
 margin:6px;
 background:#F5CA51;
 color:#0F172A;
 border:none;
 border-radius:12px;
 font-size:16px;
 font-weight:700;
 box-shadow: 0 4px 12px rgba(0,0,0,0.35);
}
button:hover{
 filter:brightness(1.05);
 transform:translateY(-1px);
}
.startBtn{font-size:20px;margin-top:14px;}
.hidden{display:none;}
#modules label{display:block;margin:6px;font-size:16px;}
#code{
 font-size:clamp(42px, 8vw, 120px);
 font-weight:800;
 margin-top:40px;
 line-height:1.15;
}

#timer{font-size:20px;margin-top:10px;}
.flash-good{background:#16A34A !important;}
.flash-bad{background:#DC2626 !important;}

#hint{
 font-size:clamp(26px, 5vw, 42px);
 padding:40px;
 color:#F5CA51;
 font-weight:700;
}
/* Stack game type radio buttons vertically */
label {
  display: block;
  margin: 8px 0;
}
.backBtn {
  display: inline-block;
  margin: 12px auto 6px auto;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #F5CA51;
  text-decoration: none;
  border: 1px solid rgba(245,202,81,0.4);
  border-radius: 10px;
  transition: background .15s ease, transform .1s ease;
}

.backBtn:hover {
  background: rgba(245,202,81,0.15);
  transform: translateY(-1px);
}