/* Poker Online — base compartilhada (home, convite) */
:root{
  --feltro:#1c5a3d; --feltro-escuro:#12402b; --madeira:#2b1c12; --madeira-clara:#4a3320;
  --creme:#f6f1e3; --ouro:#d9a942; --vermelho:#c0392b; --tinta:#171512;
  --painel:#221a12; --painel-borda:#3d2f1e; --verde-ok:#3fae6a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:radial-gradient(ellipse at 50% -20%,#3a2a18 0%,var(--madeira) 55%,#180f08 100%);
  color:var(--creme);min-height:100vh;min-height:100dvh;
}
h1,h2,h3{font-family:'Bricolage Grotesque','Inter',sans-serif}

.pagina{max-width:460px;margin:0 auto;padding:22px 16px 40px}
.logo{text-align:center;margin:18px 0 26px}
.logo h1{font-size:1.9rem;font-weight:800}
.logo h1 span{color:var(--ouro)}
.logo p{color:#cbbfa5;font-size:.85rem;margin-top:4px}

.cartao{background:var(--painel);border:1px solid var(--painel-borda);
  border-radius:16px;padding:18px 16px;margin-bottom:16px}
.cartao h2{color:var(--ouro);font-size:1.05rem;margin-bottom:10px}
.cartao p.sub{font-size:.8rem;color:#cbbfa5;line-height:1.5;margin-bottom:12px}

label{display:block;font-size:.8rem;margin:12px 0 5px;color:#cbbfa5}
input[type=text],input[type=number]{
  background:#181209;border:1px solid var(--painel-borda);color:var(--creme);
  border-radius:10px;padding:13px 12px;width:100%;font-family:inherit;font-size:1rem;
}
input::placeholder{color:#6f6350}

.btn{font-family:inherit;font-weight:600;border:none;border-radius:10px;cursor:pointer;
  padding:14px 18px;font-size:.95rem;transition:transform .08s,filter .15s;width:100%}
.btn:active{transform:scale(.98)}
.btn-ouro{background:var(--ouro);color:#2a1c0a}
.btn-verde{background:var(--verde-ok);color:#06210f}
.btn-neutro{background:#3d3428;color:var(--creme)}
.btn:disabled{opacity:.4;cursor:not-allowed}

.dif-botoes{display:flex;gap:8px}
.dif-botoes button{flex:1;padding:12px 6px;border-radius:10px;border:1px solid var(--painel-borda);
  background:#181209;color:var(--creme);cursor:pointer;font-family:inherit;font-size:.8rem}
.dif-botoes button.sel{border-color:var(--ouro);background:rgba(217,169,66,.15);
  color:var(--ouro);font-weight:700}
.linha2{display:flex;gap:10px}
.linha2>div{flex:1}

.erro{background:rgba(192,57,43,.15);border:1px solid rgba(192,57,43,.5);
  border-radius:10px;padding:10px 12px;font-size:.83rem;margin:10px 0;display:none}
.erro.on{display:block}
.aviso{font-size:.75rem;color:#a99c82;line-height:1.5;margin-top:10px}