:root{--laranja: #f33b16;--azul-profundo: #003bbe;--azul-medio: #0065d9;--azul-claro: #21acf9;--ciano: #65d1f6;--ciano-claro: #a9f6fe;--quase-branco: #e8f9fc;--tinta: #0a1a2c;--tinta-fraca: #4a6076;--papel: #ffffff;--raio: 14px;--raio-grande: 22px;--sombra: 0 2px 10px rgba(0, 20, 70, .18);--largura-max: 560px;--algas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='180' viewBox='0 0 140 180'%3E%3Cg fill='none' stroke='%2365D1F6' stroke-width='5' stroke-linecap='round' opacity='0.5'%3E%3Cpath d='M24 180 C 12 136, 34 112, 24 66'/%3E%3Cpath d='M24 136 C 48 124, 52 108, 50 94'/%3E%3Cpath d='M24 104 C 4 94, 2 78, 6 64'/%3E%3Cpath d='M108 180 C 98 146, 118 126, 110 94'/%3E%3Cpath d='M108 144 C 128 132, 132 116, 130 102'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--quase-branco);background:linear-gradient(170deg,var(--azul-medio) 0%,var(--azul-profundo) 65%,#002a8a 100%);background-attachment:fixed;-webkit-text-size-adjust:100%;overflow-x:hidden}#raiz{min-height:var(--altura-visivel, 100dvh)}.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tela{min-height:var(--altura-visivel, 100dvh);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.corpo{width:100%;max-width:var(--largura-max);margin:0 auto;padding:16px 16px 40px;flex:1}.ondas{position:relative;width:100%;line-height:0}.ondas-svg{display:block;width:100%;height:72px}.ondas--invertido{transform:rotate(180deg)}.ondas-cardume{position:absolute;left:12%;top:6px;display:flex;gap:10px;align-items:flex-end}.peixe{vertical-align:-.15em}.fileira-peixes{display:inline-flex;align-items:center;gap:3px}.peixes-conta{font-weight:700;font-size:.9rem}.peixes-vazio{color:var(--tinta-fraca)}.barra-topo{display:flex;align-items:center;gap:8px;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:#001e648c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.8rem;color:var(--ciano-claro);position:sticky;top:0;z-index:10;flex-wrap:nowrap;overflow:hidden}.barra-eu{display:inline-flex;align-items:center;gap:5px;min-width:0}.barra-nome{font-weight:700;color:#fff;max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra-meus-peixes,.barra-cardume{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.barra-cardume{color:var(--ciano)}.barra-codigo{margin-left:auto;font-weight:800;letter-spacing:.14em;color:#fff;background:#ffffff24;border-radius:8px;padding:2px 7px}.barra-conexao{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.barra-conexao--aberta{background:var(--ciano)}.barra-conexao--conectando,.barra-conexao--reconectando{background:var(--laranja)}.faixa-conexao{margin:0;padding:5px 12px;background:var(--laranja);color:#fff;font-size:.78rem;text-align:center}.ponto-cor{display:inline-block;width:11px;height:11px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 1.5px #fff9}.tela-entrada{align-items:center}.marca{font-size:clamp(2rem,11vw,2.9rem);line-height:1.05;margin:18px 16px 4px;text-align:center;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 0 rgba(0,0,0,.18)}.marca-peixes{display:block;margin-top:6px}.marca-sub{margin:0 16px 20px;text-align:center;color:var(--ciano-claro);font-size:.95rem}.cartao{width:calc(100% - 32px);max-width:420px;margin:0 16px;background:var(--papel);color:var(--tinta);border-radius:var(--raio-grande);box-shadow:var(--sombra);padding:18px 16px;display:flex;flex-direction:column;gap:12px}.campo{display:flex;flex-direction:column;gap:5px}.campo-rotulo{font-size:.8rem;font-weight:700;color:var(--tinta-fraca);text-transform:uppercase;letter-spacing:.06em}.campo-entrada{font:inherit;font-size:1.1rem;padding:12px;border:2px solid var(--ciano);border-radius:var(--raio);background:var(--quase-branco);color:var(--tinta);width:100%;min-width:0}.campo-entrada:focus{outline:3px solid var(--azul-claro);outline-offset:1px}.campo-codigo{text-transform:uppercase;letter-spacing:.4em;font-size:1.7rem;font-weight:800;text-align:center;padding-left:.4em}.separador{margin:0;text-align:center;color:var(--tinta-fraca);font-size:.85rem}.rodape-nota{margin:22px 20px 30px;text-align:center;color:var(--ciano);font-size:.8rem}.botao{font:inherit;font-size:1.05rem;font-weight:700;padding:14px 16px;min-height:48px;border-radius:var(--raio);border:2px solid var(--azul-profundo);background:var(--papel);color:var(--azul-profundo);cursor:pointer;width:100%;touch-action:manipulation}.botao--principal{background:var(--laranja);border-color:var(--laranja);color:#fff}.botao--fraco{background:transparent;border-color:#fff6;color:var(--ciano-claro);font-weight:600;font-size:.9rem;min-height:40px;padding:8px;margin-top:18px}.cartao .botao--fraco{color:var(--tinta-fraca);border-color:#0003}.botao--mini{width:auto;font-size:.8rem;padding:5px 12px;min-height:34px;border-width:1.5px}.botao:disabled{opacity:.45;cursor:not-allowed}.erro{margin:0;color:#b3140b;background:#ffeae7;border-left:4px solid var(--laranja);padding:9px 11px;border-radius:8px;font-size:.92rem}.aviso{margin:10px 0 0;color:var(--ciano-claro);font-size:.85rem;text-align:center}.aviso-flutuante{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));margin:0;background:#0a1a2cf2;color:#fff;border-left:4px solid var(--laranja);padding:10px 12px;border-radius:10px;font-size:.9rem;z-index:20}.rotulo-codigo{margin:18px 0 0;text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--ciano)}.codigo-gigante{margin:2px 0 18px;text-align:center;font-size:clamp(3.4rem,24vw,5.5rem);font-weight:900;letter-spacing:.12em;line-height:1;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.18);word-break:break-all}.lista-jogadores{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:6px}.jogador{display:flex;align-items:center;gap:9px;background:#ffffff1f;border-radius:var(--raio);padding:10px 12px;min-width:0}.jogador--caiu{opacity:.55}.jogador-nome{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.etiqueta{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:#ffffff38;border-radius:999px;padding:2px 8px;flex:0 0 auto}.etiqueta--fraca{opacity:.8}.etiqueta--maior{background:var(--laranja);color:#fff}.cardume-previsto,.cardume-restante{display:flex;align-items:center;gap:7px;justify-content:center;margin:0 0 16px;color:var(--ciano-claro);font-size:1rem;flex-wrap:wrap}.cardume-nota{color:var(--ciano);font-size:.85rem}.regras{margin-top:26px;background:#00000029;border-radius:var(--raio);padding:12px 14px}.regras h2{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ciano)}.regras ol{margin:0;padding-left:20px;font-size:.9rem;line-height:1.45}.regras-social{margin:10px 0 0;font-size:.86rem;font-weight:700;color:var(--laranja)}.tela-lousa{background:var(--quase-branco);color:var(--tinta)}.lousa{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--largura-max);margin:0 auto;padding:14px 16px 24px;background-image:var(--algas);background-repeat:no-repeat;background-position:left bottom,right bottom;background-size:140px 180px}.lousa-cabecalho{display:flex;align-items:flex-start;gap:10px;position:sticky;top:calc(35px + env(safe-area-inset-top,0px));z-index:5;background:var(--quase-branco);padding:10px 0 8px;margin-top:-10px;box-shadow:0 6px 10px -8px #001e6459}.pergunta{flex:1;margin:0;font-size:clamp(1.15rem,5.4vw,1.5rem);line-height:1.25;font-weight:800;color:var(--tinta);overflow-wrap:break-word}.pergunta--menor{font-size:clamp(1rem,4.6vw,1.25rem)}.pergunta--eco{font-size:1rem;font-weight:600;color:var(--ciano-claro);margin:0 0 14px}.numero-carta{flex:0 0 auto;font-size:.8rem;font-weight:800;color:#fff;background:var(--azul-claro);border-radius:999px;padding:5px 9px;letter-spacing:.06em}.tela-arbitragem .numero-carta{background:#fff3}.lousa-superficie{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0;min-height:120px}@media(max-height:520px){.lousa-superficie{flex:0 0 auto;align-items:flex-start;min-height:0;padding:6px 0}.lousa{padding-top:8px;padding-bottom:12px;background-image:none}.lousa-campo{font-size:clamp(24px,7.5vw,34px)}.pergunta{font-size:clamp(1rem,4.4vw,1.2rem)}}.lousa-virada{width:100%;font-size:clamp(28px,9vw,44px);font-weight:800;text-align:center;color:#21acf973;border-bottom:3px dashed rgba(33,172,249,.5);padding:6px 0 10px;font-style:italic;-webkit-user-select:none;user-select:none}.lousa-campo{width:100%;font:inherit;font-size:clamp(28px,9vw,44px);font-weight:800;text-align:center;color:var(--tinta);background:transparent;border:none;border-bottom:3px dashed rgba(33,172,249,.5);padding:6px 0 10px;outline:none;min-width:0}.lousa-campo::placeholder{color:#4a607673;font-weight:600}.lousa-campo:focus{border-bottom-color:var(--laranja)}.lousa-campo:read-only{border-bottom-style:solid;border-bottom-color:var(--ciano)}.lousa-rodape{display:flex;flex-direction:column;gap:10px}.tela-lousa .botao--fraco{color:var(--azul-profundo);border-color:#003bbe59;margin-top:0}.esperando{margin:0;text-align:center;color:var(--tinta-fraca);font-size:.92rem;overflow-wrap:break-word}.corpo--arbitragem{padding-bottom:16px}.arb-cabecalho{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.tela-arbitragem .pergunta{color:#fff}.arb-apoio{margin:0 0 14px;color:var(--ciano);font-size:.88rem}.grupos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.grupo{background:#ffffff1a;border:2px solid transparent;border-radius:var(--raio-grande);padding:10px}.grupo--maior{background:#fff3;border-color:var(--laranja)}.grupo--fundido{border-style:dashed;border-color:var(--ciano)}.grupo--maior.grupo--fundido{border-color:var(--laranja)}.grupo-fichas{display:flex;flex-wrap:wrap;gap:8px}.ficha{font:inherit;flex:1 1 140px;min-width:0;background:var(--papel);border:3px solid var(--ciano);border-radius:var(--raio);padding:10px 10px 8px;text-align:left;cursor:pointer;color:var(--tinta);touch-action:manipulation}.ficha--selecionada{box-shadow:0 0 0 4px var(--laranja)}.ficha:disabled{opacity:.55}.ficha-texto{display:block;font-size:1.25rem;font-weight:800;line-height:1.2;overflow-wrap:break-word;color:var(--tinta)}.ficha-autor{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:.78rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grupo-rodape{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;min-height:20px}.grupo-rodape:empty{display:none}.arb-dica{margin:16px 0 0;text-align:center;color:var(--ciano);font-size:.85rem}.rodape-pontuar{width:100%;max-width:var(--largura-max);margin:0 auto;padding:34px 16px calc(20px + env(safe-area-inset-bottom,0px))}.botao--pontuar{font-size:1.1rem}.titulo-secao{margin:18px 0 6px;font-size:1.35rem;color:#fff}.placar-rodada{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.linha-placar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"quem peixes" "resposta peixes" "motivo total";gap:2px 10px;align-items:center;padding:10px 12px;border-radius:var(--raio);background:#ffffff14;border-left:4px solid transparent}.linha-placar--pegou{background:#f33b162e;border-left-color:var(--laranja)}.linha-quem{grid-area:quem;display:flex;align-items:center;gap:8px;min-width:0}.linha-resposta{grid-area:resposta;font-size:1.05rem;font-weight:800;color:#fff;overflow-wrap:break-word}.linha-motivo{grid-area:motivo;font-size:.8rem;color:var(--ciano)}.linha-placar--pegou .linha-motivo{color:#ffd9d1;font-weight:700}.linha-peixes{grid-area:peixes;justify-self:end}.linha-total{grid-area:total;justify-self:end;font-size:.78rem;color:var(--ciano);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.motivo-fim{margin:0 0 14px;color:var(--ciano)}.anuncio-vencedor{margin:0 0 18px;font-size:1.25rem;background:var(--papel);color:var(--tinta);border-radius:var(--raio);padding:12px 14px;overflow-wrap:break-word}.placar-final{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:7px;counter-reset:posicao}.linha-final{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:var(--raio);background:#ffffff1a;min-width:0}.linha-final--venceu{background:#ffffff38;border:2px solid var(--laranja)}.linha-final .linha-peixes{margin-left:auto}.linha-final .linha-total{font-weight:800;font-size:1rem;color:#fff}.tela-esperando{align-items:center;justify-content:center;gap:14px;padding:0 24px}.esperando-titulo{text-align:center;font-size:1.1rem;color:var(--ciano-claro)}.tela-esperando .ondas{max-width:320px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:480px){.ficha{flex:1 1 180px}}:root[data-teclado=aberto] .tela-lousa{max-height:var(--altura-visivel);overflow:hidden}:root[data-teclado=aberto] .lousa{padding-top:6px;padding-bottom:8px;background-image:none}:root[data-teclado=aberto] .lousa-superficie{flex:1 1 auto;align-items:center;min-height:0;padding:4px 0}:root[data-teclado=aberto] .lousa-campo{font-size:clamp(22px,7vw,30px)}:root[data-teclado=aberto] .pergunta{font-size:clamp(.95rem,4.2vw,1.1rem);line-height:1.2}:root[data-teclado=aberto] .lousa-cabecalho{padding:6px 0 5px;margin-top:-6px}:root[data-teclado=aberto] .lousa-rodape{padding-top:6px}:root[data-teclado=aberto] .esperando{display:none}