:root{--tinta:#1e1446;--amarelo:#ffd23f;--coral:#ff5a5f;--verde:#3ddc97;--branco:#fff8e7;--fonte-titulo:"Bungee", system-ui, sans-serif;--fonte-texto:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--fonte-texto);color:var(--branco);background-color:var(--tinta);background-image:radial-gradient(#ffffff12 1.5px,#0000 1.5px);background-size:18px 18px;margin:0}.ecra-inicial{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.logotipo{font-family:var(--fonte-titulo);color:var(--amarelo);text-shadow:6px 6px 0 var(--coral);margin:0;font-size:clamp(4rem,18vw,8rem);transform:rotate(-6deg)}.subtitulo{letter-spacing:.08em;text-transform:uppercase;margin:8px 0 32px;font-weight:900}.cartao{border:3px solid var(--branco);width:100%;max-width:420px;box-shadow:6px 6px 0 var(--amarelo);background:#00000040;border-radius:12px;padding:20px}.cartao h2{font-family:var(--fonte-titulo);margin:0 0 8px;font-size:1.1rem;font-weight:400}.ok{color:var(--verde);font-weight:700}.erro{color:var(--coral);font-weight:700}.aviso{color:var(--amarelo);font-size:.9rem}.ecra{padding:24px 16px 48px}.campo{text-align:left;flex-direction:column;gap:4px;font-weight:700;display:flex}.campo input,.campo select,.campo textarea{width:100%;font:inherit;border:3px solid var(--tinta);background:var(--branco);color:var(--tinta);border-radius:10px;padding:10px;font-weight:400}.campo textarea{resize:vertical}.botao{width:100%;font-family:var(--fonte-titulo);border:3px solid var(--tinta);background:var(--amarelo);color:var(--tinta);box-shadow:5px 5px 0 var(--coral);cursor:pointer;border-radius:12px;padding:12px 18px;font-size:1.1rem;transition:transform 80ms}.botao:active:not(:disabled){box-shadow:2px 2px 0 var(--coral);transform:translate(3px,3px)}.botao:disabled{opacity:.6;cursor:wait}.botao-secundario{background:var(--branco);width:auto;box-shadow:5px 5px 0 var(--tinta)}.botao-grande{padding:16px;font-size:1.4rem}.botao-ligacao{font:inherit;color:var(--branco);cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.mensagem-erro{min-height:1.4em;color:var(--coral);margin:12px 0 0;font-weight:700}.mensagem-erro:empty{min-height:0;margin:0}.etiqueta{vertical-align:middle;background:#ffffff26;border-radius:999px;margin-left:4px;padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.etiqueta-host{background:var(--amarelo);color:var(--tinta)}.etiqueta-off{background:var(--coral);color:var(--tinta)}.linha{flex-wrap:wrap;gap:12px;display:flex}.linha>.campo{flex:140px}.ecra-inicial .cartao{flex-direction:column;gap:16px;display:flex}.separador{text-transform:uppercase;opacity:.7;margin:0;font-weight:900}.linha-entrar{align-items:flex-end;gap:12px;display:flex}.linha-entrar .campo{flex:1}.campo-codigo{font-family:var(--fonte-titulo);letter-spacing:.2em;text-transform:uppercase}.lobby{grid-template-columns:minmax(0,1fr);gap:24px;max-width:720px;margin:0 auto;display:grid}.lobby .cartao{max-width:none}.lobby-topo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.logotipo-pequeno{text-shadow:4px 4px 0 var(--coral);font-size:3rem}.lobby-codigo{flex-direction:column;align-items:flex-end;font-weight:700;display:flex}.codigo-sala{font-family:var(--fonte-titulo);letter-spacing:.15em;color:var(--verde);font-size:2.5rem;font-weight:400}.lista-jogadores,.lista-temas{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lista-jogadores li,.lista-temas li{border:2px solid var(--branco);border-radius:10px;padding:8px 12px;font-weight:700}.lista-jogadores li.offline{opacity:.5}.lista-temas li{border-color:var(--amarelo)}#config{flex-direction:column;gap:12px;display:flex}.lobby-acoes{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.lobby-acoes>div{width:100%}.a-preparar{color:var(--amarelo);font-weight:700;animation:1.2s ease-in-out infinite pulsar}@keyframes pulsar{50%{opacity:.5}}.jogo{grid-template-columns:minmax(0,1fr);gap:16px;max-width:720px;margin:0 auto;display:grid}.jogo .cartao{max-width:none}.jogo-topo{align-items:center;gap:12px;display:flex}.jogo-topo .logotipo-pequeno{flex-shrink:0;font-size:clamp(1.8rem,9vw,3rem)}.jogo-info{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;font-weight:700;display:flex}.jogo-info .etiqueta{margin:0}.segundos{min-width:2.5ch;font-family:var(--fonte-titulo);text-align:right;color:var(--amarelo);font-size:2.5rem}.barra-tempo{border:2px solid var(--branco);border-radius:999px;height:12px;overflow:hidden}.barra-tempo div{background:var(--verde);height:100%;transition:width .1s linear,background .3s}.barra-tempo div.pouco-tempo{background:var(--coral)}.cartao-pergunta{text-align:center;flex-direction:column;justify-content:center;min-height:140px;display:flex}.texto-pergunta{margin:0;font-size:clamp(1.25rem,4.5vw,1.75rem);font-weight:900;line-height:1.3}.revelacao{margin:16px 0 0;font-size:1.2rem}.revelacao strong{font-family:var(--fonte-titulo);color:var(--verde);font-weight:400}.form-resposta{gap:12px;display:flex}.campo-resposta{min-width:0;font:inherit;border:3px solid var(--tinta);background:var(--branco);color:var(--tinta);box-shadow:5px 5px 0 var(--amarelo);border-radius:12px;flex:1;padding:12px 14px;font-size:1.25rem;font-weight:700}.campo-resposta:disabled{opacity:.6}.campo-resposta.abanar{animation:.35s abanar}@keyframes abanar{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.feedback{text-align:center;min-height:1.4em;margin:0;font-weight:700}.feedback.ok{color:var(--verde)}.feedback.erro{color:var(--coral)}.placar{counter-reset:lugar;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.placar li{counter-increment:lugar;border:2px solid #ffffff40;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.placar li:before{content:counter(lugar) ".";opacity:.7;min-width:2ch;font-weight:900}.placar li.eu{border-color:var(--amarelo)}.placar li.offline{opacity:.5}.placar .nome{flex:1;font-weight:700}.placar .acertou{color:var(--verde);font-weight:900}.placar .pontos{min-width:3ch;font-family:var(--fonte-titulo);text-align:right}.contagem,.bam{font-family:var(--fonte-titulo);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contagem[hidden],.bam[hidden]{display:none}.contagem{color:var(--amarelo);text-shadow:8px 8px 0 var(--coral);background:#1e1446b3;font-size:10rem}.bam{color:var(--amarelo);text-shadow:8px 8px 0 var(--coral), -3px -3px 0 var(--tinta);font-size:clamp(5rem,25vw,12rem)}.bam.animar{animation:1.4s ease-out forwards bam}@keyframes bam{0%{opacity:0;transform:scale(.2)rotate(-20deg)}20%{opacity:1;transform:scale(1.15)rotate(-8deg)}35%{transform:scale(1)rotate(-6deg)}80%{opacity:1}to{opacity:0;transform:scale(1.05)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.bam.animar,.campo-resposta.abanar,.a-preparar{animation:none}}.fim{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px;max-width:560px;margin:0 auto;display:grid}.fim .cartao{text-align:left;width:100%;max-width:none}.fim-titulo{font-family:var(--fonte-titulo);margin:0;font-size:1.6rem;font-weight:400}.vencedor{color:var(--amarelo);margin:0;font-size:1.2rem;font-weight:900}.podio{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;width:100%;display:grid}.degrau{border:3px solid var(--branco);background:#00000040;border-bottom:0;border-radius:12px 12px 0 0;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 0;display:flex}.degrau-vazio{visibility:hidden}.degrau-1{border-color:var(--amarelo);min-height:150px;box-shadow:0 -6px 0 var(--coral) inset}.degrau-2{min-height:115px}.degrau-3{min-height:90px}.degrau.eu .degrau-nome{color:var(--amarelo)}.degrau-nome{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:900;overflow:hidden}.degrau-pontos{font-family:var(--fonte-titulo)}.degrau-lugar{font-family:var(--fonte-titulo);color:var(--amarelo);text-shadow:3px 3px 0 var(--coral);margin-top:auto;font-size:2.2rem}.tabela-envolvente{overflow-x:auto}.ranking{border-collapse:collapse;width:100%}.ranking th,.ranking td{text-align:left;border-bottom:1px solid #ffffff26;padding:8px 4px}.ranking td:nth-child(2){overflow-wrap:anywhere}@media (width<=400px){.cartao{padding:14px}}.ranking th{text-transform:uppercase;color:var(--amarelo);font-size:.75rem;font-weight:900}.ranking .numero,.ranking th:nth-child(n+3){text-align:right}.ranking tr.eu td{color:var(--amarelo);font-weight:900}.ranking tr.offline td{opacity:.5}