/* satoshi-concurso-20261105.css - Claude Opus 5.5 (opus-alien, sessao bc65a57c), 05/11/2026. v1.
   O botao e o painel do Satoshi na pagina do concurso, nas cores da pagina (osso #ede9e2, ouro #dcc49b, tinta #11100d).
   Tudo com o prefixo pbs- e dentro de .pbs-raiz: nada do CSS da pagina e tocado.
   v2 (Bruno, 05/11: "todas as paginas ele tem que ficar disponivel"): z-index 90/91, ACIMA das telas cheias (30) e das folhas (60) da
   pagina, para estar em todas as telas. O JS escolhe o canto livre de cada tela (classes pbs-pos-baixo | pbs-pos-alto | pbs-pos-meio):
   na capa do celular o "baixo" cobria o "Já me inscrevi · entrar" e o botao sobe; nas telas internas o "alto" cobria o logo e ele desce. */
.pbs-raiz{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:90;
  font-family:"PB Interface","PBApprovedInterface",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#ede9e2;
  -webkit-font-smoothing:antialiased;line-height:1.4}
.pbs-raiz *,.pbs-raiz *::before,.pbs-raiz *::after{box-sizing:border-box}
.pbs-abrir{display:flex;align-items:center;gap:9px;min-height:48px;padding:7px 18px 7px 8px;border:1px solid #f1dfbd;border-radius:999px;
  background:#dcc49b;color:#11100d;font:inherit;font-size:14px;letter-spacing:.01em;cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.35);transition:transform .18s ease,box-shadow .18s ease}
.pbs-abrir:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.35)}
.pbs-abrir:focus-visible,.pbs-chip:focus-visible,.pbs-fechar:focus-visible,.pbs-enviar:focus-visible{outline:2px solid #ede9e2;outline-offset:3px}
.pbs-abrir b{font-weight:700}
.pbs-icone{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#11100d;color:#dcc49b}
.pbs-icone svg{width:18px;height:18px}
.pbs-aberto .pbs-abrir{display:none}

.pbs-raiz.pbs-pos-alto{top:max(14px,env(safe-area-inset-top));bottom:auto}
.pbs-raiz.pbs-pos-meio{top:calc(50% - 24px);bottom:auto}
.pbs-painel{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:91;
  display:flex;flex-direction:column;width:min(380px,calc(100vw - 28px));height:min(600px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);
  background:#0b0a09;border:1px solid #3d382f;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.7);overflow:hidden}
.pbs-painel[hidden]{display:none}
.pbs-cab{display:flex;align-items:center;gap:11px;padding:12px 8px 12px 14px;border-bottom:1px solid #2a261f;background:#0f0e0c}
.pbs-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#dcc49b;color:#11100d;
  font-family:"PB Editorial","PBApprovedEditorial",Georgia,serif;font-size:21px;font-weight:700}
.pbs-quem{display:flex;flex-direction:column;min-width:0;flex:1}
.pbs-quem strong{font-family:"PB Editorial","PBApprovedEditorial",Georgia,serif;font-size:19px;font-weight:600;letter-spacing:.01em;color:#ede9e2}
.pbs-quem span{font-size:12px;color:#bdb8ae}
.pbs-fechar{flex:0 0 44px;height:44px;border:0;border-radius:50%;background:transparent;color:#ede9e2;font-size:26px;line-height:1;cursor:pointer}
.pbs-fechar:hover{background:#1c1a16}
.pbs-lista{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 12px 6px;display:flex;flex-direction:column;gap:9px}
.pbs-fala{max-width:88%;padding:9px 12px;border-radius:14px;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}
.pbs-satoshi{align-self:flex-start;background:#17150f;border:1px solid #2d2920;border-bottom-left-radius:5px;color:#ede9e2}
.pbs-pessoa{align-self:flex-end;background:#dcc49b;color:#11100d;border-bottom-right-radius:5px}
.pbs-fala a{color:#dcc49b;text-decoration:underline;text-underline-offset:2px;font-weight:600}
.pbs-pessoa a{color:#11100d}
.pbs-digitando{color:#bdb8ae;font-style:italic}
.pbs-aviso{border-color:#6e5a3a}
.pbs-sugestoes{display:flex;flex-wrap:wrap;gap:7px;padding:2px 0 4px}
.pbs-sugestoes[hidden]{display:none}
.pbs-chip{min-height:36px;padding:6px 12px;border:1px solid #6e6250;border-radius:999px;background:transparent;color:#ede9e2;font:inherit;font-size:13.5px;cursor:pointer}
.pbs-chip:hover{border-color:#dcc49b;color:#dcc49b}
.pbs-form{display:flex;align-items:flex-end;gap:8px;padding:10px 10px 6px 12px;border-top:1px solid #2a261f;background:#0f0e0c}
.pbs-campo{flex:1;min-height:44px;max-height:112px;resize:none;overflow-y:hidden;scrollbar-width:thin;padding:11px 12px;border:1px solid #4a443a;border-radius:12px;background:#060606;color:#ede9e2;
  font:inherit;font-size:16px;line-height:1.35}
.pbs-campo::placeholder{color:#8f897f}
.pbs-campo:focus{outline:none;border-color:#dcc49b}
.pbs-enviar{display:grid;place-items:center;flex:0 0 44px;height:44px;border:0;border-radius:50%;background:#dcc49b;color:#11100d;cursor:pointer}
.pbs-enviar svg{width:20px;height:20px}
.pbs-enviar:disabled{opacity:.45;cursor:default}
.pbs-nota{margin:0;padding:2px 14px 10px;font-size:11.5px;color:#9d978c;background:#0f0e0c}
.pbs-nota a{color:#dcc49b}

@media (max-width:699px){
  .pbs-raiz{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}
  .pbs-raiz.pbs-pos-alto{top:max(10px,env(safe-area-inset-top));bottom:auto}
  .pbs-abrir{min-height:44px;gap:7px;padding:5px 13px 5px 5px;font-size:13px;box-shadow:0 6px 18px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.35)}
  .pbs-icone{width:32px;height:32px}
  .pbs-longo{display:none}
  .pbs-painel{left:0;right:0;bottom:0;width:100%;height:min(82dvh,640px);max-height:calc(100dvh - 8px);border-radius:18px 18px 0 0;border-bottom:0;
    padding-bottom:env(safe-area-inset-bottom)}
}
@media (prefers-reduced-motion:reduce){.pbs-abrir{transition:none}}