html{font-size:18px}
body{background:#121212;color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid #FACC15;outline-offset:2px}
.hide{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.5rem;border-radius:.9rem;font-weight:800;padding:0 1.25rem;cursor:pointer;text-align:center}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-ouro{background:#FACC15;color:#000}
.btn-ouro:active{transform:scale(.98)}
.btn-cinza{background:#2A2A2A;color:#fff;border:2px solid #4B4B4B}
.btn-verm{background:#000;color:#FF8A8A;border:2px solid #FF8A8A}
.campo{width:100%;min-height:3.5rem;padding:0 1rem;border-radius:.9rem;background:#000;border:2px solid #4B4B4B;color:#fff}
.campo:focus{border-color:#FACC15}
.erro{color:#FF8A8A;font-weight:700;margin-top:.25rem}

/* ===== Celular: tudo mais compacto (telas até 640px) ===== */
@media (max-width:640px){
  html{font-size:15px}
  .btn{min-height:3rem;padding:0 1rem;border-radius:.75rem}
  .btn.text-xl,.btn.text-2xl{font-size:1.05rem}
  .btn.text-3xl{font-size:1.5rem}
  .campo{min-height:3rem;border-radius:.75rem}
  header .btn{min-height:2.5rem;padding:0 .75rem;font-size:.95rem}
  #barraConteudo:has(>.btn-cinza){grid-template-columns:1fr 2fr}
  #barraConteudo>.btn-cinza{order:-1}
}
@media (max-width:380px){
  html{font-size:14px}
}