/* Teste do Deflect na pagina de cadastro (28/10/2026): o mesmo Treino offline da tela "Testar controles",
   aberto a quem ainda nao tem conta. As cores e a fonte do jogo ficam so dentro de .df-teste. */
@font-face { font-family: "Russo One"; src: url("/estatico/fontes/russo-one.woff2") format("woff2"); font-display: swap; }

.centro.com-teste { display: flex; flex-direction: column; align-items: center; gap: 28px; padding-top: 32px; padding-bottom: 48px; }
.cadastro .ir-teste { display: block; margin-top: 14px; text-align: center; color: var(--sutil); font-size: 13px; text-decoration: none; }
.cadastro .ir-teste:hover { color: var(--texto); }

.teste-deflect { width: 100%; max-width: 1200px; scroll-margin-top: 16px; }
.teste-deflect-topo { text-align: center; margin: 0 auto 14px; max-width: 620px; }
.teste-deflect-topo h2 { font-family: var(--fonte-titulo); font-size: 17px; font-weight: 400; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 8px; }
.teste-deflect-topo p { margin: 0; color: var(--sutil); font-size: 14px; }

.df-teste {
  --df-fundo: #0b0d0c; --df-painel: #141816; --df-painel-2: #1c211e; --df-borda: #2b322e; --df-texto: #f1f3f2; --df-sutil: #8e9892;
  --df-preto: #121418; --df-branco: #f1f3f2; --df-verde: #4b7a5f; --df-laranja: #ff9b1f;
  --laranja: #ff9b1f; --turquesa: #f1f3f2; --limao: #ff9b1f; --erro: #ff6b6b;
  --df-fonte: "Russo One", "Montserrat", system-ui, sans-serif;
  color: var(--df-texto);
}
.df-teste .vazio { text-align: center; color: var(--df-sutil); padding: 40px 12px; }
.df-teste .carregando-teste { height: 420px; border-radius: 18px; border: 1px solid var(--df-borda); background: linear-gradient(180deg, #151917, #0d100e); display: grid; place-items: center; color: var(--df-sutil); font-size: 14px; }

/* Pagina dos anuncios (28/10/2026, reorganizada em 30/10): cabecalho com a marca; no PC, o jogo (ou a vitrine do
   DesertQuest) a esquerda e a caixa da conta fixa a direita; no celular, um embaixo do outro com a barra "Criar conta" */
.teste-deflect-topo.primeiro { display: none; }
.landing-topo { display: none; }
.cadastro .vantagens { display: none; }
.cta-cadastro { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 50; display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; border-radius: 999px;
  font-weight: 800; font-size: 15px; text-decoration: none; color: #1a1006; background: linear-gradient(135deg, #ffd27a 0%, #f4a03a 45%, #c86a1c 100%); box-shadow: 0 10px 30px rgba(244, 160, 58, .45); white-space: nowrap; transition: opacity .2s, transform .2s; }
.cta-cadastro.escondido { opacity: 0; pointer-events: none; transform: translate(-50%, 20px); }
.cadastro .pioneiros { margin: 0 0 14px; padding: 9px 12px; border-radius: 10px; background: rgba(255, 255, 255, .04); border: 1px dashed rgba(244, 160, 58, .45); color: #e9e2dc; font-size: 13px; text-align: center; }

.jogar-primeiro .centro.com-teste { display: grid; grid-template-columns: minmax(0, 1fr) 380px; grid-template-areas: "topo topo" "jogo conta"; align-items: start; justify-items: stretch; gap: 22px 28px;
  max-width: 1320px; margin: 0 auto; padding: 0 24px 48px; min-height: 0; }
.jogar-primeiro .landing-topo { grid-area: topo; display: flex; align-items: center; justify-content: space-between; padding: 18px 0 14px; border-bottom: 1px solid rgba(255, 255, 255, .07); }
.landing-marca img { height: 30px; display: block; }
.landing-entrar { color: var(--texto); font-size: 14px; font-weight: 700; text-decoration: none; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); }
.landing-entrar:hover { border-color: rgba(244, 160, 58, .6); color: var(--ouro, #f4a03a); }
.jogar-primeiro .teste-deflect, .jogar-primeiro .landing-dq { grid-area: jogo; max-width: none; min-width: 0; }
.jogar-primeiro .cartao.cadastro { grid-area: conta; position: sticky; top: 18px; max-width: none; padding: 24px 26px 22px; }
.jogar-primeiro .cadastro > .marca { display: none; }
.jogar-primeiro .cadastro h1 { display: none; }
/* caixa mais curta para caber na tela do PC: campos mais baixos e a regra do nick so quando ele esta em foco */
.jogar-primeiro .cadastro .campo { margin-bottom: 10px; }
.jogar-primeiro .cadastro .campo input { padding-top: 9px; padding-bottom: 9px; }
.jogar-primeiro .cadastro .campo .dica { display: none; }
.jogar-primeiro .cadastro .campo:focus-within .dica { display: block; }
.jogar-primeiro .cadastro .pioneiros { margin-bottom: 12px; }
.jogar-primeiro .cadastro .ir-teste, .jogar-primeiro .cadastro .link-voltar#ja-tenho-conta { display: none; }
.jogar-primeiro .teste-deflect-topo:not(.primeiro) { display: none; }
.jogar-primeiro .teste-deflect-topo.primeiro { display: block; text-align: left; max-width: none; margin: 4px 0 16px; }
.teste-deflect-topo.primeiro h1 { font-family: "Russo One", var(--fonte-titulo), sans-serif; font-size: clamp(26px, 3.4vw, 40px); font-weight: 400; margin: 0 0 8px; line-height: 1.1; }
.teste-deflect-topo.primeiro h1 span { color: var(--ouro, #f4a03a); }
.teste-deflect-topo.primeiro p { font-size: 15px; }
.teste-deflect-topo.primeiro kbd { display: inline-block; padding: 1px 7px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, .22); border-bottom-width: 2px; background: rgba(255, 255, 255, .06); color: var(--texto); font: 700 12px/1.5 var(--fonte, Montserrat), sans-serif; }
/* o teste na vitrine: so o campo e os botoes basicos (os ajustes finos do Treino ficam para quem tem conta) */
.jogar-primeiro .df-teste .tr { display: block; }
.jogar-primeiro .df-teste .tr-painel, .jogar-primeiro .df-teste .tr-zoom, .jogar-primeiro .df-teste .tr-acoes .so-icone:last-child { display: none; }
/* caixa da conta: o que se ganha criando a conta */
.jogar-primeiro .cadastro .vantagens { display: block; }
.vantagens-titulo { margin: 0 0 8px; font-family: "Russo One", var(--fonte-titulo), sans-serif; font-size: 19px; line-height: 1.2; color: var(--texto); }
.vantagens ul { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; }
.vantagens li { position: relative; padding-left: 22px; color: #cfc8bf; font-size: 13.5px; }
.vantagens li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--ouro, #f4a03a); font-weight: 800; }
.vantagens b { color: var(--texto); }
.vantagens .so-dq, .jogo-dq .vantagens .so-deflect { display: none; }
.jogo-dq .vantagens .so-dq { display: grid; }
/* no PC a caixa fica sempre a vista: a barra "Criar conta" so serve no celular */
@media (min-width: 1001px) { .jogar-primeiro .cta-cadastro { display: none; } }
@media (max-width: 1000px) {
  .jogar-primeiro .centro.com-teste { grid-template-columns: minmax(0, 1fr); grid-template-areas: "topo" "jogo" "conta"; padding: 0 14px 96px; }
  .jogar-primeiro .cartao.cadastro { position: static; max-width: 460px; width: 100%; justify-self: center; }
  .jogar-primeiro .teste-deflect-topo.primeiro { text-align: center; }
}
@media (max-width: 520px) { .cta-cadastro { left: 12px; right: 96px; transform: none; justify-content: center; white-space: normal; text-align: center; font-size: 14px; padding: 12px 14px; } .cta-cadastro.escondido { transform: translateY(20px); } } /* o seletor de idioma fica no canto direito */

/* Pagina dos anuncios do DesertQuest (30/10/2026): no lugar do teste do Deflect, a vitrine do jogo e a conta embaixo */
.landing-dq { width: 100%; max-width: 980px; text-align: left; }
.landing-dq .dq-logo { height: 56px; display: block; margin: 4px 0 10px; }
.landing-dq h1 { font-family: "Russo One", var(--fonte-titulo), sans-serif; font-size: clamp(26px, 5vw, 42px); font-weight: 400; margin: 0 0 10px; line-height: 1.1; }
.landing-dq h1 span { color: var(--ouro, #f4a03a); }
.landing-dq .dq-sub { margin: 0 0 16px; max-width: 700px; color: var(--sutil); font-size: 15px; }
.landing-dq .dq-sub strong { color: var(--texto); }
.landing-dq .dq-capa { width: 100%; height: auto; border-radius: 18px; border: 1px solid rgba(244, 160, 58, .35); box-shadow: 0 18px 50px rgba(0, 0, 0, .5); display: block; }
.landing-dq .dq-pontos { list-style: none; padding: 0; margin: 18px 0 10px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; text-align: left; }
.landing-dq .dq-pontos li { padding: 12px 14px; border-radius: 12px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .08); }
.landing-dq .dq-pontos b { display: block; color: var(--ouro, #f4a03a); font-size: 14px; margin-bottom: 4px; }
.landing-dq .dq-pontos span { color: var(--sutil); font-size: 13px; }
.landing-dq .dq-nota { margin: 6px 0 0; color: var(--sutil); font-size: 13px; letter-spacing: .02em; }
.jogo-dq .teste-deflect { display: none; }
.jogo-dq .cadastro .ir-teste { display: none; }
@media (max-width: 420px) { .landing-dq .dq-pontos { grid-template-columns: 1fr; } }