<div class="passagem">
<span>Mas parece que nosso adversário resolveu se aproveitar da situação e nos atacar.</span>
<span>Recebemos um áudio feito com IA, que mostra um suposto integrante da sua equipe articulando ações com
o Edu para beneficiar a campanha</span>
<div class="button-row">
[[<span>Mas isso é mentira! </span>|áudio suposto integrante]]
[[<span>Não acredito! </span>|áudio suposto integrante]]
</div>
</div>
(set: $apoio to (round:$apoio - $PerderApoio))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (floor: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerAtualizarPorcentagemApoio(0);</script>
<script>triggerPerderApoio(0)</script>
<script>triggerGanharImprensa(0)</script><div
class="passagem">
<span>Vish... Você não vai acreditar.</span>
<span>Está circulando uma foto e um suposto áudio do Edu relatando estar negociando com um grupo de
empresários chineses.</span>
<div class="button-row">
[[<span>O que???</span>|Foto fake Edu falso especialista]]
</div>
</div>
(set: $apoio to (round:$apoio - $PerderApoio))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (floor: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerAtualizarPorcentagemApoio(0);</script>
<script>triggerPerderApoio(0)</script>
<script>triggerGanharImprensa(0)</script><div
class="passagem">
<span>Ih! Mas tem alguma coisa estranha.</span>
<span>Está circulando na internet uma foto e um áudio fakes do nosso candidato Edu. Supostamente ele estaria
negociando com empresários para realizar as privatizações caso seja eleito governador.</span>
<div class="button-row">
[[<span>Sério isso?</span>|Áudio negociação polarização]]
[[<span>Não pode ser! </span>|Áudio negociação polarização]]
</div>
</div>
(set: $apoio to (round:$apoio - $PerderApoio))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (floor: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerAtualizarPorcentagemApoio(0);</script>
<script>triggerPerderApoio(0)</script>
<script>triggerGanharImprensa(0)</script><div
class="passagem">
<span>Mas nem todo mundo segue o caminho da honestidade...</span>
<span>Fiquei sabendo que fizeram um vídeo fake do Edu. No vídeo, parece que ele está bêbado em horário de
expediente. A repercussão não está nada boa.</span>
<div class="button-row">
[[<span>Essa não!</span>|Vídeo fake Edu trollagem]]
</div>
</div>
(set: $apoio to (round:$apoio - $PerderApoio))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (floor: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerAtualizarPorcentagemApoio(0);</script>
<script>triggerPerderApoio(0)</script>
<script>triggerGanharImprensa(0)</script><div class="passagem">
''<span>IAgora?</span>''
<span>Cada escolha traz consequências sociais, como manifestações populares, crises políticas ou até
momentos de fortalecimento da democracia.
Você jogará clicando nas opções de resposta disponíveis na parte inferior da tela. Suas decisões influenciarão o
andamento da campanha, o crescimento da base eleitoral e o seu destaque na mídia.</span
<span>
No IAgora, você vai descobrir na prática: até onde é possível ir para conquistar o poder?</span>
<button-link>[[<span>Começar<img
src="./assets/images/brain.svg"></span>|FormularioPreJogo]]</button-link>
</div><div class="passagem">
''<span>Bem-vindo(a) ao IAgora: Eleições 2026!</span>''
<span>Ao clicar em “Começar”, você será transportado para um chat fictício. Seu papel? Assumir o comando de
uma campanha política com um único objetivo: eleger seu candidato ao governo do estado.</span>
<span>Ao longo do jogo, você tomará decisões estratégicas que influenciam diretamente os rumos da campanha.
Será possível escolher entre caminhos baseados na verdade ou na criação e disseminação de fake news — que podem ir
de pequenos boatos até conteúdos de grande impacto, como áudios, imagens e vídeos falsos gerados por inteligência
artificial.</span>
<button-link>[[<span>Próximo! <img src="./assets/images/brain.svg"></span>|Como
Jogar2]]</button-link>
</div><div class="passagem center-stuff">
<span>Além disso, a população deixa de doar sangue e começa a achar que será contaminada com a doença
desconhecida. Com isso, começa a faltar sangue nos centros de doação.</span>
<span>Esse não era o resultado esperado, não é mesmo?</span>
<img src="./assets/images/Doação de sangue vazio.png" class="consequencia-img">
<div class="button-row">
[[<span>Na próxima é melhor não alimentarmos uma conspiração!</span>|Final Conspiração]]
[[<span>O importante é estar na frente na pesquisa eleitoral!</span>|Final Conspiração]]
</div>
</div><div class="passagem center-stuff">
<span>Os mercados foram invadidos por um mar de gente querendo comprar e estocar o máximo de produtos e
alimentos.</span>
<span>Estão preocupados com seus empregos e com a economia. Com isso, alguns itens básicos esgotaram no
estado.</span>
<img src="./assets/images/Caos no supermercado.png" class="consequencia-img">
<div class="button-row">
[[<span>Não é possível!</span>|Fim mentira grave Falso especialista]]
</div>
</div><div class="passagem center-stuff">
<span>Eles estão fazendo isso na defesa da escola pública, contra a privatização. Contudo, um outro grupo de
pais e estudantes não concorda com a ocupação, e acham que as aulas devem continuar.</span>
<span>Com isso, o conflito foi inevitável.</span>
<div class="button-row">
[[<span>Continuar</span>|pré final polarização]]
</div>
</div><div class="passagem center-stuff">
<span>Pessoas identificaram o clube do vídeo e foram protestar, intervindo o funcionamento do
lugar.</span>
<span>Estão manifestando que o dono está envolvido em esquema de corrupção, bem como outros empresários.
Houve confusão e alguns funcionários do clube foram agredidos..</span>
<img src="./assets/images/Protesto no clube noturno.png" class="consequencia-img">
<div class="button-row">
[[<span>Oh não!</span>|Fim mentira grave trollagem]]
</div>
</div><div class="passagem center-stuff" id="cinematic" >
<span>Pessoas com doenças graves estão piorando os seus quadros sem saírem de casa. Dados da Secretaria de
Saúde estimam que no último mês as mortes evitáveis aumentaram em 12%.</span>
<img src="./assets/images/Gráfico secretaria da saude.png" class="consequencia-img">
<div class="button-col">
[[<span>Meu Deus!</span>|Fim mentira leve]]
</div></div><div class="passagem center-stuff" id="cinematic" >
<span style="text-align:center !important;">E não só isso. Mas segundo dados oficiais de
instituições financeiras, o investimento no estado caiu 15% nas últimas semanas. Os empresários e comerciantes
estão inseguros com a situação.</span>
<img src="./assets/images/gráfico_queda_investimentos.png" class="consequencia-img">
<div class="button-col" style="width:100%;">
[[<span>Ah, não...</span>|Fim mentira leve Falso especialista]]
</div>
</div><div class="passagem center-stuff"
id="cinematic" >
<span style="text-align:center !important;">Com isso, os professores se organizaram para fazer uma
greve por "falta de transparência". As aulas acabaram sendo paralisadas e os pais dos estudantes estão
reclamando que os professores não querem trabalhar.</span>
<img src="./assets/images/greve professores.png" class="consequencia-img">
<div class="button-col" style="width:100%;">
[[<span>Essa não!</span>|Fim mentira leve polarização]]
</div>
</div><div class="passagem center-stuff"
id="cinematic" >
<span style="text-align:center !important;">Muitos comentários e publicações estão dizendo que a
culpa é das mulheres, que não se comportam como deveriam perante um homem casado. Veja:</span>
<img class="mobile-mockup" src="./assets/images/Comentários discriminação gênero
trollagem.png" style="width:300px;">
<div class="button-col" style="width:100%;">
[[<span>Poxa vida!</span>|Fim mentira leve trollagem]]
</div>
</div><div class="passagem center-stuff" id="cinematic" >
<span style="text-align:center !important;">Ops! Suas mensagens espalhando mentira sobre a doença
desconhecida viralizaram... mas olha só o efeito dominó: as pessoas estão evitando os hospitais por acreditarem na
conspiração.</span>
<span> Isso ampliou o clima de medo e revolta, desorganizando o debate público e contaminando o processo
eleitoral.</span>
<img src="./assets/images/Hospital vazio.png" class="consequencia-img">
<div class="button-col" style="width:100%;">
[[<span>Não pode ser!</span>|Consequência 2 mentira leve]]
[[<span>Não esperava por essa!</span>|Consequência 2 mentira leve]]
</div>
</div><div class="passagem center-stuff"
id="cinematic" >
<span style="text-align:center !important;">Pelo visto o receio com as consequências econômicas se
tornaram efeitos reais. Muitas pessoas estão querendo sacar todo o seu dinheiro do banco, criando um caos nas
agências.</span>
<img src="./assets/images/Agência bancária lotada.png" class="consequencia-img">
<div class="button-col" style="width:100%;">
[[<span>Prosseguir</span>|Consequência 2 mentira leve Falso especialista]]
</div>
</div><div class="passagem center-stuff"
id="cinematic" >
<span style="text-align:center !important;">A mentira se espalhou rápido... mas parece que não
teve só efeitos positivos. Os professores estão com medo de perder seus empregos e estão exigindo
explicações.</span>
<div class="button-col" style="width:100%;">
[[<span>Prosseguir</span>|Consequência 2 mentira leve polarização]]
</div>
</div><div class="passagem center-stuff"
id="cinematic" >
<span style="text-align:center !important;">Ops... Mas as pessoas não estão apenas atacando o
Siqueira. Muitas mulheres estão sendo vítimas de discriminação e discurso de ódio nas redes sociais por conta do
vídeo.</span>
<div class="button-col" style="width:100%;">
[[<span>Prosseguir</span>|Consequência 2 mentira leve trollagem]]
</div>
</div><div class="passagem center-stuff">
<span>Com isso, nossas intenções de voto caíram. Os eleitores estão com receio das políticas econômicas do
Edu.</span>
<div class="button-row">
[[<span>Não acredito!</span>|Consequência social verdade falso especialista]]
</div>
</div><div class="passagem center-stuff">
<span>Isso derrubou as nossas intenções de voto. A corrida eleitoral está mais complicada e a vitória mais
distante.</span>
<div class="button-row">
[[<span>Droga!</span>|Consequência social verdade polarização]]
</div>
</div><div class="passagem center-stuff">
<span>Caímos feio nas pesquisas eleitorais por conta disso. O povo está julgando que o Edu não é um
"trabalhador sério".</span>
<div class="button-row">
[[<span>Maldição!</span>|Consequência social verdade trollagem]]
</div>
</div><div class="passagem center-stuff">
Além disso, como as pessoas acham que você cogitou manipular por debaixo dos panos, estão passando a acreditar que
algo está sendo escondido sobre a doença. Ou seja, a epidemia de dengue passou a ser questionada na sociedade.
<img src="./assets/images/protesto conspiração.png" class="consequencia-img">
<div class="button-row">
[[<span>Se ele quer jogar sujo, então também vamos jogar!</span>|Final Conspiração]]
[[<span>Não vale a pena manipular as pessoas com desinformação para ganhar uma eleição.</span>|Final
Conspiração]]
</div>
</div><div class="passagem center-stuff">
Algumas manifestações e protestos foram feitos nas ruas, expressando que o Edu vai acabar com a economia do estado
e causar desemprego em massa.
<img src="./assets/images/Protesto contra Edu entregar riquezas.png"
class="consequencia-img">
<div class="button-row">
[[<span>Isso é péssimo!</span>|Final Falso Especialista]]
[[<span>Oh não! Logo agora, tão perto das eleições...</span>|Final Falso Especialista]]
</div>
</div><div class="passagem center-stuff">
Alguns grupos de estudantes chegaram a fazer protestos contra a campanha de Edu. Estão manifestando que o nosso
candidato quer se vender para o mercado.
Por outro lado, alguns grupos da sociedade enxergam a privatização como positiva.
<img src="./assets/images/estudantes protestam contra Edu.png" class="consequencia-img">
<div class="button-row">
[[<span>Na próxima, vou me aproveitar da desinformação.</span>|Final Polarização]]
[[<span>Pelo menos eu segui os meus princípios!</span>|Final Polarização]]
</div>
</div><div class="passagem center-stuff">
Além disso, um grupo de pais chegou a fazer uma manifestação na rua, dizendo que o Edu é uma péssima influência
para os jovens. Um protesto contra a campanha e a imagem do nosso candidato.
<img src="./assets/images/Protesto pais contra Edu.png" class="consequencia-img">
<div class="button-row">
[[<span>Vai ter volta. Também podemos atacar com desinformação.</span>|Final Trollagem]]
[[<span>Mesmo assim, manter a honestidade foi a escolha certa.</span>|Final Trollagem]]
</div>
</div><div class="passagem center-stuff" id="cinematic"
style="align-content:center;">
<span>Mas nem tudo saiu como planejado. Um pânico social é instaurado e as pessoas passam a desacreditar nas
vacinas.</span>
<div class="button-row">
[[<span>Oh não!</span>|Consequência 2 mentira grave]]
</div>
</div><div class="passagem center-stuff"
id="cinematic" style="align-content:center;">
<span>Essa não... Parece que o desespero tomou conta de muita gente.</span>
<div class="button-row">
[[<span>O que aconteceu?</span>|Consequência 2 mentira grave Falso especialista]]
</div>
</div><div class="passagem center-stuff"
id="cinematic" style="align-content:center;">
<span>Essa não! Um grupo de pais e estudantes resolveram ocupar uma das escolas em protesto. As aulas foram
suspensas.</span>
<img src="./assets/images/pais invadem escola.png" class="consequencia-img">
<div class="button-row">
[[<span>Poxa vida!</span>|Consequência 2 mentira grave polarização]]
</div>
</div><div class="passagem center-stuff"
id="cinematic" style="align-content:center;">
<span>Ops... Mas nem tudo saiu como planejado.</span>
<div class="button-row">
[[<span>O que houve?</span>|Consequência 2 mentira grave trollagem]]
</div>
</div><div class="passagem center-stuff">
<span>Com a mentira do candidato adversário, estamos correndo um maior risco do nosso candidato não ser
eleito. Isso aconteceu mesmo sendo honesto, apenas por escolher não usar a desinformação para seu benefício
político.</span>
<div class="button-row">
[[<span>Sacanagem!</span>|Consequência social verdade]]
</div>
</div><div class="passagem" id="text-column">
<span>Mas a história não acaba aqui. Enquanto Siqueira celebra, a ''Justiça Eleitoral'' já
está em movimento. Seus eleitores, engajados pela verdade, inundaram os tribunais com notificações. A equipe de
Edu criou um arquivo robusto: cada fake news foi denunciada com provas.</span>
<div class="button-row">
[[<span>Continuar</span>|Continua Final Bom 1]]
</div>
</div><div class="passagem" id="text-column">
<span>Em uma decisão histórica, o mandato de Marco Siqueira é impugnado por uso coordenado e ilegal de
desinformação. A notícia é um terremoto político: ''novas eleições são convocadas''. O cenário
agora é radicalmente diferente. A farsa de Siqueira foi exposta.</span>
<div class="button-row">
[[<span>Continuar</span>|Continua Final Bom 2]]
</div>
</div><div class="passagem" id="text-column">
<span>A população, testemunha de quem agiu com integridade, agora vê Edu Barbosa não como um perdedor, mas
como um ''homem digno de confiança''. Sua derrota inicial se transforma em credibilidade e Edu é o
favorito para ganhar as novas eleições. Você perdeu a batalha nas urnas naquele dia. Mas, ao se recusar a baixar o
nível, ''venceu a guerra pela integridade da democracia''</span>
<div class="button-row">
[[<span>Continuar</span>|FormularioPosJogo]]
</div>
</div><div class="passagem" id="text-column">
<span>Contudo cada desinformação compartilhada sem prova concreta, cada trollagem que você lançou nas redes
é meticulosamente desmontada e apresentada em um processo na ''Justiça Eleitoral''.</span>
<div class="button-row">
[[<span>Continuar</span>|Continua Final Muito Ruim 1]]
</div>
</div><div class="passagem" id="text-column">
<span>As mentiras que você espalhou para ganhar votos agora são provas contra você. A condenação é rápida e
histórica: o mandato de Edu Barbosa é impugnado por uso desinformação na campanha eleitoral.</span>
<div class="button-row">
[[<span>Continuar</span>|Continua Final Muito Ruim 2]]
</div>
</div><div class="passagem" id="text-column">
<span>Você não apenas perde o cargo, mas mancha permanentemente o nome de Barbosa na história política. Como
consequência, o candidato que ficou em segundo lugar nas eleições é eleito como governador. Ou seja,
''Marco Siqueira é reeleito''. Você ganhou a batalha, mas ''perdeu a
guerra''.</span>
<div class="button-row">
[[<span>Continuar</span>|FormularioPosJogo]]
</div>
</div><div class="passagem" id="text-column">
<span>Nos dias seguintes, porém, o castelo de cartas começa a desmoronar. A ''Justiça
Eleitoral'', inundada com provas incontestáveis coletadas por jornalistas e partidos políticos, age. O
''mandato de Marco Siqueira é impugnado'' por uso abusivo e coordenado de desinformação durante a
campanha eleitoral. A notícia é um terremoto político: ''novas eleições são
convocadas''.</span>
<div class="button-row">
[[<span>Continuar</span>|Continua Final Ruim 1]]
</div>
</div><div class="passagem" id="text-column">
<span>Por um momento, há esperança. O nome de Edu Barbosa deveria surgir como favorito natural. Mas aí, as
consequências das ''poucas mas impactantes mentiras'' que você escolheu publicar voltam para
assombrá-lo..</span>
<div class="button-row">
[[<span>Continuar</span>|Continua Final Ruim 2]]
</div>
</div><div class="passagem" id="text-column">
<span>A credibilidade manchada afasta os eleitores indecisos. As ''consequências
sociais'' das fake news que você propagou são agora o motivo da falta de apoio. Assim, surge uma terceira
via: um candidato que observou de longe a guerra suja e agora se apresenta como a única opção verdadeiramente
limpa. A população, exausta e desiludida com ambos os lados, se volta para ele.</span>
<div class="button-row">
[[<span>Continuar</span>|FormularioPosJogo]]
</div>
</div>(display: "HUD")
<div class="passagem">
As ferramentas de IA estão cada vez mais avançadas. Hoje em dia, é possível criar áudios realistas com vozes
falsas, fingindo ser outra pessoa. E é isso que vamos fazer.
<div class="button-row">
[[<span>Prosseguir</span>|Escolha áudio 1]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)(display:
"HUD")
<div class="passagem">
<span>Isso vai ferrar com o Siqueira. As pessoas vão achar que ele vai acabar com a economia da
região.</span>
<span>Utilizando IA é possível fazer um áudio bem realista. Todos vão achar que é a especialista falando de
verdade.</span>
<div class="button-row">
[[<span>Prosseguir</span>|Escolha áudio 1 Falso especialista]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)(display:
"HUD")
<div class="passagem">
A tecnologia avançou muito nos últimos anos. Com o uso de Inteligência Artificial, conseguimos fazer tudo isso
parecer real.
<span>Preparei dois áudios que podem ser enviados juntos com a imagem do contrato. Escute e escolha qual
você prefere.</span>
<div class="button-row">
[[<span>Prosseguir</span>|Escolha áudio 1 polarização]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)(display:
"HUD")
<div class="passagem">
Criar um vídeo falso com IA é moleza. E fica bem realista, as pessoas acreditam e nem percebem a enganação.
<span>Criei dois vídeos, utilizando ferramentas de IA, que mostram o Siqueira na balada negociando com
outros homens. Veja qual você prefere.</span>
<div class="button-row">
[[<span>Prosseguir</span>|Escolha vídeo 1 trollagem]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)<div class="passagem" id="escolhas">
<span class="button-row">O que você deseja fazer agora?</span>
<div class="button-col">
[[<span>Disparar mensagens que dizem que o governo do Siqueira é omisso sobre o caso.</span>|Mentira
leve Consp]]
[[<span>Se aproveitar da mentira, dizendo que o governo mente sobre as mortes e que há um surto
encoberto.</span>|Mentira grave Consp]]
[[<span>Explicar que é uma epidemia de dengue e acalmar a população.</span>|Verdade Consp]]
</div>
</div>
(display: "HUD")<div class="passagem" id="escolhas">
<span class="button-row">E agora? Você quer seguir por qual caminho, sabendo disso?</span>
<div class="button-col">
[[<span>Disseminar a mentira para prejudicar o Siqueira</span>|Mentira leve Polarização]]
[[<span>Aumentar a mentira, dizendo que existe um contrato da privatização.</span>|Mentira grave
Polarização]]
[[<span>Falar a verdade para a população.</span>|Verdade Polarização]]
</div>
</div>
(display: "HUD")<div class="passagem" id="escolhas">
<span class="button-row">O que você deseja fazer a partir dessa situação?</span>
<div class="button-col">
[[<span>Compartilhar o vídeo dizendo que é o Siqueira</span>|Mentira leve Trollagem]]
[[<span>Incrementar a história, dizendo que o clube é ponto de negociação de propina</span>|Mentira
grave Trollargem]]
[[<span>Ser honesto e desmentir o boato</span>|Verdade Trollagem]]
</div>
</div>
(display: "HUD")<div class="passagem" id="escolhas">
<span class="button-row">Qual estratégia você quer seguir sabendo disso?</span>
<div class="button-col">
[[<span>Ajudar a espalhar a mentira, colocando a culpa no Siqueira</span>|Mentira leve Falso
especialista]]
[[<span>Potencializar a mentira, dizendo que milhões de empregos serão perdidos</span>|Mentira grave
Falso especialista]]
[[<span>Contar a verdade para a população.</span>|Verdade Falso especialista]]
</div>
</div>
(display: "HUD")<div class="passagem center-stuff">
<span id="title">O que você acha dessa mensagem?</span>
<img class="mobile-mockup" src="./assets/images/disparo msg 1 doença misteriosa.png">
<div class="button-col">
[[<span>Gostei, quero usar ela!</span>|E.msg]]
[[<span>Não quero usar essa mensagem!</span>|Mensagem governo esconde surto]]
</div>
</div><div class="passagem center-stuff">
<span id="title">Preparei dois tipos de mensagens para enviar junto com o vídeo. Você deseja
qual?</span>
<img class="mobile-mockup" src="./assets/images/disparo msg 1 falso especialista.png">
<div class="button-col">
[[<span>Gostei, pode ser essa!</span>|Efeito mentira leve Falso especialista]]
[[<span>Não quero usar essa mensagem.</span>|Mensagem 2 Falso especialista]]
</div>
</div><div class="passagem center-stuff">
<span id="title">Que tal essa mensagem? Se não gostou faço outra.</span>
<img class="mobile-mockup" src="./assets/images/bot msg 1 polarização.png">
<div class="button-col">
[[<span>Pode ser!</span>|Efeito mentira leve polarização]]
[[<span>Não quero usar essa mensagem!</span>|Mensagem 2 polarização]]
</div>
</div><div class="passagem center-stuff">
<span id="title">Dá uma olhada nessa publicação falsa. O que acha?</span>
<img class="mobile-mockup" src="./assets/images/siqueira balada com mulheres 1.png">
<div class="button-col">
[[<span>Boa, vamos usar!</span>|Efeito mentira leve trollagem]]
[[<span>Não quero usar essa mensagem!</span>|Mensagem 2 trollagem]]
</div>
</div><div class="passagem center-stuff" id="cinematic">
<span>Com isso, a população começou a acreditar que existe uma manipulação escondida pelo governo de
Siqueira e nossa estimativa de votos aumentou!</span>
<div class="button-col">
[[<span>Perfeito, ainda bem que deu certo!</span>|Reação 1 msgs]]
</div></div>
(set: $apoio to (round: $apoio + $MentiraLeve))
(set: $imprensa to $imprensa + 10)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script>(display: "HUD")
<div class="passagem">
<span>Falar a verdade contribuiu para acalmar os ânimos das pessoas. As escolas estão funcionando
normalmente. Os estudantes, pais e professores parecem estar mais calmos e menos preocupados.</span>
<div class="button-row">
[[<span>Continuar</span>|Ataque Siqueira polarização]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span>Perfeito! A publicação teve uma boa repercussão. O assunto virou pauta na imprensa, que começou a
noticiar sobre o currículo da mulher. </span>
<div class="button-row">
[[<span>Continuar</span>|Ataque Siqueira Falso especialista]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span>Muito bem! Nossa nota esclarecendo as coisas nos rendeu espaço na mídia. Além disso, muitas pessoas
deixaram de acreditar que era o Siqueira no vídeo.</span>
<div class="button-row">
[[<span>Continuar</span>|Ataque Siqueira trollagem]]
</div>
</div><div class="passagem center-stuff"
id="cinematic">
<span>Vídeo disseminado. O efeito já está acontecendo. Muitos estão achando que é verdade e estão com receio
das consequências econômicas. </span>
<div class="button-col">
[[<span>Muito bom!</span>|Reação 1 msgs Falso especialista]]
</div></div>
(set: $apoio to (round: $apoio + $MentiraLeve))
(set: $imprensa to $imprensa + 10)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div
class="passagem center-stuff" id="cinematic">
<span>Mentira espalhada com sucesso. As publicações viralizaram na internet e as pessoas acham que é
realmente o Siqueira no vídeo.</span>
<div class="button-col">
[[<span>Muito bom!</span>|Reação 2 msgs Falso especialista]]
</div></div>
(set: $apoio to (round: $apoio + $MentiraLeve))
(set: $imprensa to $imprensa + 10)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div
class="passagem center-stuff" id="cinematic">
<span>Deu certo! Mais pessoas estão acreditando que as escolas realmente serão privatizadas pelo governo do
Siqueira. Com isso, nossa estimativa de votos cresceu!</span>
<div class="button-col">
[[<span>Muito bom!</span>|Reação 1 msgs polarização]]
</div></div>
(set: $apoio to (round: $apoio + $MentiraLeve))
(set: $imprensa to $imprensa + 10)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div
class="passagem center-stuff" id="cinematic">
<span>Deu certo! Mais pessoas estão acreditando que as escolas realmente serão privatizadas pelo governo do
Siqueira. Com isso, nossa estimativa de votos cresceu!</span>
<div class="button-col">
[[<span>Muito bom!</span>|Reação 2 msgs polarização]]
</div></div>
(set: $apoio to (round: $apoio + $MentiraLeve))
(set: $imprensa to $imprensa + 10)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div
class="passagem center-stuff" id="cinematic">
<span>Mentira espalhada com sucesso. As publicações viralizaram na internet e as pessoas acham que é
realmente o Siqueira no vídeo.</span>
<div class="button-col">
[[<span>Excelente!</span>|Reação 1 msgs trollagem]]
</div></div>
(set: $apoio to (round: $apoio + $MentiraLeve))
(set: $imprensa to $imprensa + 10)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div
class="passagem center-stuff" id="cinematic">
<span>Mentira espalhada com sucesso. As publicações viralizaram na internet e as pessoas acham que é
realmente o Siqueira no vídeo.</span>
<div class="button-col">
[[<span>Excelente!</span>|Reação 2 msgs trollagem]]
</div></div>
(set: $apoio to (round: $apoio + $MentiraLeve))
(set: $imprensa to $imprensa + 10)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div class="passagem">
<span>Com o nível de tecnologia atual, criar áudios falsos de qualidade é simples. As ferramentas de IA
estão cada vez mais desenvolvidas.</span>
<span> As deepfakes criadas por IA estão bem realistas nos dias de hoje. Com isso a população acreditou no
áudio e acha que o Edu quis em algum momento se aproveitar do caos na saúde para ganho político.</span>
<div class="button-row">
[[<span>Prosseguir </span>|Consquência política verdade]]
</div>
</div>
(display: "HUD")<div class="passagem">
<span>Pois é... Agora muitas pessoas estão acreditando que o Edu vai entregar riquezas e terras do estado
para os estrangeiros.</span>
<span>Na verdade, tem gente dizendo que o Edu só desmentiu o vídeo para que ele possa fazer isso sem a
população contestar, caso seja eleito.</span>
<div class="button-row">
[[<span>Continuar</span>|Consequência política verdade falso especialista]]
</div>
(display: "HUD")<div class="passagem">
<span>Pois é... Acho que subestimamos o nosso adversário.</span>
<span> Com as ferramentas de IA que existem hoje, não é difícil criar imagens e áudios que parecem reais.
Desse jeito as pessoas acreditam com mais facilidade em desinformação.</span>
<div class="button-row">
[[<span>Continuar</span>|Consequência política verdade polarização]]
</div>
(display: "HUD")<div class="passagem">
<span>Parece que o Siqueira vai fazer qualquer coisa para vencer.</span>
<span> O vídeo ficou bem realista. Não é difícil fazer isso utilizando IA nos dias de hoje. Como
consequência, a população está acreditando que realmente é o Edu no vídeo.</span>
<div class="button-row">
[[<span>Continuar</span>|Consequência política verdade trollagem]]
</div>
(display: "HUD")(display: "HUD")
<div class="passagem">
O que você acha desse vídeo?
<center>
<iframe height="470px" src="./assets/images/video_1_siqueira_balada.mp4"
title="YouTube video player" frameborder="0" allow=""
allowfullscreen></iframe>
</center>
<div class="button-row">
[[<span>Perfeito, quero usar esse vídeo!</span>|Legenda 1 vídeo trollagem]]
[[<span>Não quero usar esse vídeo</span>|Escolha vídeo 2 trollagem]]
</div>
</div>(display: "HUD")
<div class="passagem">
E esse vídeo aqui então, o que acha?
<center>
<iframe height="470px" src="./assets/images/video_2_siqueira_balada.mp4"
title="YouTube video player" frameborder="0" allow=""
allowfullscreen></iframe>
</center>
<div class="button-row">
[[<span>Melhor, pode ser!</span>|Legenda 1 vídeo trollagem]]
[[<span>Não quero usar esse vídeo.</span>|Escolha vídeo 1 trollagem]]
</div>
</div>(display: "HUD")
<div class="passagem">
Qual desses áudios você prefere utilizar? Esse aqui fala que estão mentindo no prontuário sobre dengue.
<audio controls>
<source src="./assets/images/Áudio_mulher_doença_misteriosa.mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Quero usar esse áudio!</span>|Repercussão áudio 1]]
[[<span>Não quero usar esse áudio!</span>|Escolha áudio 2]]
</div>
</div>(display: "HUD")
<div class="passagem">
O que você acha desse áudio?
<audio controls>
<source src="./assets/images/Áudio_1_mulher_falsa_especialista.mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Excelente!</span>|Reação áudio 1 Falso especialista]]
[[<span>Não quero usar esse áudio</span>|Escolha áudio 2 Falso especialista]]
</div>
</div>(display: "HUD")
<div class="passagem">
O que você acha desse áudio aqui?.
<img src="./assets/images/contrato privatizações.png">
<audio controls>
<source src="./assets/images/Áudio_1_privatizações.mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Boa, vamos usá-lo!!</span>|Repercussão áudio 1 polarização]]
[[<span>Não quero usar esse áudio</span>|Escolha áudio 2 polarização]]
</div>
</div>(display: "HUD")
<div class="passagem">
Esse aqui é outro áudio que diz que as pessoas estão tendo reações por causa da vacina.
<audio controls>
<source src="./assets/images/Áudio_2_mulher_idosa_doença_misteriosa.mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Quero usar esse áudio!</span>|Repercussão áudio 2]]
[[<span>Não quero usar esse áudio.</span>|Escolha áudio 1]]
</div>
</div>(display: "HUD")
<div class="passagem">
E esse outro áudio, o que você acha?
<audio controls>
<source src="./assets/images/Áudio_2_mulher_falsa_especialista.mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Perfeito, quero esse!</span>|Repercussão áudio 2 Falso especialista]]
[[<span>Não quero usar esse áudio.</span>|Escolha áudio 1 Falso especialista]]
</div>
</div>(display: "HUD")
<div class="passagem">
Que tal esse aqui então?
<img src="./assets/images/contrato privatizações.png">
<audio controls>
<source src="./assets/images/Áudio_2_privatizações_(mulherBia).mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Vamos usar esse!</span>|Repercussão áudio 2 polarização]]
[[<span>Não quero usar esse áudio.</span>|Escolha áudio 1 polarização]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span id="off-center" class="button-row">Então, vou criar mensagens utilizando
Inteligência Artificial e usar bots para disparar elas em grupos de Whatsapp.</span>
<span id="off-center">Você precisa apenas escolher qual mensagem deseja disseminar.</span>
<div class="button-row">
[[<span>Saquei</span>|Disparo de msg]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span id="off-center" class="button-row">Claro! E é bem fácil na verdade. Com
Inteligência Artificial, fazer esse tipo de coisa é molezinha.</span>
<span id="off-center">Vou preparar os bots para que disparem o vídeo em diversos grupos e canais.
Depois, as pessoas vão compartilhando por conta própria e o negócio viraliza.</span>
<div class="button-row">
[[<span>Continuar</span>|Disparo de msg Falso especialista]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span id="off-center" class="button-row">Claro que é! Eu vou usar bots para disparar as
mensagens no Whatsapp e no Telegram. </span>
<span id="off-center">E vou montar elas como se a informação fosse de um jornal de
verdade. </span>
<div class="button-row">
[[<span>Continuar</span>|Explicação bots polarização 2]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span id="off-center" class="button-row">Hoje em dia, a tecnologia permite fazer esse
tipo de coisa. Vou te dar duas opções de mensagem e você escolhe a que prefere, ok? </span>
<div class="button-row">
[[<span>Ok!</span>|Disparo de msg polarização]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span id="off-center" class="button-row">Tem sim. Olha só: vou programar bots utilizando
Inteligência Artificial para criar centenas de perfis falsos e fazer a postagem neles. </span>
<span id="off-center">Com as ferramentas digitais e de IA que existem hoje é bem simples fazer
isso. E com o grande volume de postagens, o negócio vai viralizar. </span>
<div class="button-row">
[[<span>Continuar</span>|Disparo de msg trollagem]]
</div>
</div><div class="passagem">
<span>Com isso, a população passou a acreditar que o governo está tramando contra o povo e escondendo a
realidade das mortes para se beneficiar nas eleições</span>
<div class="button-row">
[[<span>Prosseguir </span>|Consquência mentira grave]]
</div>
</div>
(display: "HUD")<div class="passagem">
<span>As pessoas estão realmente achando que as privatizações vão acontecer. Por um lado, uma parte da
sociedade está preocupada e considera que a educação deve ser pública. </span>
<span>No entanto, uma parte da sociedade considera que a privatização pode melhorar a qualidade do
ensino. </span>
<div class="button-row">
[[<span>Prosseguir </span>|Consquência mentira grave polarização]]
</div>
</div>
(display: "HUD")<div class="passagem">
<span>O resultado foi ótimo. Muitas pessoas ficaram indignadas com o suposto comportamento inadequado do
Siqueira. As nossas estimativas de votos subiram e o assunto virou pauta principal na imprensa. </span>
<div class="button-row">
[[<span>Prosseguir </span>|Consquência mentira grave trollagem]]
</div>
</div>
(display: "HUD")<div class="passagem" style="align-items: center;">
<span>Deu muito certo! Como as pessoas acham que a mulher é uma autoridade no assunto, estão assustadas com
a possibilidade de perderem seus empregos.</span>
<img class="mobile-mockup" src="./assets/images/reação msg 1 falso especialista.png">
<div class="button-row">
[[<span>Ótimo!</span>|Consquência mentira grave Falso especialista]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))<div class="passagem" style="align-items: center;">
<span>Deu muito certo! Como as pessoas acham que a mulher é uma autoridade no assunto, estão assustadas com
a possibilidade de perderem seus empregos.</span>
<img class="mobile-mockup" src="./assets/images/reação msg 2 falso especialista.png">
<div class="button-row">
[[<span>Ótimo!</span>|Consquência mentira grave Falso especialista]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))<div class="passagem center-stuff"
id="cinematic" >
<span>A possibilidade de facções invadirem novas cidades causa medo na população e essa emoção, assim como a
raiva e a alegria, pode ser utilizada para manipular votos.</span>
<span>Geralmente marcados por termos chamativos, que remetem à urgência, esses conteúdos são associados à
técnica de manipulação denominada ''EMOÇÃO''</span>
<div class="button-row">
[[<span>Continuar</span>|PFIM]]
</div>
(display: "HUD")<div class="passagem center-stuff">
<span>Caos no abastecimento e no estoque de produtos e alimentos não era o efeito esperado. Mas
consequências inesperadas acontecem quando mentiras são promovidas.</span>
<div class="button-row">
[[<span>Caos na economia tão perto da eleição não era o que eu queria.</span>|Final Falso
Especialista]]
[[<span>Perder as eleições seria pior.</span>|Final Falso Especialista]]
</div>
</div>
(display: "HUD")<div class="passagem center-stuff">
<span>Pessoas inocentes sendo agredidas não estava nos objetivos, né?. Mas não temos como controlar as
consequências da desinformação.</span>
<div class="button-row">
[[<span>Me sinto culpado. Chega de desinformação.</span>|Final Trollagem]]
[[<span>Uma pena... Mas os fins justificam os meios.</span>|Final Trollagem]]
</div>
</div>
(display: "HUD")<div class="passagem center-stuff" id="cinematic" >
Parece que conspirar contra a saúde para ganhos políticos pode ter efeitos inesperados
<div class="button-col" class="consequencia-img">
[[<span>Talvez era melhor não compartilhar desinformação.</span>|Final Conspiração]]
[[<span>Pelo menos estamos com mais chance de ganhar!</span>|Final Conspiração]]
</div>
(display: "HUD")<div class="passagem center-stuff"
id="cinematic" >
Mexer com a economia pode gerar consequências imprevisíveis. Uma informação falsa contada por uma suposta
autoridade no assunto é capaz de deixar as pessoas preocupadas.
<div class="button-col" class="consequencia-img">
[[<span>Ferrar com a economia não estava nos planos.</span>|Final Falso Especialista]]
[[<span>A economia a gente arruma depois. Primeiro ganhamos as eleições!</span>|Final Falso
Especialista]]
</div>
(display: "HUD")<div class="passagem center-stuff"
id="cinematic" >
É... parece que desinformação sobre educação pode gerar indignação e levar a um conflito entre dois lados.
<div class="button-col" class="consequencia-img">
[[<span>Essa não era minha intenção! Não deviamos ter espalhado fake news.</span>|Final Polarização]]
[[<span>Mas assim estamos mais perto da vitória!</span>|Final Polarização]]
</div>
(display: "HUD")<div class="passagem center-stuff"
id="cinematic" >
A desinformação acabou alimentando um preconceito contra mulheres, contribuindo para o discurso de ódio nas redes
sociais.
<div class="button-col" class="consequencia-img">
[[<span>Não acredito, vamos parar com isso!</span>|Final Trollagem]]
[[<span>Os problemas a gente lida depois. Primeiro, vamos ganhar as eleições!</span>|Final Trollagem]]
</div>
(display: "HUD")<div class="passagem" id="text-column">
<span>
A campanha termina e as urnas são apuradas...
</span>
<div class="button-row">
(if: $TotalMentiras is 0)[
[[Continuar->Final Bom]]
]
(else-if: $TotalMentiras <= 3)[
[[Continuar->Final Ruim]]
]
(else:)[
[[Continuar->Final Muito Ruim]]
]
</div>
</div><div class="passagem" id="text-column">
<span>Nos dias seguintes, porém, o castelo de cartas começa a desmoronar. A Justiça Eleitoral, inundada com
provas incontestáveis coletadas por jornalistas e partidos políticos, age. O mandato de Marco Siqueira é
impugnado por uso abusivo e coordenado de desinformação durante a campanha eleitoral. A notícia é um terremoto
político: novas eleições são convocadas.</span>
<div class="button-row">
</div>
</div><div class="passagem" id="text-column">
<span>A credibilidade manchada afasta os eleitores indecisos. As consequências sociais das fake news que
você propagou são agora o motivo da falta de apoio. Assim, surge uma terceira via: um candidato que observou de
longe a guerra suja e agora se apresenta como a única opção verdadeiramente limpa. A população, exausta e
desiludida com ambos os lados, se volta para ele.</span>
<div class="button-row">
[[<span>Fim</span>|StartUp]]
</div>
</div><div class="passagem" id="text-column">
<span>A apuração termina. O resultado é duro: ''Marco Siqueira é reeleito'' com grande
maioria dos votos. Na sede da campanha de Edu Barbosa, o silêncio é pesado. A sensação é de que a honestidade não
foi suficiente. A verdade perdeu. A mentira venceu.</span>
<div class="button-row">
[[<span>Continuar</span>|Continua Final Bom]]
</div>
</div><div class="passagem center-stuff" id="cinematic" >
<span>A descrença nas instituições e na ciência gera um terreno fértil para explicações alternativas, nem
sempre baseadas na realidade. Essas explicações podem ser utilizadas para manipular a opinião
pública.</span>
<span>Geralmente, conteúdos que provocam dúvidas, inseguranças e minam a confiança em instituições e
autoridades são conteúdos relacionados à técnica de manipulação denominada
"''CONSPIRAÇÃO''".</span>
<div class="button-row">
[[<span>Continuar</span>|Milestone Conspiração]]
</div>
(display: "HUD")(display: "Header")
<div class="passagem center-stuff" id="cinematic" >
<span>Muitos conteúdos promovem indivíduos com credenciais falsas ou irrelevantes como se fossem autoridades
em um determinado tema, criando a ilusão de que há respaldo científico ou técnico para informações enganosas.
Esses tipos de conteúdos estão relacionados à técnica de manipulação denominada ''FALSO
ESPECIALISTA''.</span>
<div class="button-row">
[[<span>Continuar</span>|Milestone Falso Especialista]]
</div>
(display: "HUD")<div class="passagem" id="text-column">
<span>A cada porcentagem que aparece na tela, sua estratégia se prova mais eficaz. Quando o placar finaliza,
é oficial: ''Edu Barbosa é o novo governador!'' O seu candidato venceu Marco Siqueira. A vitória é
sua também!</span>
<div class="button-row">
[[<span>Continuar</span>|Continua Final Muito Ruim]]
</div>
</div>(display: "Header")
<div class="passagem center-stuff" id="cinematic" >
<span>Muitas vezes, informações, acontecimentos e situações podem dividir as opiniões das pessoas. Mas
quando isso é levado ao extremo, pode ser perigoso.
Geralmente, conteúdos que exacerba divisões políticas, promovendo uma narrativa de "nós contra eles",
eliminando o meio-termo e forçando as pessoas a escolherem lados opostos são conteúdos relacionados à técnica de
manipulação denominada ''POLARIZAÇÃO''.</span>
<div class="button-row">
[[<span>Continuar</span>|Milestone Polarização]]
</div><div class="passagem" id="text-column">
<span>A campanha termina e as urnas são apuradas. O resultado é uma decepção estrondosa: ''Marco
Siqueira é reeleito com a maioria dos votos''. Você e a equipe do Edu Barbosa assistem ao discurso de
vitória do adversário, uma celebração repleta de ataques velados. A sensação é de que outras escolhas deveriam ter
sido feitas na campanha.</span>
<div class="button-row">
[[<span>Continuar</span>|Continua Final Ruim]]
</div>
</div>(display: "Header")
<div class="passagem center-stuff" id="cinematic" >
<span>Fofocas e provocações fazem parte da vida, inclusive na política. Contudo, quando há mentira junto, os
efeitos para a sociedade podem ser negativos. Em muitos casos, conteúdos com o uso de provocações e/ou humor
online para desviar discussões e amplificar a desinformação são feitos por trolls. Trolls inflamam debates, criam
polêmicas e desviam o foco de questões importantes, muitas vezes espalhando fake news. Esses tipos de conteúdos
estão relacionados à técnica de manipulação denominada ''TROLLAGEM''.</span>
<div class="button-row">
[[<span>Continuar</span>|Milestone Trollagem]]
</div><div class="passagem">
''<span>Formulário Pós-Jogo</span>''
<span>Agora que você completou a experiência, sua missão final é nos ajudar a melhorar. Queremos tornar o
jogo ainda mais incrível e educativo para todos. Para isso, por favor, reserve apenas 3 minutinhos para responder
nosso formulário pós-jogo. Sua opinião é importante para nós!</span>
<button-link><a
href="https://docs.google.com/forms/d/1q349_CkdOhQwk3AVEl86R_ekK8A6Qi8HHyK9NH8-Bnw/edit?usp=drive_web&ouid=106395440168292789517"
target="_blank"><span>Quero Contribuir!</span></a></button-link>
<button-link>[[<span>Retornar ao menu|StartUp]]</button-link>
</div><div class="passagem">
''<span>Formulário Pré-Jogo</span>''
<span>Antes de iniciar a sua jornada, por favor, nos ajude a melhorar o jogo e a sua experiência. Preencha
esse formulário pré-jogo, é rapidinho e nos ajuda a ajustar alguns detalhes para que todos se divirtam e o combate
à desinformação seja mais efetivo.</span>
<button-link><a
href="https://docs.google.com/forms/d/1RKnNhfB5pgLa63ZmvI0cz7d5aNvO7TWhDDHzsweljbw/edit?usp=drive_web&ouid=106395440168292789517"
target="_blank"><span>Quero Contribuir!</span></a></button-link>
<button-link>[[<span>Pular para o jogo|TED]]</button-link>
</div><div class="passagem center-stuff">
Foto e áudio fake do Edu negociando com os chineses.
<audio controls>
<source src="./assets/images/Áudio_Edu_negociando_chineses.mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Não vamos ter 1 dia de paz nessa campanha?</span>|Ensinamento IA Falso especialista]]
[[<span>O Siqueira faz tudo para nos sabotar!</span>|Ensinamento IA Falso especialista]]
</div>
</div>
(display: "HUD")<div id="hud">
<div class="status-wrapper">
<div class="card-wrapper">
<div class="tooltip">
<span class="tooltip-icon">i</span>
<div class="tooltip-bubble">
O apoio é o indicador de pessoas que acreditam em sua campanha...
</div>
</div>
<div class="column-hud">
<av id="porcentagem-value">((print: (max: 0, $porcentagemApoio))%)</av>
<av id="apoio-value">(print: (max: 0, $apoio))</av>
<span>Apoio</span>
</div>
</div>
<div class="card-wrapper">
<div class="column-hud">
<av id="imprensa-value">(print: (max: 0, $imprensa))%</av>
<span>Imprensa</span>
</div>
<div class="tooltip">
<span class="tooltip-icon">i</span>
<div class="tooltip-bubble">
Esse indicador mostra a sua relevância na mídia...
</div>
</div>
</div>
</div>
</div>(display: "HUD")
<div class="passagem" id="off-center">
</div><!-- Connected Sites -->
<script>
if(window._mtmReady){
console.error('Connected sites script already loaded. You might have it dupplicated.');
} else {
window._mtmReady=true;
var _mtm = window._mtm = window._mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.defer=true; g.src='https://egoi.site/1782296_www.iagora.org.js?v='+new Date().getTime();
s.parentNode.insertBefore(g,s);
}
</script>
<!-- End Connected Sites -->
<button id="openFeedback" class="btn-forms">🧠 Feedback</button>
<div id="feedbackModal" aria-hidden="true" style="z-index:99;">
<div class="modalContent" role="dialog" aria-modal="true"
aria-labelledby="fb-title">
<button id="closeFeedback" class="close" aria-label="Fechar">✕</button>
<h3 id="fb-title">Envie seu feedback</h3>
<!-- Embed E-goi -->
<div class="eg-embed-le1me8g4W"></div>
<p class="hint">Seu feedback pode ser anônimo. Obrigado por jogar o Iagora! 💛</p>
</div>
</div<div class="passagem" id="text-column">
<span>Surgiu um forte boato no WhatsApp: uma fake news que mostra uma facção planejando expandir o
território para novas cidades do seu estado.</span>
<br><br>
<span>Você checou com amigos nas polícias que afirmaram que isso é falso.</span>
<br><br>
<span>Mas veja como a população tem reagido a esse boato nos grupos de WhatsApp:</span>
<div class="button-row">
[[<span>Averiguar mensagens!</span>|p-img1]]
</div>
</div>
(set: $apoio to 951364)
(set: $imprensa to 0)
(set: $populacaoTotal to 10151247)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(set: $MentiraGrave to 1421174 )
(set: $MentiraLeve to 1066880)
(set: $PerderApoio to 190831)<div class="passagem">
<span>Seja bem-vindo(a) ao "IAgora?"!</span>
<br><br>
<span>Nesta simulação, você coordenará uma campanha para eleger o próximo governador do seu
Estado!</span>
<div class="button-row">
<button-link>[[<span>Certo!</span>|Intro1.2]]</button-link>
<button-link>[[<span>Bora</span>|Intro1.2]]</button-link>
</div>
</div><div class="passagem">
Sua missão é garantir que o seu candidato vença as eleições a qualquer custo!
<div class="button-row">
<button-link>[[<span>Certo!</span>|Intro1.3]]</button-link>
<button-link>[[<span>Combinado</span>|Intro1.3]]</button-link>
</div>
</div><div class="passagem">
Durante a campanha, você vai utilizar táticas e técnicas desinformativas, inclusive envolvendo inteligência
artificial (IA), mesmo não sendo ético. Dessa forma, você vai entender como algumas campanhas podem tentar te
enganar.
<div class="button-row">
<button-link>[[<span>Entendi!</span>|Intro1.4]]</button-link>
<button-link>[[<span>Não tenho certeza...</span>|Intro1.4]]</button-link>
</div>
</div><div class="passagem">
Não se preocupe, você está em um ambiente seguro. Nada do que você faça no jogo afetará o mundo real, mas fique
atento para perceber que, provavelmente, em seu cotidiano, você já foi afetado por táticas que utilizará por aqui!
<div class="button-row">
<button-link>[[<span>Bora Ganhar!</span>|Intro1]]</button-link>
</div>
</div>(display: "Header")
<div class="passagem" id="text-column">
<span>Os hospitais públicos do estado estão cada vez mais lotados. Informações falsas viralizam nas redes
sociais alegando que um “surto de uma doença misteriosa” está ocorrendo, deixando cada vez mais pessoas
doentes.</span>
<br><br>
<span>Você e seu partido checam as informações emitidas pelos boletins oficiais dos hospitais e confirmam
que são casos de dengue, que está se tornando uma epidemia no estado.</span>
<br><br>
<span>Contudo, as pessoas estão preocupadas e acreditando em conspirações sobre uma nova
doença.</span>
<div class="button-row">
[[<span>Ver o que anda circulando</span>|Post no "X"]]
</div>
</div>(display: "Header")
<div class="passagem" id="text-column">
<span>Olhando suas redes sociais, você se depara com uma informação polêmica: "Escolas estaduais serão
vendidas para o setor privado, e passará a exigir mensalidade".</span>
<br><br>
<span>A narrativa cria certo espanto na população e um atrito entre "o povo que depende da educação
pública" e "os ricos que querem lucrar com a educação”.</span>
<br><br>
<span>Então, você confere com os seus contatos na rede pública de ensino e confirma não haver qualquer
proposta de privatização.</span>
<div class="button-row">
[[<span>Conferir o que estão comentando</span>|Telegram "Vizinhos do bairro"]]
</div>
</div><div class="passagem" id="text-column">
<span>Um vídeo de baixa qualidade, mas convincente, circula mostrando um homem muito parecido com o
Governador Marco Siqueira dançando com mulheres em uma balada. Apesar do vídeo ser verdadeiro, você checou com sua
equipe e confirma que não é o Siqueira.</span>
<br><br>
<span>Contudo, as pessoas estão acreditando que é o Siqueira no vídeo, causando reações diversas e também
negativas... Veja o que o povo anda comentando:</span>
<br><br>
<div class="button-row">
[[<span>Ver o que estão dizendo por aí</span>|Whatsapp grupo Trollagem]]
</div>
</div><div class="passagem" id="text-column">
<span>Está circulando na Internet um vídeo de uma mulher que diz ser uma renomada consultora internacional
de investimentos. No vídeo, ela alerta que empresas chinesas estão vindo para o estado explorar as terras e acabar
com a economia da região.</span>
<br><br>
<span>Você pesquisou junto com a sua equipe e descobriu que na verdade, a mulher é coach de marketing
digital e nunca trabalhou na área econômica. Ou seja, a informação é falsa, mas aparece em páginas como se fosse
fato.</span>
<br><br>
<div class="button-row">
[[<span>Ver como as pessoas estão reagindo</span>|Whatsapp grupo Falso Especialista]]
</div>
</div><div class="passagem">
<div class="main-body">
<div class="container">
<h1>Gostou da experiência?</h1>
<p>Inscreva-se aqui pra ser o primeiro a saber quando sair a nova versão. Vai valer a pena, prometemos!
😉</p>
<form>
<input type="text" name="nome" placeholder="Seu nome" required />
<input type="email" name="email" placeholder="Seu melhor e-mail" required />
<button type="submit">Quero ser avisado!</button>
</form>
</div>
</div>
<button-link>[[<span>Retornar ao Menu! <img
src="./assets/images/brain.svg"></span>|StartUp]]</button-link>
</div>(display: "HUD")
<div class="passagem">
Perfeito! Agora, para que o vídeo seja mais impactante, vamos fazer uma legenda chamativa e sensacionalista,
explicando o que o Siqueira está fazendo. Qual descrição você deseja?
<span>VÍDEO VAZADO: O VERDADEIRO MOTIVO DA FESTA! 🎥💰Não é só imoralidade. É CRIME. Enquanto o povo paga
impostos altos, o Governador Siqueira negocia propina com empreiteiros em suíte premium de balada. Eles riem da
nossa cara! Isso não é apenas um escândalo moral. É um ATAQUE AO POVO!</span>
<div class="button-row">
[[<span>Boa legenda!</span>|Repercussão 1 vídeo trollagem]]
[[<span>Não sei se gostei, tem outra?</span>|Legenda 2 vídeo trollagem]]
</div>
</div>(display: "HUD")
<div class="passagem">
E essa aqui então?
<span>A FARRA DO BOLSO DO POVO! 💸🕺Enquanto hospitais faltam remédio, o governador e seus amigos comemoram
novos contratos superfaturados COM DINHEIRO PÚBLICO. A festa é em suíte de balada e a conta quem paga somos nós. O
povo trabalhador bancando a vida de rei. CHEGA!</span>
<div class="button-row">
[[<span>Ótima!</span>|Repercussão 2 vídeo trollagem]]
[[<span>Acho que prefiro a outra mesmo</span>|Legenda 1 vídeo trollagem]]
</div>
</div><div class="passagem center-stuff">
<span id="title">E essa, que tal?</span>
<img class="mobile-mockup" src="./assets/images/disparo msg 2 falso especialista.png">
<div class="button-col">
[[<span>Boa, pode disparar!</span>|Efeito mentira leve Falso especialista 2]]
[[<span>Acho que prefiro a outra.</span>|Disparo de msg Falso especialista]]
</div>
</div><div class="passagem center-stuff">
<span id="title">Que tal essa mensagem aqui então?</span>
<img class="mobile-mockup" src="./assets/images/bot msg 2 polarização.png">
<div class="button-col">
[[<span>Gostei, pode ser!</span>|Efeito mentira leve polarização 2]]
[[<span>Acho que prefiro a outra.</span>|Disparo de msg polarização]]
</div>
</div><div class="passagem center-stuff">
<span id="title">Que tal essa mensagem aqui então?</span>
<img class="mobile-mockup" src="./assets/images/siqueira balda com mulheres 2.png">
<div class="button-col">
[[<span>Vamos usar essa!</span>|Efeito mentira leve trollagem 2]]
[[<span>Acho que prefiro a outra.</span>|Disparo de msg trollagem]]
</div>
</div><div class="passagem" id="cinematic">
<img class="mobile-mockup" src="./assets/images/bot msg desmentindo polarização.png">
<div class="button-row">
[[<span>Usar essa mensagem</span>|Efeito de desmentir]]
[[<span>Prefiro fazer um post no Instagram</span>|Post polarização Instagram]]
</div>
</div><div class="passagem center-stuff">
<span id="title">E dessa, o que acha?</span>
<img class="mobile-mockup" src="./assets/images/disparo msg 2 doença misteriosa.png">
<div class="button-col">
[[<span>Gostei, quero usar ela!</span>|E.msg]]
[[<span>Não quero usar essa mensagem!</span>|Disparo de msg]]
</div>
</div>(display: "HUD")
<div class="passagem">
Boa ideia! Podemos criar um áudio com IA fingindo ser uma mulher que supostamente sabe o que está acontecendo
dentro dos hospitais
<div class="button-row">
[[<span>Vamos fazer isso!</span>|Criar mentira grave]]
[[<span>Desinformação sobre saúde é algo perigoso, acho que melhor não...</span>|Verdade Consp]]
</div>
</div>(display: "HUD")
<div class="passagem">
Isso aí, ousadia! E se a gente simular a voz da mulher em um áudio feito por IA? No áudio, ela pode dizer que
outra grave consequência vai ser o desemprego em massa no estado.
<div class="button-row">
[[<span>Ótima ideia!</span>|Criar mentira grave Falso especialista]]
[[<span>Não acho legal mentir desse jeito.</span>|Verdade Falso especialista]]
</div>
</div>(display: "HUD")
<div class="passagem">
Show! Vamos usar programas de IA para criar uma imagem de um suposto contrato assinado pela Secretaria da
Educação, confirmando a privatização.
<span>Junto com a imagem do contrato, podemos fazer um áudio com voz realista de alguém da gestão da
Secretaria dizendo que já está tudo certo e que as escolas não serão mais públicas. O que acha?</span>
<div class="button-row">
[[<span>Ótima ideia!</span>|Criar mentira grave polarização]]
[[<span>Desinformação é um problema sério, não quero fazer isso.</span>|Verdade Polarização]]
</div>
</div>(display: "HUD")
<div class="passagem">
Aí sim, vamos jogar mais lenha na fogueira. Podemos criar um vídeo feito com IA que mostra o Siqueira junto com
supostos empresários negociando propina. O que acha?
<div class="button-row">
[[<span>Isso vai acabar com ele. Vamos!</span>|Criar mentira grave trollagem]]
[[<span>Mexer nisso pode ser um vespeiro perigoso. Melhor seguir com a verdade.</span>|Verdade
Trollagem]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span id="off-center" class="button-row">Momentos de crise são boas oportunidades para
atacar os adversários, principalmente em períodos eleitorais.</span>
<span id="off-center">Assim como na vida real, informações falsas se espalham mais rápido que a
verdade. Espalhar desinformação com bots nas redes sociais dizendo que o Siqueira é omisso pode ser bom para a
campanha.</span>
<div class="button-row">
[[<span>Bora espalhar</span>|Disparo de msg]]
[[<span>Como fazer isso?</span>|Explicação bots]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)(display:
"HUD")
<div class="passagem">
<span id="off-center" class="button-row">Perfeito. Se aproveitar do momento pode ser uma
boa.</span>
<span id="off-center">O que você acha de disseminar o vídeo em grupos de Whatsapp e Telegram
utilizando bots?</span>
<div class="button-row">
[[<span>Vamos!</span>|Disparo de msg Falso especialista]]
[[<span>Será que tem como fazer isso?</span>|Explicação bots Falso especialista]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)(display: "HUD")
<div class="passagem">
<span id="off-center" class="button-row">Ótima ideia! A gente pode surfar na onda da
desinformação</span>
<span id="off-center">O que você acha de disparar mensagens falsas nas redes sociais confirmando a
mentira? Podemos até mesmo fingir que a informação é de um jornal sério e confiável. Para dar credibilidade,
sabe?</span>
<div class="button-row">
[[<span>Gostei, vamos fazer isso!</span>|Disparo de msg polarização]]
[[<span>Isso é possível?</span>|Explicação bots polarização]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)(display: "HUD")
<div class="passagem">
<span id="off-center" class="button-row">Legal! Isso pode ser bom para a
campanha.</span>
<span id="off-center">Podemos fazer o seguinte: criar contas falsas em redes sociais como X e
Facebook e compartilhar o vídeo com uma legenda que fomente a polêmica. O que acha?</span>
<div class="button-row">
[[<span>Muito bom, bora!</span>|Disparo de msg trollagem]]
[[<span>Não sei se tem como fazer isso...</span>|Explicação bots trollagem]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)<script
src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
<div class="milestone">
<header class="milestone__header">
<div class="milestone__header-icon">
<img
src="data:image/svg+xml,%3csvg%20id='icon-medal'%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3crect%20id='Rectangle_4927'%20data-name='Rectangle%204927'%20width='40'%20height='40'%20fill='none'/%3e%3cg%20id='Group_2069'%20data-name='Group%202069'%20transform='translate(5.333%200)'%3e%3cg%20id='Group_2068'%20data-name='Group%202068'%3e%3cpath%20id='Path_102'%20data-name='Path%20102'%20d='M90.338,12.233,89.086,10.6c-.008-.138-.006-.344,0-.481,0-.084,0-.166,0-.245V7.7a3.577,3.577,0,0,0-2.815-3.42l-2.176-.627a.548.548,0,0,1-.3-.215L82.517,1.584A3.671,3.671,0,0,0,78.268.212l-2.14.761a.563.563,0,0,1-.377,0L73.611.212a3.671,3.671,0,0,0-4.249,1.372L68.086,3.439a.546.546,0,0,1-.263.2l-2.243.471c-.037.008-.074.017-.111.028a3.66,3.66,0,0,0-2.675,3.585V9.956c0,.08,0,.165,0,.251,0,.109.006.275,0,.38l-1.257,1.648a3.626,3.626,0,0,0,0,4.465L62.8,18.337c.006.105,0,.273,0,.4,0,.1,0,.209,0,.316v2.236a3.526,3.526,0,0,0,2.815,3.361l1.3.374V39.776l9.031-5.446,9.031,5.451V25.028l1.3-.374a4.212,4.212,0,0,0,2.815-3.905V18.59c0-.089,0-.209,0-.295l1.244-1.589A3.626,3.626,0,0,0,90.338,12.233ZM81.859,34.269h0L75.94,30.7l-5.92,3.57V28.073a3.668,3.668,0,0,0,3.591.649l2.14-.761a.562.562,0,0,1,.377,0l2.14.761a3.675,3.675,0,0,0,3.591-.649v6.2Zm6.025-19.48L86.5,16.553q-.039.05-.074.1a3.342,3.342,0,0,0-.454,1.934v2.178c0,.016,0,.032,0,.049a1.225,1.225,0,0,1-.566.847l-2.176.627a3.667,3.667,0,0,0-2,1.441l-1.276,1.855a.555.555,0,0,1-.644.2l-2.14-.761a3.685,3.685,0,0,0-2.461,0l-2.14.761a.555.555,0,0,1-.644-.2l-1.276-1.855a3.667,3.667,0,0,0-2-1.441l-2.176-.627a1.142,1.142,0,0,1-.566-.307c0-.015,0-.029,0-.044V19.057c0-.089,0-.177,0-.262a3.329,3.329,0,0,0-.561-2.245L64,14.8l-.009-.012a.521.521,0,0,1,0-.644l.012-.015,1.342-1.759a3.369,3.369,0,0,0,.559-2.227c0-.064,0-.127,0-.187V7.7q0-.024,0-.049a.562.562,0,0,1,.388-.514l2.244-.471q.056-.012.111-.028a3.668,3.668,0,0,0,2-1.441l1.276-1.855a.555.555,0,0,1,.644-.2l2.14.761a3.685,3.685,0,0,0,2.461,0l2.14-.761a.555.555,0,0,1,.644.2L81.23,5.2a3.667,3.667,0,0,0,2,1.441l2.177.627c.133.038.565.182.565.431V9.879c0,.066,0,.135,0,.206a3.336,3.336,0,0,0,.6,2.352l1.3,1.7.009.011A.521.521,0,0,1,87.884,14.789Z'%20transform='translate(-60.77%200.001)'%20fill='%23ccff33'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"
alt="Medalha" />
</div>
<h2 class="milestone__header-title">Parabéns</h2>
<p class="milestone__header-description">Nova técnica dominada</p>
</header>
<article class="milestone__content">
<div class="milestone__icon" style="position: relative;">
<img class="milestone__icon-image" src="./assets/images/brain_study.svg"
alt="Cérebro lendo">
<div class="eye-container">
<img class="eye-icon"
src="./assets/images/conspiracao_icon.svg"
alt="Olho" />
</div>
</div>
<h1 class="milestone__title">CONSPIRAÇÃO</h1>
<p class="milestone__description">Envolve a criação ou promoção de teorias sobre tramas secretas
sem evidências concretas, com o objetivo de alimentar desconfiança e deslegitimar adversários políticos. Exemplo
comum é a alegação de fraudes eleitorais sem provas.</p>
[[<span>Continuar</span>|Início técnica 3]]
</article>
<div id="recomendacao-wrapper">
<p id="recomendacao">
''Recomendação:'' Verifique sempre as fontes e busque evidências claras e verificáveis. Use
ferramentas de checagem de fatos, como a Lupa, e desconfie de narrativas que envolvem conspirações sem base
factual. Informações confiáveis vêm de fontes oficiais, de jornalistas experientes e de sites confiáveis como a
Politize!.
</p>
</div>
</div>
<script>
!function(t,e){!function t(e,n,a,i){var
o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function
r(){}function l(t){var a=n.exports.Promise,i=void 0!==a?a:e.Promise;return"function"==typeof i?new
i(t):(t(r,r),null)}var c,s,u,h,f,d,m,g,b,v=(u=Math.floor(1e3/60),h={},f=0,"function"==typeof
requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(c=function(t){var
e=Math.random();return h[e]=requestAnimationFrame((function n(a){f===a||f+u-1<a?(f=a,delete
h[e],t()):h[e]=requestAnimationFrame(n)})),e},s=function(t){h[t]&&cancelAnimationFrame(h[t])}):(c=function(t){return
setTimeout(t,u)},s=function(t){return clearTimeout(t)}),{frame:c,cancel:s}),M=(g={},function(){if(d)return
d;if(!a&&o){var e=["var CONFETTI, SIZE = {}, module =
{};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg)
{"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if
(msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }","
});"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," }
else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height =
msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width =
msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI =
module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{d=new
Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof
console&&"function"==typeof console.warn&&console.warn("🎊 Could not load
worker",t),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var
n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(n,a,i){if(m)return e(n,null),m;var
o=Math.random().toString(36).slice(2);return m=l((function(a){function r(e){e.data.callback===o&&(delete
g[o],t.removeEventListener("message",r),m=null,i(),a())}t.addEventListener("message",r),e(n,o),g[o]=r.bind(null,{data:{callback:o}})}))},t.reset=function(){for(var
e in t.postMessage({reset:!0}),g)g[e](),delete g[e]}}(d)}return
d}),p={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function
y(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:p[e],n)}function w(t){return
t<0?0:Math.floor(t)}function x(t){return parseInt(t,16)}function C(t){return t.map(T)}function T(t){var
e=String(t).replace(/[^0-9a-f]/gi,"");return
e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:x(e.substring(0,2)),g:x(e.substring(2,4)),b:x(e.substring(4,6))}}function
I(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function k(t){var
e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function E(t,e,n,o,r){var
c,s,u=e.slice(),h=t.getContext("2d"),f=l((function(e){function
l(){c=s=null,h.clearRect(0,0,o.width,o.height),r(),e()}c=v.frame((function
e(){!a||o.width===i.width&&o.height===i.height||(o.width=t.width=i.width,o.height=t.height=i.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),h.clearRect(0,0,o.width,o.height),u=u.filter((function(t){return
function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var
n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,i=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,r=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+",
"+e.color.g+", "+e.color.b+",
"+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,i,o,r,l,c){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,i),t.arc(0,0,1,r,l,c),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else
if("star"===e.shape)for(var
l=Math.PI/2*3,c=4*e.scalar,s=8*e.scalar,u=e.x,h=e.y,f=5,d=Math.PI/f;f--;)u=e.x+Math.cos(l)*s,h=e.y+Math.sin(l)*s,t.lineTo(u,h),l+=d,u=e.x+Math.cos(l)*c,h=e.y+Math.sin(l)*c,t.lineTo(u,h),l+=d;else
t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(i)),t.lineTo(Math.floor(o),Math.floor(r)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return
t.closePath(),t.fill(),e.tick<e.totalTicks}(h,t)})),u.length?c=v.frame(e):l()})),s=l}));return{addFettis:function(t){return
u=u.concat(t),f},canvas:t,promise:f,reset:function(){c&&v.cancel(c),s&&s()}}}function S(t,n){var
a,i=!t,r=!!y(n||{},"resize"),c=y(n,"disableForReducedMotion",Boolean),s=o&&!!y(n||{},"useWorker")?M():null,u=i?I:k,h=!(!t||!s)&&!!t.__confetti_initialized,f="function"==typeof
matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function d(e,n,i){for(var
o,r,l,c,s,h=y(e,"particleCount",w),f=y(e,"angle",Number),d=y(e,"spread",Number),m=y(e,"startVelocity",Number),g=y(e,"decay",Number),b=y(e,"gravity",Number),v=y(e,"drift",Number),M=y(e,"colors",C),p=y(e,"ticks",Number),x=y(e,"shapes"),T=y(e,"scalar"),I=function(t){var
e=y(t,"origin",Object);return
e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),k=h,S=[],F=t.width*I.x,N=t.height*I.y;k--;)S.push((o={x:F,y:N,angle:f,spread:d,startVelocity:m,color:M[k%M.length],shape:x[(c=0,s=x.length,Math.floor(Math.random()*(s-c))+c)],ticks:p,decay:g,gravity:b,drift:v,scalar:T},r=void
0,l=void
0,r=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-r+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return
a?a.addFettis(S):(a=E(t,S,u,n,i)).promise}function m(n){var
o=c||y(n,"disableForReducedMotion",Boolean),m=y(n,"zIndex",Number);if(o&&f)return
l((function(t){t()}));i&&a?t=a.canvas:i&&!t&&(t=function(t){var
e=document.createElement("canvas");return
e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),r&&!h&&u(t);var
g={width:t.width,height:t.height};function b(){if(s){var e={getBoundingClientRect:function(){if(!i)return
t.getBoundingClientRect()}};return u(e),void
s.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function
v(){a=null,r&&e.removeEventListener("resize",b),i&&t&&(document.body.removeChild(t),t=null,h=!1)}return
s&&!h&&s.init(t),h=!0,s&&(t.__confetti_initialized=!0),r&&e.addEventListener("resize",b,!1),s?s.fire(n,g,v):d(n,g,v)}return
m.reset=function(){s&&s.reset(),a&&a.reset()},m}function F(){return
b||(b=S(null,{useWorker:!0,resize:!0})),b}n.exports=function(){return
F().apply(this,arguments)},n.exports.reset=function(){F().reset()},n.exports.create=S}(function(){return void
0!==t?t:"undefined"!=typeof self?self:this||{}}(),e,!1),t.confetti=e.exports}(window,{});
//# sourceMappingURL=/sm/6de00f2697a1683b235e589897df757a94e6809643432a9e3ad259420752442d.map
var count = 200;
var realisticDefaults = {
spread: 360,
ticks: 200, // Aumentado para maior duração
gravity: 0.1, // Ajustado para maior distância
decay: 0.90, // Reduzido para maior duração
startVelocity: 50, // Aumentado para maior distância
colors: ['FFE400', 'FFBD00', '9DDE00', '82CD00', '39CC00',
'2EC700']
};
function fireRealistic(originOpts) {
// Explosão de base com muitos confetes
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.25),
spread: 26,
startVelocity: 55,
shapes: ['square'] // Confetes quadrados
});
// Explosão secundária com menos confetes e maior espalhamento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.20),
spread: 60,
shapes: ['square'] // Confetes quadrados
});
// Explosão com decaimento mais rápido e confetes menores
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.35),
spread: 100,
decay: 0.91,
scalar: 0.8,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade baixa e decaimento mais lento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 25,
decay: 0.92,
scalar: 1.2,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade média
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 45,
shapes: ['square'] // Confetes quadrados
});
}
// Explosão 1: Centro inferior
setTimeout(function() {
fireRealistic({ origin: { x: 0.5, y: 1 } }); // Centro inferior
}, 0);
// Explosão 2: Canto inferior esquerdo
setTimeout(function() {
fireRealistic({ origin: { x: 0, y: 1 } }); // Canto inferior esquerdo
}, 250);
// Explosão 3: Canto inferior direito
setTimeout(function() {
fireRealistic({ origin: { x: 1, y: 1 } }); // Canto inferior direito
}, 500);
</script><script
src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
<div class="milestone">
<header class="milestone__header">
<div class="milestone__header-icon">
<img
src="data:image/svg+xml,%3csvg%20id='icon-medal'%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3crect%20id='Rectangle_4927'%20data-name='Rectangle%204927'%20width='40'%20height='40'%20fill='none'/%3e%3cg%20id='Group_2069'%20data-name='Group%202069'%20transform='translate(5.333%200)'%3e%3cg%20id='Group_2068'%20data-name='Group%202068'%3e%3cpath%20id='Path_102'%20data-name='Path%20102'%20d='M90.338,12.233,89.086,10.6c-.008-.138-.006-.344,0-.481,0-.084,0-.166,0-.245V7.7a3.577,3.577,0,0,0-2.815-3.42l-2.176-.627a.548.548,0,0,1-.3-.215L82.517,1.584A3.671,3.671,0,0,0,78.268.212l-2.14.761a.563.563,0,0,1-.377,0L73.611.212a3.671,3.671,0,0,0-4.249,1.372L68.086,3.439a.546.546,0,0,1-.263.2l-2.243.471c-.037.008-.074.017-.111.028a3.66,3.66,0,0,0-2.675,3.585V9.956c0,.08,0,.165,0,.251,0,.109.006.275,0,.38l-1.257,1.648a3.626,3.626,0,0,0,0,4.465L62.8,18.337c.006.105,0,.273,0,.4,0,.1,0,.209,0,.316v2.236a3.526,3.526,0,0,0,2.815,3.361l1.3.374V39.776l9.031-5.446,9.031,5.451V25.028l1.3-.374a4.212,4.212,0,0,0,2.815-3.905V18.59c0-.089,0-.209,0-.295l1.244-1.589A3.626,3.626,0,0,0,90.338,12.233ZM81.859,34.269h0L75.94,30.7l-5.92,3.57V28.073a3.668,3.668,0,0,0,3.591.649l2.14-.761a.562.562,0,0,1,.377,0l2.14.761a3.675,3.675,0,0,0,3.591-.649v6.2Zm6.025-19.48L86.5,16.553q-.039.05-.074.1a3.342,3.342,0,0,0-.454,1.934v2.178c0,.016,0,.032,0,.049a1.225,1.225,0,0,1-.566.847l-2.176.627a3.667,3.667,0,0,0-2,1.441l-1.276,1.855a.555.555,0,0,1-.644.2l-2.14-.761a3.685,3.685,0,0,0-2.461,0l-2.14.761a.555.555,0,0,1-.644-.2l-1.276-1.855a3.667,3.667,0,0,0-2-1.441l-2.176-.627a1.142,1.142,0,0,1-.566-.307c0-.015,0-.029,0-.044V19.057c0-.089,0-.177,0-.262a3.329,3.329,0,0,0-.561-2.245L64,14.8l-.009-.012a.521.521,0,0,1,0-.644l.012-.015,1.342-1.759a3.369,3.369,0,0,0,.559-2.227c0-.064,0-.127,0-.187V7.7q0-.024,0-.049a.562.562,0,0,1,.388-.514l2.244-.471q.056-.012.111-.028a3.668,3.668,0,0,0,2-1.441l1.276-1.855a.555.555,0,0,1,.644-.2l2.14.761a3.685,3.685,0,0,0,2.461,0l2.14-.761a.555.555,0,0,1,.644.2L81.23,5.2a3.667,3.667,0,0,0,2,1.441l2.177.627c.133.038.565.182.565.431V9.879c0,.066,0,.135,0,.206a3.336,3.336,0,0,0,.6,2.352l1.3,1.7.009.011A.521.521,0,0,1,87.884,14.789Z'%20transform='translate(-60.77%200.001)'%20fill='%23ccff33'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"
alt="Medalha" />
</div>
<h2 class="milestone__header-title">Parabéns</h2>
<p class="milestone__header-description">Nova técnica dominada</p>
</header>
<article class="milestone__content">
<div class="milestone__icon" style="position: relative;">
<img class="milestone__icon-image" src="./assets/images/brain_study.svg"
alt="Cérebro lendo">
<div class="eye-container">
<img class="eye-icon"
src="./assets/images/conspiracao_icon.svg"
alt="Olho" />
</div>
</div>
<h1 class="milestone__title">FALSO ESPECIALISTA</h1>
<p class="milestone__description">Promove indivíduos com credenciais falsas ou irrelevantes como
se fossem autoridades em um determinado tema, criando a ilusão de que há respaldo científico ou técnico para
informações enganosas.</p>
[[<span>Continuar</span>|Finais do Jogo]]
</article>
<div id="recomendacao-wrapper">
<p id="recomendacao">
''Recomendação:''Verifique as credenciais de especialistas citados. Pesquise se a pessoa tem
autoridade no tema e utilize sites confiáveis, como Google Scholar, para confirmar a expertise real. Além de
verificadores de fatos como a Lupa. Isso ajuda a evitar ser enganado por falsos especialistas que distorcem os
fatos.
</p>
</div>
</div>
<script>
!function(t,e){!function t(e,n,a,i){var
o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function
r(){}function l(t){var a=n.exports.Promise,i=void 0!==a?a:e.Promise;return"function"==typeof i?new
i(t):(t(r,r),null)}var c,s,u,h,f,d,m,g,b,v=(u=Math.floor(1e3/60),h={},f=0,"function"==typeof
requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(c=function(t){var
e=Math.random();return h[e]=requestAnimationFrame((function n(a){f===a||f+u-1<a?(f=a,delete
h[e],t()):h[e]=requestAnimationFrame(n)})),e},s=function(t){h[t]&&cancelAnimationFrame(h[t])}):(c=function(t){return
setTimeout(t,u)},s=function(t){return clearTimeout(t)}),{frame:c,cancel:s}),M=(g={},function(){if(d)return
d;if(!a&&o){var e=["var CONFETTI, SIZE = {}, module =
{};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg)
{"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if
(msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }","
});"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," }
else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height =
msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width =
msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI =
module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{d=new
Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof
console&&"function"==typeof console.warn&&console.warn("🎊 Could not load
worker",t),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var
n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(n,a,i){if(m)return e(n,null),m;var
o=Math.random().toString(36).slice(2);return m=l((function(a){function r(e){e.data.callback===o&&(delete
g[o],t.removeEventListener("message",r),m=null,i(),a())}t.addEventListener("message",r),e(n,o),g[o]=r.bind(null,{data:{callback:o}})}))},t.reset=function(){for(var
e in t.postMessage({reset:!0}),g)g[e](),delete g[e]}}(d)}return
d}),p={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function
y(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:p[e],n)}function w(t){return
t<0?0:Math.floor(t)}function x(t){return parseInt(t,16)}function C(t){return t.map(T)}function T(t){var
e=String(t).replace(/[^0-9a-f]/gi,"");return
e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:x(e.substring(0,2)),g:x(e.substring(2,4)),b:x(e.substring(4,6))}}function
I(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function k(t){var
e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function E(t,e,n,o,r){var
c,s,u=e.slice(),h=t.getContext("2d"),f=l((function(e){function
l(){c=s=null,h.clearRect(0,0,o.width,o.height),r(),e()}c=v.frame((function
e(){!a||o.width===i.width&&o.height===i.height||(o.width=t.width=i.width,o.height=t.height=i.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),h.clearRect(0,0,o.width,o.height),u=u.filter((function(t){return
function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var
n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,i=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,r=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+",
"+e.color.g+", "+e.color.b+",
"+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,i,o,r,l,c){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,i),t.arc(0,0,1,r,l,c),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else
if("star"===e.shape)for(var
l=Math.PI/2*3,c=4*e.scalar,s=8*e.scalar,u=e.x,h=e.y,f=5,d=Math.PI/f;f--;)u=e.x+Math.cos(l)*s,h=e.y+Math.sin(l)*s,t.lineTo(u,h),l+=d,u=e.x+Math.cos(l)*c,h=e.y+Math.sin(l)*c,t.lineTo(u,h),l+=d;else
t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(i)),t.lineTo(Math.floor(o),Math.floor(r)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return
t.closePath(),t.fill(),e.tick<e.totalTicks}(h,t)})),u.length?c=v.frame(e):l()})),s=l}));return{addFettis:function(t){return
u=u.concat(t),f},canvas:t,promise:f,reset:function(){c&&v.cancel(c),s&&s()}}}function S(t,n){var
a,i=!t,r=!!y(n||{},"resize"),c=y(n,"disableForReducedMotion",Boolean),s=o&&!!y(n||{},"useWorker")?M():null,u=i?I:k,h=!(!t||!s)&&!!t.__confetti_initialized,f="function"==typeof
matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function d(e,n,i){for(var
o,r,l,c,s,h=y(e,"particleCount",w),f=y(e,"angle",Number),d=y(e,"spread",Number),m=y(e,"startVelocity",Number),g=y(e,"decay",Number),b=y(e,"gravity",Number),v=y(e,"drift",Number),M=y(e,"colors",C),p=y(e,"ticks",Number),x=y(e,"shapes"),T=y(e,"scalar"),I=function(t){var
e=y(t,"origin",Object);return
e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),k=h,S=[],F=t.width*I.x,N=t.height*I.y;k--;)S.push((o={x:F,y:N,angle:f,spread:d,startVelocity:m,color:M[k%M.length],shape:x[(c=0,s=x.length,Math.floor(Math.random()*(s-c))+c)],ticks:p,decay:g,gravity:b,drift:v,scalar:T},r=void
0,l=void
0,r=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-r+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return
a?a.addFettis(S):(a=E(t,S,u,n,i)).promise}function m(n){var
o=c||y(n,"disableForReducedMotion",Boolean),m=y(n,"zIndex",Number);if(o&&f)return
l((function(t){t()}));i&&a?t=a.canvas:i&&!t&&(t=function(t){var
e=document.createElement("canvas");return
e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),r&&!h&&u(t);var
g={width:t.width,height:t.height};function b(){if(s){var e={getBoundingClientRect:function(){if(!i)return
t.getBoundingClientRect()}};return u(e),void
s.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function
v(){a=null,r&&e.removeEventListener("resize",b),i&&t&&(document.body.removeChild(t),t=null,h=!1)}return
s&&!h&&s.init(t),h=!0,s&&(t.__confetti_initialized=!0),r&&e.addEventListener("resize",b,!1),s?s.fire(n,g,v):d(n,g,v)}return
m.reset=function(){s&&s.reset(),a&&a.reset()},m}function F(){return
b||(b=S(null,{useWorker:!0,resize:!0})),b}n.exports=function(){return
F().apply(this,arguments)},n.exports.reset=function(){F().reset()},n.exports.create=S}(function(){return void
0!==t?t:"undefined"!=typeof self?self:this||{}}(),e,!1),t.confetti=e.exports}(window,{});
//# sourceMappingURL=/sm/6de00f2697a1683b235e589897df757a94e6809643432a9e3ad259420752442d.map
var count = 200;
var realisticDefaults = {
spread: 360,
ticks: 200, // Aumentado para maior duração
gravity: 0.1, // Ajustado para maior distância
decay: 0.90, // Reduzido para maior duração
startVelocity: 50, // Aumentado para maior distância
colors: ['FFE400', 'FFBD00', '9DDE00', '82CD00', '39CC00',
'2EC700']
};
function fireRealistic(originOpts) {
// Explosão de base com muitos confetes
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.25),
spread: 26,
startVelocity: 55,
shapes: ['square'] // Confetes quadrados
});
// Explosão secundária com menos confetes e maior espalhamento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.20),
spread: 60,
shapes: ['square'] // Confetes quadrados
});
// Explosão com decaimento mais rápido e confetes menores
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.35),
spread: 100,
decay: 0.91,
scalar: 0.8,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade baixa e decaimento mais lento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 25,
decay: 0.92,
scalar: 1.2,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade média
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 45,
shapes: ['square'] // Confetes quadrados
});
}
// Explosão 1: Centro inferior
setTimeout(function() {
fireRealistic({ origin: { x: 0.5, y: 1 } }); // Centro inferior
}, 0);
// Explosão 2: Canto inferior esquerdo
setTimeout(function() {
fireRealistic({ origin: { x: 0, y: 1 } }); // Canto inferior esquerdo
}, 250);
// Explosão 3: Canto inferior direito
setTimeout(function() {
fireRealistic({ origin: { x: 1, y: 1 } }); // Canto inferior direito
}, 500);
</script><script
src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
<div class="milestone">
<header class="milestone__header">
<div class="milestone__header-icon">
<img
src="data:image/svg+xml,%3csvg%20id='icon-medal'%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3crect%20id='Rectangle_4927'%20data-name='Rectangle%204927'%20width='40'%20height='40'%20fill='none'/%3e%3cg%20id='Group_2069'%20data-name='Group%202069'%20transform='translate(5.333%200)'%3e%3cg%20id='Group_2068'%20data-name='Group%202068'%3e%3cpath%20id='Path_102'%20data-name='Path%20102'%20d='M90.338,12.233,89.086,10.6c-.008-.138-.006-.344,0-.481,0-.084,0-.166,0-.245V7.7a3.577,3.577,0,0,0-2.815-3.42l-2.176-.627a.548.548,0,0,1-.3-.215L82.517,1.584A3.671,3.671,0,0,0,78.268.212l-2.14.761a.563.563,0,0,1-.377,0L73.611.212a3.671,3.671,0,0,0-4.249,1.372L68.086,3.439a.546.546,0,0,1-.263.2l-2.243.471c-.037.008-.074.017-.111.028a3.66,3.66,0,0,0-2.675,3.585V9.956c0,.08,0,.165,0,.251,0,.109.006.275,0,.38l-1.257,1.648a3.626,3.626,0,0,0,0,4.465L62.8,18.337c.006.105,0,.273,0,.4,0,.1,0,.209,0,.316v2.236a3.526,3.526,0,0,0,2.815,3.361l1.3.374V39.776l9.031-5.446,9.031,5.451V25.028l1.3-.374a4.212,4.212,0,0,0,2.815-3.905V18.59c0-.089,0-.209,0-.295l1.244-1.589A3.626,3.626,0,0,0,90.338,12.233ZM81.859,34.269h0L75.94,30.7l-5.92,3.57V28.073a3.668,3.668,0,0,0,3.591.649l2.14-.761a.562.562,0,0,1,.377,0l2.14.761a3.675,3.675,0,0,0,3.591-.649v6.2Zm6.025-19.48L86.5,16.553q-.039.05-.074.1a3.342,3.342,0,0,0-.454,1.934v2.178c0,.016,0,.032,0,.049a1.225,1.225,0,0,1-.566.847l-2.176.627a3.667,3.667,0,0,0-2,1.441l-1.276,1.855a.555.555,0,0,1-.644.2l-2.14-.761a3.685,3.685,0,0,0-2.461,0l-2.14.761a.555.555,0,0,1-.644-.2l-1.276-1.855a3.667,3.667,0,0,0-2-1.441l-2.176-.627a1.142,1.142,0,0,1-.566-.307c0-.015,0-.029,0-.044V19.057c0-.089,0-.177,0-.262a3.329,3.329,0,0,0-.561-2.245L64,14.8l-.009-.012a.521.521,0,0,1,0-.644l.012-.015,1.342-1.759a3.369,3.369,0,0,0,.559-2.227c0-.064,0-.127,0-.187V7.7q0-.024,0-.049a.562.562,0,0,1,.388-.514l2.244-.471q.056-.012.111-.028a3.668,3.668,0,0,0,2-1.441l1.276-1.855a.555.555,0,0,1,.644-.2l2.14.761a3.685,3.685,0,0,0,2.461,0l2.14-.761a.555.555,0,0,1,.644.2L81.23,5.2a3.667,3.667,0,0,0,2,1.441l2.177.627c.133.038.565.182.565.431V9.879c0,.066,0,.135,0,.206a3.336,3.336,0,0,0,.6,2.352l1.3,1.7.009.011A.521.521,0,0,1,87.884,14.789Z'%20transform='translate(-60.77%200.001)'%20fill='%23ccff33'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"
alt="Medalha" />
</div>
<h2 class="milestone__header-title">Parabéns</h2>
<p class="milestone__header-description">Nova técnica dominada</p>
</header>
<article class="milestone__content">
<div class="milestone__icon" style="position: relative;">
<img class="milestone__icon-image" src="./assets/images/brain_study.svg"
alt="Cérebro lendo">
<div class="eye-container">
<img class="eye-icon"
src="./assets/images/conspiracao_icon.svg"
alt="Olho" />
</div>
</div>
<h1 class="milestone__title">POLARIZAÇÃO</h1>
<p class="milestone__description">Exacerba divisões políticas, promovendo uma narrativa de
"nós contra eles", eliminando o meio-termo e forçando as pessoas a escolherem lados opostos. Isso
simplifica debates complexos, reforçando as divisões.</p>
[[<span>Continuar</span>|Início técnica 4]]
</article>
<div id="recomendacao-wrapper">
<p id="recomendacao">
''Recomendações:'' Busque fontes de informação plural que apresentem diferentes lados de uma
questão, como o site da Politize!. Evite compartilhar conteúdos que alimentam divisões e tente dialogar com
pessoas que têm pontos de vista diversos, para ampliar sua compreensão dos problemas.
</p>
<p id="recomendacao">
Manter tom crítico para não cair em informações convincentes que se adequam facilmente ao seu ponto de vista.
</p>
</div>
</div>
<script>
!function(t,e){!function t(e,n,a,i){var
o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function
r(){}function l(t){var a=n.exports.Promise,i=void 0!==a?a:e.Promise;return"function"==typeof i?new
i(t):(t(r,r),null)}var c,s,u,h,f,d,m,g,b,v=(u=Math.floor(1e3/60),h={},f=0,"function"==typeof
requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(c=function(t){var
e=Math.random();return h[e]=requestAnimationFrame((function n(a){f===a||f+u-1<a?(f=a,delete
h[e],t()):h[e]=requestAnimationFrame(n)})),e},s=function(t){h[t]&&cancelAnimationFrame(h[t])}):(c=function(t){return
setTimeout(t,u)},s=function(t){return clearTimeout(t)}),{frame:c,cancel:s}),M=(g={},function(){if(d)return
d;if(!a&&o){var e=["var CONFETTI, SIZE = {}, module =
{};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg)
{"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if
(msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }","
});"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," }
else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height =
msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width =
msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI =
module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{d=new
Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof
console&&"function"==typeof console.warn&&console.warn("🎊 Could not load
worker",t),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var
n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(n,a,i){if(m)return e(n,null),m;var
o=Math.random().toString(36).slice(2);return m=l((function(a){function r(e){e.data.callback===o&&(delete
g[o],t.removeEventListener("message",r),m=null,i(),a())}t.addEventListener("message",r),e(n,o),g[o]=r.bind(null,{data:{callback:o}})}))},t.reset=function(){for(var
e in t.postMessage({reset:!0}),g)g[e](),delete g[e]}}(d)}return
d}),p={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function
y(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:p[e],n)}function w(t){return
t<0?0:Math.floor(t)}function x(t){return parseInt(t,16)}function C(t){return t.map(T)}function T(t){var
e=String(t).replace(/[^0-9a-f]/gi,"");return
e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:x(e.substring(0,2)),g:x(e.substring(2,4)),b:x(e.substring(4,6))}}function
I(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function k(t){var
e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function E(t,e,n,o,r){var
c,s,u=e.slice(),h=t.getContext("2d"),f=l((function(e){function
l(){c=s=null,h.clearRect(0,0,o.width,o.height),r(),e()}c=v.frame((function
e(){!a||o.width===i.width&&o.height===i.height||(o.width=t.width=i.width,o.height=t.height=i.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),h.clearRect(0,0,o.width,o.height),u=u.filter((function(t){return
function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var
n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,i=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,r=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+",
"+e.color.g+", "+e.color.b+",
"+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,i,o,r,l,c){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,i),t.arc(0,0,1,r,l,c),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else
if("star"===e.shape)for(var
l=Math.PI/2*3,c=4*e.scalar,s=8*e.scalar,u=e.x,h=e.y,f=5,d=Math.PI/f;f--;)u=e.x+Math.cos(l)*s,h=e.y+Math.sin(l)*s,t.lineTo(u,h),l+=d,u=e.x+Math.cos(l)*c,h=e.y+Math.sin(l)*c,t.lineTo(u,h),l+=d;else
t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(i)),t.lineTo(Math.floor(o),Math.floor(r)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return
t.closePath(),t.fill(),e.tick<e.totalTicks}(h,t)})),u.length?c=v.frame(e):l()})),s=l}));return{addFettis:function(t){return
u=u.concat(t),f},canvas:t,promise:f,reset:function(){c&&v.cancel(c),s&&s()}}}function S(t,n){var
a,i=!t,r=!!y(n||{},"resize"),c=y(n,"disableForReducedMotion",Boolean),s=o&&!!y(n||{},"useWorker")?M():null,u=i?I:k,h=!(!t||!s)&&!!t.__confetti_initialized,f="function"==typeof
matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function d(e,n,i){for(var
o,r,l,c,s,h=y(e,"particleCount",w),f=y(e,"angle",Number),d=y(e,"spread",Number),m=y(e,"startVelocity",Number),g=y(e,"decay",Number),b=y(e,"gravity",Number),v=y(e,"drift",Number),M=y(e,"colors",C),p=y(e,"ticks",Number),x=y(e,"shapes"),T=y(e,"scalar"),I=function(t){var
e=y(t,"origin",Object);return
e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),k=h,S=[],F=t.width*I.x,N=t.height*I.y;k--;)S.push((o={x:F,y:N,angle:f,spread:d,startVelocity:m,color:M[k%M.length],shape:x[(c=0,s=x.length,Math.floor(Math.random()*(s-c))+c)],ticks:p,decay:g,gravity:b,drift:v,scalar:T},r=void
0,l=void
0,r=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-r+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return
a?a.addFettis(S):(a=E(t,S,u,n,i)).promise}function m(n){var
o=c||y(n,"disableForReducedMotion",Boolean),m=y(n,"zIndex",Number);if(o&&f)return
l((function(t){t()}));i&&a?t=a.canvas:i&&!t&&(t=function(t){var
e=document.createElement("canvas");return
e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),r&&!h&&u(t);var
g={width:t.width,height:t.height};function b(){if(s){var e={getBoundingClientRect:function(){if(!i)return
t.getBoundingClientRect()}};return u(e),void
s.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function
v(){a=null,r&&e.removeEventListener("resize",b),i&&t&&(document.body.removeChild(t),t=null,h=!1)}return
s&&!h&&s.init(t),h=!0,s&&(t.__confetti_initialized=!0),r&&e.addEventListener("resize",b,!1),s?s.fire(n,g,v):d(n,g,v)}return
m.reset=function(){s&&s.reset(),a&&a.reset()},m}function F(){return
b||(b=S(null,{useWorker:!0,resize:!0})),b}n.exports=function(){return
F().apply(this,arguments)},n.exports.reset=function(){F().reset()},n.exports.create=S}(function(){return void
0!==t?t:"undefined"!=typeof self?self:this||{}}(),e,!1),t.confetti=e.exports}(window,{});
//# sourceMappingURL=/sm/6de00f2697a1683b235e589897df757a94e6809643432a9e3ad259420752442d.map
var count = 200;
var realisticDefaults = {
spread: 360,
ticks: 200, // Aumentado para maior duração
gravity: 0.1, // Ajustado para maior distância
decay: 0.90, // Reduzido para maior duração
startVelocity: 50, // Aumentado para maior distância
colors: ['FFE400', 'FFBD00', '9DDE00', '82CD00', '39CC00',
'2EC700']
};
function fireRealistic(originOpts) {
// Explosão de base com muitos confetes
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.25),
spread: 26,
startVelocity: 55,
shapes: ['square'] // Confetes quadrados
});
// Explosão secundária com menos confetes e maior espalhamento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.20),
spread: 60,
shapes: ['square'] // Confetes quadrados
});
// Explosão com decaimento mais rápido e confetes menores
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.35),
spread: 100,
decay: 0.91,
scalar: 0.8,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade baixa e decaimento mais lento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 25,
decay: 0.92,
scalar: 1.2,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade média
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 45,
shapes: ['square'] // Confetes quadrados
});
}
// Explosão 1: Centro inferior
setTimeout(function() {
fireRealistic({ origin: { x: 0.5, y: 1 } }); // Centro inferior
}, 0);
// Explosão 2: Canto inferior esquerdo
setTimeout(function() {
fireRealistic({ origin: { x: 0, y: 1 } }); // Canto inferior esquerdo
}, 250);
// Explosão 3: Canto inferior direito
setTimeout(function() {
fireRealistic({ origin: { x: 1, y: 1 } }); // Canto inferior direito
}, 500);
</script><script
src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
<div class="milestone">
<header class="milestone__header">
<div class="milestone__header-icon">
<img
src="data:image/svg+xml,%3csvg%20id='icon-medal'%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3crect%20id='Rectangle_4927'%20data-name='Rectangle%204927'%20width='40'%20height='40'%20fill='none'/%3e%3cg%20id='Group_2069'%20data-name='Group%202069'%20transform='translate(5.333%200)'%3e%3cg%20id='Group_2068'%20data-name='Group%202068'%3e%3cpath%20id='Path_102'%20data-name='Path%20102'%20d='M90.338,12.233,89.086,10.6c-.008-.138-.006-.344,0-.481,0-.084,0-.166,0-.245V7.7a3.577,3.577,0,0,0-2.815-3.42l-2.176-.627a.548.548,0,0,1-.3-.215L82.517,1.584A3.671,3.671,0,0,0,78.268.212l-2.14.761a.563.563,0,0,1-.377,0L73.611.212a3.671,3.671,0,0,0-4.249,1.372L68.086,3.439a.546.546,0,0,1-.263.2l-2.243.471c-.037.008-.074.017-.111.028a3.66,3.66,0,0,0-2.675,3.585V9.956c0,.08,0,.165,0,.251,0,.109.006.275,0,.38l-1.257,1.648a3.626,3.626,0,0,0,0,4.465L62.8,18.337c.006.105,0,.273,0,.4,0,.1,0,.209,0,.316v2.236a3.526,3.526,0,0,0,2.815,3.361l1.3.374V39.776l9.031-5.446,9.031,5.451V25.028l1.3-.374a4.212,4.212,0,0,0,2.815-3.905V18.59c0-.089,0-.209,0-.295l1.244-1.589A3.626,3.626,0,0,0,90.338,12.233ZM81.859,34.269h0L75.94,30.7l-5.92,3.57V28.073a3.668,3.668,0,0,0,3.591.649l2.14-.761a.562.562,0,0,1,.377,0l2.14.761a3.675,3.675,0,0,0,3.591-.649v6.2Zm6.025-19.48L86.5,16.553q-.039.05-.074.1a3.342,3.342,0,0,0-.454,1.934v2.178c0,.016,0,.032,0,.049a1.225,1.225,0,0,1-.566.847l-2.176.627a3.667,3.667,0,0,0-2,1.441l-1.276,1.855a.555.555,0,0,1-.644.2l-2.14-.761a3.685,3.685,0,0,0-2.461,0l-2.14.761a.555.555,0,0,1-.644-.2l-1.276-1.855a3.667,3.667,0,0,0-2-1.441l-2.176-.627a1.142,1.142,0,0,1-.566-.307c0-.015,0-.029,0-.044V19.057c0-.089,0-.177,0-.262a3.329,3.329,0,0,0-.561-2.245L64,14.8l-.009-.012a.521.521,0,0,1,0-.644l.012-.015,1.342-1.759a3.369,3.369,0,0,0,.559-2.227c0-.064,0-.127,0-.187V7.7q0-.024,0-.049a.562.562,0,0,1,.388-.514l2.244-.471q.056-.012.111-.028a3.668,3.668,0,0,0,2-1.441l1.276-1.855a.555.555,0,0,1,.644-.2l2.14.761a3.685,3.685,0,0,0,2.461,0l2.14-.761a.555.555,0,0,1,.644.2L81.23,5.2a3.667,3.667,0,0,0,2,1.441l2.177.627c.133.038.565.182.565.431V9.879c0,.066,0,.135,0,.206a3.336,3.336,0,0,0,.6,2.352l1.3,1.7.009.011A.521.521,0,0,1,87.884,14.789Z'%20transform='translate(-60.77%200.001)'%20fill='%23ccff33'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"
alt="Medalha" />
</div>
<h2 class="milestone__header-title">Parabéns</h2>
<p class="milestone__header-description">Nova técnica dominada</p>
</header>
<article class="milestone__content">
<div class="milestone__icon" style="position: relative;">
<img class="milestone__icon-image" src="./assets/images/brain_study.svg"
alt="Cérebro lendo">
<div class="eye-container">
<img class="eye-icon"
src="./assets/images/conspiracao_icon.svg"
alt="Olho" />
</div>
</div>
<h1 class="milestone__title">TROLLAGEM</h1>
<p class="milestone__description">Uso de provocações e/ou humor online para desviar discussões e
amplificar a desinformação. Trolls inflamam debates, criam polêmicas e desviam o foco de questões importantes,
muitas vezes espalhando fake news.</p>
[[<span>Continuar</span>|Início técnica 5]]
</article>
<div id="recomendacao-wrapper">
<p id="recomendacao">
''Recomendação:'' Evite se engajar com trolls e perfis provocadores. Concentre-se em debates
construtivos e denuncie contas que espalhem ódio ou desinformação. Isso mantém o foco em discussões produtivas e
limita o impacto de trollagem.
</p>
</div>
</div>
<script>
!function(t,e){!function t(e,n,a,i){var
o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function
r(){}function l(t){var a=n.exports.Promise,i=void 0!==a?a:e.Promise;return"function"==typeof i?new
i(t):(t(r,r),null)}var c,s,u,h,f,d,m,g,b,v=(u=Math.floor(1e3/60),h={},f=0,"function"==typeof
requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(c=function(t){var
e=Math.random();return h[e]=requestAnimationFrame((function n(a){f===a||f+u-1<a?(f=a,delete
h[e],t()):h[e]=requestAnimationFrame(n)})),e},s=function(t){h[t]&&cancelAnimationFrame(h[t])}):(c=function(t){return
setTimeout(t,u)},s=function(t){return clearTimeout(t)}),{frame:c,cancel:s}),M=(g={},function(){if(d)return
d;if(!a&&o){var e=["var CONFETTI, SIZE = {}, module =
{};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg)
{"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if
(msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }","
});"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," }
else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height =
msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width =
msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI =
module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{d=new
Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof
console&&"function"==typeof console.warn&&console.warn("🎊 Could not load
worker",t),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var
n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(n,a,i){if(m)return e(n,null),m;var
o=Math.random().toString(36).slice(2);return m=l((function(a){function r(e){e.data.callback===o&&(delete
g[o],t.removeEventListener("message",r),m=null,i(),a())}t.addEventListener("message",r),e(n,o),g[o]=r.bind(null,{data:{callback:o}})}))},t.reset=function(){for(var
e in t.postMessage({reset:!0}),g)g[e](),delete g[e]}}(d)}return
d}),p={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function
y(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:p[e],n)}function w(t){return
t<0?0:Math.floor(t)}function x(t){return parseInt(t,16)}function C(t){return t.map(T)}function T(t){var
e=String(t).replace(/[^0-9a-f]/gi,"");return
e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:x(e.substring(0,2)),g:x(e.substring(2,4)),b:x(e.substring(4,6))}}function
I(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function k(t){var
e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function E(t,e,n,o,r){var
c,s,u=e.slice(),h=t.getContext("2d"),f=l((function(e){function
l(){c=s=null,h.clearRect(0,0,o.width,o.height),r(),e()}c=v.frame((function
e(){!a||o.width===i.width&&o.height===i.height||(o.width=t.width=i.width,o.height=t.height=i.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),h.clearRect(0,0,o.width,o.height),u=u.filter((function(t){return
function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var
n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,i=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,r=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+",
"+e.color.g+", "+e.color.b+",
"+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,i,o,r,l,c){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,i),t.arc(0,0,1,r,l,c),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else
if("star"===e.shape)for(var
l=Math.PI/2*3,c=4*e.scalar,s=8*e.scalar,u=e.x,h=e.y,f=5,d=Math.PI/f;f--;)u=e.x+Math.cos(l)*s,h=e.y+Math.sin(l)*s,t.lineTo(u,h),l+=d,u=e.x+Math.cos(l)*c,h=e.y+Math.sin(l)*c,t.lineTo(u,h),l+=d;else
t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(i)),t.lineTo(Math.floor(o),Math.floor(r)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return
t.closePath(),t.fill(),e.tick<e.totalTicks}(h,t)})),u.length?c=v.frame(e):l()})),s=l}));return{addFettis:function(t){return
u=u.concat(t),f},canvas:t,promise:f,reset:function(){c&&v.cancel(c),s&&s()}}}function S(t,n){var
a,i=!t,r=!!y(n||{},"resize"),c=y(n,"disableForReducedMotion",Boolean),s=o&&!!y(n||{},"useWorker")?M():null,u=i?I:k,h=!(!t||!s)&&!!t.__confetti_initialized,f="function"==typeof
matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function d(e,n,i){for(var
o,r,l,c,s,h=y(e,"particleCount",w),f=y(e,"angle",Number),d=y(e,"spread",Number),m=y(e,"startVelocity",Number),g=y(e,"decay",Number),b=y(e,"gravity",Number),v=y(e,"drift",Number),M=y(e,"colors",C),p=y(e,"ticks",Number),x=y(e,"shapes"),T=y(e,"scalar"),I=function(t){var
e=y(t,"origin",Object);return
e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),k=h,S=[],F=t.width*I.x,N=t.height*I.y;k--;)S.push((o={x:F,y:N,angle:f,spread:d,startVelocity:m,color:M[k%M.length],shape:x[(c=0,s=x.length,Math.floor(Math.random()*(s-c))+c)],ticks:p,decay:g,gravity:b,drift:v,scalar:T},r=void
0,l=void
0,r=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-r+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return
a?a.addFettis(S):(a=E(t,S,u,n,i)).promise}function m(n){var
o=c||y(n,"disableForReducedMotion",Boolean),m=y(n,"zIndex",Number);if(o&&f)return
l((function(t){t()}));i&&a?t=a.canvas:i&&!t&&(t=function(t){var
e=document.createElement("canvas");return
e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),r&&!h&&u(t);var
g={width:t.width,height:t.height};function b(){if(s){var e={getBoundingClientRect:function(){if(!i)return
t.getBoundingClientRect()}};return u(e),void
s.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function
v(){a=null,r&&e.removeEventListener("resize",b),i&&t&&(document.body.removeChild(t),t=null,h=!1)}return
s&&!h&&s.init(t),h=!0,s&&(t.__confetti_initialized=!0),r&&e.addEventListener("resize",b,!1),s?s.fire(n,g,v):d(n,g,v)}return
m.reset=function(){s&&s.reset(),a&&a.reset()},m}function F(){return
b||(b=S(null,{useWorker:!0,resize:!0})),b}n.exports=function(){return
F().apply(this,arguments)},n.exports.reset=function(){F().reset()},n.exports.create=S}(function(){return void
0!==t?t:"undefined"!=typeof self?self:this||{}}(),e,!1),t.confetti=e.exports}(window,{});
//# sourceMappingURL=/sm/6de00f2697a1683b235e589897df757a94e6809643432a9e3ad259420752442d.map
var count = 200;
var realisticDefaults = {
spread: 360,
ticks: 200, // Aumentado para maior duração
gravity: 0.1, // Ajustado para maior distância
decay: 0.90, // Reduzido para maior duração
startVelocity: 50, // Aumentado para maior distância
colors: ['FFE400', 'FFBD00', '9DDE00', '82CD00', '39CC00',
'2EC700']
};
function fireRealistic(originOpts) {
// Explosão de base com muitos confetes
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.25),
spread: 26,
startVelocity: 55,
shapes: ['square'] // Confetes quadrados
});
// Explosão secundária com menos confetes e maior espalhamento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.20),
spread: 60,
shapes: ['square'] // Confetes quadrados
});
// Explosão com decaimento mais rápido e confetes menores
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.35),
spread: 100,
decay: 0.91,
scalar: 0.8,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade baixa e decaimento mais lento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 25,
decay: 0.92,
scalar: 1.2,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade média
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 45,
shapes: ['square'] // Confetes quadrados
});
}
// Explosão 1: Centro inferior
setTimeout(function() {
fireRealistic({ origin: { x: 0.5, y: 1 } }); // Centro inferior
}, 0);
// Explosão 2: Canto inferior esquerdo
setTimeout(function() {
fireRealistic({ origin: { x: 0, y: 1 } }); // Canto inferior esquerdo
}, 250);
// Explosão 3: Canto inferior direito
setTimeout(function() {
fireRealistic({ origin: { x: 1, y: 1 } }); // Canto inferior direito
}, 500);
</script>(display: "HUD")
<div class="passagem">
Para lutar contra a desinformação e desmentir o boato, podemos soltar uma nota nas redes sociais dizendo a verdade
e que o Edu não compactua com a mentira. O que acha?
<div class="button-row">
[[<span>Vamos fazer isso</span>|Publicação da nota desmentindo]]
</div>
</div>(display: "HUD")
<div class="passagem">
Precisamos mostrar a verdade com fatos e dados para que a população acredite. Então podemos montar algo mais
elaborado do que uma simples nota.
<span>O que você acha de fazer um post desmentindo a informação e inserir uma declaração da empresa de
consultoria financeira que esclarece que a mulher do vídeo não é uma colaboradora deles?</span>
<div class="button-row">
[[<span>Excelente, vamos fazer isso!</span>|Publicação da nota Falso especialista]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span id="off-center" class="button-row">Atualmente, existem diversas plataformas que
podem nos ajudar a lançar campanhas no WhatsApp.</span>
<span id="off-center">Elas são compostas por robôs que enviam milhares de mensagens por dia para
espalhar o que precisarmos.</span>
<div class="button-row">
[[<span>Interessante</span>|P1.2]]
</div>
</div>(set: $A1 to 951364) //População inicial
(set: $populacaoTotal to 10151247)
(set: $porcentagemApoio to (round: $apoio / $populacaoTotal) * 100)
(set: $apoio to $A1)
(set: $imprensa to 20)
(set: $MentiraGrave to 1421174 )
(set: $MentiraLeve to 1066880)
(set: $PerderApoio to 190831)
(set: $MuitoDestaqueMidia to $imprensa + 20)
(set: $PoucoDestaqueMidia to $imprensa + 10)
(set: $PerderImprensa to $imprensa - 8)
(set: $TotalMentiras to 0))(display: "HUD")
<div class="passagem">
<span id="off-center" style="text-align:center !important;">Muitas pessoas acabam
compartilhando essas mensagens, gerando uma epidemia de desinformação.</span>
<span id="off-center" style="text-align:center !important;">Você já recebeu ou conhece
alguém que já recebeu alguma mensagem deste tipo?</span>
<div class="button-row" style="flex-direction:row;">
[[<span>Nunca vi</span>|P1.4]]
[[<span>Sim</span>|P1.3]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)(display: "HUD")
<div class="passagem">
<span id="off-center">Então, você vai conseguir escolher boas mensagens para espalharmos essa
mentira!</span>
<div class="button-row">
[[<span>Vamos lá!</span>|P1.5]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span id="off-center">Então, vou criar mensagens para divulgarmos essa mentira.</span>
<div class="button-row">
[[<span>Bora!</span>|P1.5]]
</div>
</div><div class="passagem center-stuff">
<span id="title">Podemos usar essa mensagem?</span>
<img class="mobile-img" src="./assets/images/mockup_bot_mensagem1.png"
style="max-width: 280px;">
<div class="button-col">
[[<span>Quero usar essa mensagem!</span>|P1.71]]
[[<span>Não quero usar essa mensagem!</span>|P1.6]]
</div>
</div><div class="passagem center-stuff">
<span id="title">O que você acha dessa outra opção?</span>
<img class="mobile-img" src="./assets/images/mockup_bot_mensagem2.png"
style="max-width: 280px;">
<div class="button-col">
[[<span>Quero usar essa mensagem!</span>|P1.72]]
[[<span>Quero a mensagem anterior!</span>|P1.5]]
</div>
</div><div class="passagem center-stuff" id="cinematic">
<span>Com isso, a população ficou com medo das possíveis políticas do atual governador e nossa estimativa de
votos aumentou!</span>
<img src="./assets/images/familia_souza.png" class="mobile-img">
<div class="button-col">
[[<span>Ótimo! Tudo de acordo com o plano!</span>|P4.2]]
</div></div>
(set: $apoio to $apoio + $MentiraLeve)
(set: $imprensa to $imprensa + 10)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div class="passagem center-stuff"
id="cinematic" >
<span>Com isso, a população ficou com medo das possíveis políticas do atual governador e nossa estimativa de
votos aumentou!</span>
<img src="./assets/images/fut_quarta2.png" class="mobile-img">
<div class="button-row">
[[<span>Ótimo! Tudo de acordo com o plano!</span>|P4.2]]
</div></div>
(set: $apoio to $apoio + $MentiraLeve)
(set: $imprensa to $imprensa + 10)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script>(display: "HUD")
<div class="passagem">
Podemos criar um áudio com Inteligência Artificial (IA) fingindo ser um membro de facção para colocar mais lenha
na fogueira. O que acha?
<div class="button-row">
[[<span>Boa ideia!</span>|P2.1]]
[[<span>Acho melhor não criarmos mais desinformação...</span>|P3]]
</div>
</div>(display: "HUD")
<div class="passagem">
Com o nível de tecnologia atual, criar áudios de qualidade com vozes falsas é uma tarefa fácil.
Existem diversas ferramentas na internet que possibilitam a criação deste tipo de desinformação.
<div class="button-row">
[[<span>Prosseguir</span>|P2.3]]
</div>
</div>
(set: $TotalMentiras to $TotalMentiras + 1)(display: "HUD")
<div class="passagem">
Esse aqui é um áudio falso do Siqueira (candidato adversário) conversando com o líder da facção sobre pagamento de
propina!
<audio controls>
<source src="./assets/images/pagamento_propina.mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Quero usar esse áudio!</span>|P2.4]]
[[<span>Não quero usar esse áudio!</span>|P2.5]]
</div>
</div><div class="passagem" id="cinematic">
<span class="texto">Seu áudio teve uma grande repercussão nos grupos e na mídia! A população ficou
com medo das possíveis políticas do atual governador e nossa estimativa de votos aumentou bastante!</span>
<img src="./assets/images/grupo_lipe.png" class="mobile-img">
<div class="button-row">
[[<span>Ótima notícia!</span>|P2.8]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script>(display: "HUD")
<div class="passagem">
Esse aqui é outro áudio falso do Siqueira conversando com aliado sobre compra de votos em comunidades, com apoio
de facções.
<audio controls>
<source src="./assets/images/apoio_faccao.mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Quero usar esse áudio!</span>|P2.6]]
[[<span>Não quero usar esse áudio.</span>|P2.3]]
</div>
</div><div class="passagem" id="cinematic">
<span class="texto">Parabéns! O áudio teve uma grande repercussão nos grupos e na mídia! Com isso,
a população ficou com medo das possíveis políticas do atual governador e nossa estimativa de votos aumentou
bastante!</span>
<img src="./assets/images/direito_usp2.png" class="mobile-img">
<div class="button-row">
[[<span>Ótima notícia!</span>|P2.8]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div class="passagem
center-stuff" id="cinematic" style="align-content:center;">
<span>Moradores de algumas cidades, influenciados pelo áudio, se revoltaram. Houve vandalismo em comitês do
rival, invasões em eventos e tentativas de linchamento</span>
<img src="./assets/images/ProtestoSiqueira.jpeg" class="consequencia-img"
id="protesto-img">
<div class="button-row">
[[<span>O importante é ganhar as eleições!</span>|Facções]]
</div>
</div>(display: "HUD")
<div class="passagem">
Esse é um caminho muito honesto, parabéns!
<div class="button-row">
[[<span>Prosseguir</span>|P3.2]]
</div>
</div><div class="passagem" id="cinematic">
Com seu post desmentindo o boato, a população se acalmou e não houve grandes problemas.
<img src="./assets/images/edu_barbosa_tweet.webp" id="twitter">
<div class="button-row">
[[<span>Prosseguir</span>|P3.4]]
</div>
</div>(display: "HUD")
<div class="passagem">
<span>Mas parece que nosso adversário não é tão honesto assim...</span>
<div class="button-row">
[[<span>O que aconteceu? </span>|P3.4.1]]
[[<span>O ele fez? </span>|P3.4.1]]
</div>
</div><div class="passagem">
<span>Acabamos de receber um vídeo feito com Inteligência Artificial. Nele, uma câmera escondida mostra o
seu candidato, Edu, supostamente negociando para diminuir o orçamento das polícias. A narrativa que acompanhou o
vídeo é a de que ele está fazendo isso para conseguir votos de áreas dominadas por facções.</span>
<div class="button-row">
[[<span>Que péssima notícia! </span>|P3.5]]
[[<span>Como ele ousa fazer isso? </span>|P3.5]]
</div>
</div>
(set: $apoio to (round:$apoio - $PerderApoio))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (floor: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerAtualizarPorcentagemApoio(0);</script>
<script>triggerPerderApoio(0)</script>
<script>triggerGanharImprensa(0)</script><div class="passagem center-stuff">
Com o nível de tecnologia atual, criar vídeos falsos de qualidade é uma tarefa fácil.
<iframe height="470px" src="./assets/images/deputado_fraga_video.mp4" title="YouTube
video player" frameborder="0" allow="" allowfullscreen></iframe>
<div class="button-row">
[[<span>Por essa eu não esperava. </span>|P3.6]]
[[<span>E agora, o que fazemos? </span>|P3.6]]
</div>
</div><div class="passagem">
<span>Agora não há muito o que fazer. Grande parte da população está com medo e desconfia que o vídeo é
real.</span>
<span> Com isso, nossa estimativa de votos caiu bastante.</span>
<div class="button-row">
[[<span>NÃO! </span>|P3.7]]
[[<span>Poxa vida! </span>|P3.7]]
</div>
</div>
(display: "HUD")<div class="passagem center-stuff">
A mentira do candidato adversário aumentou a chance de nosso candidato não ser eleito, mesmo sendo o mais honesto.
Por não escolher usar a desinformação como arma.
<img src="./assets/images/queda-pesquisa-popularidade.png" id="queda-popularidade">
<div class="button-col" id="consequencia-popularidade">
[[<span>Na próxima vamos combater fogo com fogo.</span>|Facções]]
[[<span>Não vale usar desinformação como arma.</span>|Facções]]
</div>
</div><div class="passagem center-stuff" id="cinematic" >
<span>Parece que nossos votos tiveram um preço social alto...</span>
<div style="justify-content:center;">
<img src="./assets/images/desarmamento_policial.webp" class="consequencia-img"
id="votos-comprados">
</div>
<div class="button-col" id="consequencia-popularidade">
[[<span>Na próxima é melhor não compartilharmos desinformação.</span>|Facções]]
[[<span>O importante é ganhar as eleições!</span>|Facções]]
</div><div class="passagem center-stuff" id="cinematic" >
<span style="text-align:center !important;">Por outro lado, nossa ação gerou um efeito
multiplicador e foram criadas novas mensagens falsas dizendo, por exemplo, que o candidato adversário quer “acabar
com o porte de armas dos cidadãos ” ou “liberar bandidos para esvaziar as cadeias”.</span>
<span> Isso ampliou o clima de medo e revolta, desorganizando o debate público e contaminando o processo
eleitoral.</span>
<div class="button-col" style="width:100%;">
[[<span>Não é possível!</span>|P4.3]]
[[<span>Como assim?!</span>|P4.3]]
</div>
</div>
(display: "HUD")<div class="passagem center-stuff" id="cinematic" >
<span>Além disso, em comunidades onde a atuação da polícia é vista como essencial, a fake news gerou pânico
e desconfiança.</span>
<img src="./assets/images/ProtestoComunidade.png" class="consequencia-img"
id="comunidade-manifesta">
<div class="button-col">
[[<span>Oh não!</span>|P4.4]]
</div></div><div class="passagem center-stuff" id="cinematic" >
Você não esperava por essa, não é mesmo?
<div class="button-col" class="consequencia-img">
[[<span>Na próxima é melhor não compartilharmos desinformação.</span>|Facções]]
[[<span>O importante é ganhar as eleições!</span>|Facções]]
</div><script
src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
<div class="milestone">
<header class="milestone__header">
<div class="milestone__header-icon">
<img
src="data:image/svg+xml,%3csvg%20id='icon-medal'%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3crect%20id='Rectangle_4927'%20data-name='Rectangle%204927'%20width='40'%20height='40'%20fill='none'/%3e%3cg%20id='Group_2069'%20data-name='Group%202069'%20transform='translate(5.333%200)'%3e%3cg%20id='Group_2068'%20data-name='Group%202068'%3e%3cpath%20id='Path_102'%20data-name='Path%20102'%20d='M90.338,12.233,89.086,10.6c-.008-.138-.006-.344,0-.481,0-.084,0-.166,0-.245V7.7a3.577,3.577,0,0,0-2.815-3.42l-2.176-.627a.548.548,0,0,1-.3-.215L82.517,1.584A3.671,3.671,0,0,0,78.268.212l-2.14.761a.563.563,0,0,1-.377,0L73.611.212a3.671,3.671,0,0,0-4.249,1.372L68.086,3.439a.546.546,0,0,1-.263.2l-2.243.471c-.037.008-.074.017-.111.028a3.66,3.66,0,0,0-2.675,3.585V9.956c0,.08,0,.165,0,.251,0,.109.006.275,0,.38l-1.257,1.648a3.626,3.626,0,0,0,0,4.465L62.8,18.337c.006.105,0,.273,0,.4,0,.1,0,.209,0,.316v2.236a3.526,3.526,0,0,0,2.815,3.361l1.3.374V39.776l9.031-5.446,9.031,5.451V25.028l1.3-.374a4.212,4.212,0,0,0,2.815-3.905V18.59c0-.089,0-.209,0-.295l1.244-1.589A3.626,3.626,0,0,0,90.338,12.233ZM81.859,34.269h0L75.94,30.7l-5.92,3.57V28.073a3.668,3.668,0,0,0,3.591.649l2.14-.761a.562.562,0,0,1,.377,0l2.14.761a3.675,3.675,0,0,0,3.591-.649v6.2Zm6.025-19.48L86.5,16.553q-.039.05-.074.1a3.342,3.342,0,0,0-.454,1.934v2.178c0,.016,0,.032,0,.049a1.225,1.225,0,0,1-.566.847l-2.176.627a3.667,3.667,0,0,0-2,1.441l-1.276,1.855a.555.555,0,0,1-.644.2l-2.14-.761a3.685,3.685,0,0,0-2.461,0l-2.14.761a.555.555,0,0,1-.644-.2l-1.276-1.855a3.667,3.667,0,0,0-2-1.441l-2.176-.627a1.142,1.142,0,0,1-.566-.307c0-.015,0-.029,0-.044V19.057c0-.089,0-.177,0-.262a3.329,3.329,0,0,0-.561-2.245L64,14.8l-.009-.012a.521.521,0,0,1,0-.644l.012-.015,1.342-1.759a3.369,3.369,0,0,0,.559-2.227c0-.064,0-.127,0-.187V7.7q0-.024,0-.049a.562.562,0,0,1,.388-.514l2.244-.471q.056-.012.111-.028a3.668,3.668,0,0,0,2-1.441l1.276-1.855a.555.555,0,0,1,.644-.2l2.14.761a3.685,3.685,0,0,0,2.461,0l2.14-.761a.555.555,0,0,1,.644.2L81.23,5.2a3.667,3.667,0,0,0,2,1.441l2.177.627c.133.038.565.182.565.431V9.879c0,.066,0,.135,0,.206a3.336,3.336,0,0,0,.6,2.352l1.3,1.7.009.011A.521.521,0,0,1,87.884,14.789Z'%20transform='translate(-60.77%200.001)'%20fill='%23ccff33'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e"
alt="Medalha" />
</div>
<h2 class="milestone__header-title">Parabéns</h2>
<p class="milestone__header-description">Nova técnica dominada</p>
</header>
<article class="milestone__content">
<div class="milestone__icon" style="position: relative;">
<img class="milestone__icon-image" src="./assets/images/brain_study.svg"
alt="Cérebro lendo">
<div class="eye-container">
<img class="eye-icon"
src="./assets/images/conspiracao_icon.svg"
alt="Olho" />
</div>
</div>
<h1 class="milestone__title">EMOÇÃO</h1>
<p class="milestone__description">Desinformação que apela às emoções, como medo e raiva, para
influenciar decisões eleitorais, desviando o foco dos fatos. Essa técnica é usada para manipular reações
emocionais, em vez de promover um debate racional.</p>
[[<span>Continuar</span>|Início técnica 2]]
</article>
<div id="recomendacao-wrapper">
<p id="recomendacao">
''Recomendações:'' Antes de reagir ou compartilhar conteúdos que provoquem emoções intensas, pare
e reflita. Cheque se a informação vem de uma fonte confiável e baseie suas decisões em dados e fatos, não em
emoções extremas. Checadores de fatos, como a Lupa, podem ser muito úteis nesse sentido. Além disso, sempre baseie
suas decisões políticas em fundamentos sólidos, que podem ser aprendidos em sites de educação política como a
Politize!
</p>
<p id="recomendacao">
Atentar a títulos e textos que usam palavras e adjetivos pejorativos que estimulem emoções extremas
</p>
</div>
</div>
<script>
!function(t,e){!function t(e,n,a,i){var
o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function
r(){}function l(t){var a=n.exports.Promise,i=void 0!==a?a:e.Promise;return"function"==typeof i?new
i(t):(t(r,r),null)}var c,s,u,h,f,d,m,g,b,v=(u=Math.floor(1e3/60),h={},f=0,"function"==typeof
requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(c=function(t){var
e=Math.random();return h[e]=requestAnimationFrame((function n(a){f===a||f+u-1<a?(f=a,delete
h[e],t()):h[e]=requestAnimationFrame(n)})),e},s=function(t){h[t]&&cancelAnimationFrame(h[t])}):(c=function(t){return
setTimeout(t,u)},s=function(t){return clearTimeout(t)}),{frame:c,cancel:s}),M=(g={},function(){if(d)return
d;if(!a&&o){var e=["var CONFETTI, SIZE = {}, module =
{};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg)
{"," if (msg.data.options) {"," CONFETTI(msg.data.options).then(function () {"," if
(msg.data.callback) {"," postMessage({ callback: msg.data.callback });"," }","
});"," } else if (msg.data.reset) {"," CONFETTI && CONFETTI.reset();"," }
else if (msg.data.resize) {"," SIZE.width = msg.data.resize.width;"," SIZE.height =
msg.data.resize.height;"," } else if (msg.data.canvas) {"," SIZE.width =
msg.data.canvas.width;"," SIZE.height = msg.data.canvas.height;"," CONFETTI =
module.exports.create(msg.data.canvas);"," }","}"].join("\n");try{d=new
Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof
console&&"function"==typeof console.warn&&console.warn("🎊 Could not load
worker",t),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var
n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(n,a,i){if(m)return e(n,null),m;var
o=Math.random().toString(36).slice(2);return m=l((function(a){function r(e){e.data.callback===o&&(delete
g[o],t.removeEventListener("message",r),m=null,i(),a())}t.addEventListener("message",r),e(n,o),g[o]=r.bind(null,{data:{callback:o}})}))},t.reset=function(){for(var
e in t.postMessage({reset:!0}),g)g[e](),delete g[e]}}(d)}return
d}),p={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function
y(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:p[e],n)}function w(t){return
t<0?0:Math.floor(t)}function x(t){return parseInt(t,16)}function C(t){return t.map(T)}function T(t){var
e=String(t).replace(/[^0-9a-f]/gi,"");return
e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:x(e.substring(0,2)),g:x(e.substring(2,4)),b:x(e.substring(4,6))}}function
I(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function k(t){var
e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function E(t,e,n,o,r){var
c,s,u=e.slice(),h=t.getContext("2d"),f=l((function(e){function
l(){c=s=null,h.clearRect(0,0,o.width,o.height),r(),e()}c=v.frame((function
e(){!a||o.width===i.width&&o.height===i.height||(o.width=t.width=i.width,o.height=t.height=i.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),h.clearRect(0,0,o.width,o.height),u=u.filter((function(t){return
function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=e.wobbleSpeed,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+2,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var
n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,i=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,r=e.wobbleY+e.random*e.tiltSin;if(t.fillStyle="rgba("+e.color.r+",
"+e.color.g+", "+e.color.b+",
"+(1-n)+")",t.beginPath(),"circle"===e.shape)t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,i,o,r,l,c){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,i),t.arc(0,0,1,r,l,c),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI);else
if("star"===e.shape)for(var
l=Math.PI/2*3,c=4*e.scalar,s=8*e.scalar,u=e.x,h=e.y,f=5,d=Math.PI/f;f--;)u=e.x+Math.cos(l)*s,h=e.y+Math.sin(l)*s,t.lineTo(u,h),l+=d,u=e.x+Math.cos(l)*c,h=e.y+Math.sin(l)*c,t.lineTo(u,h),l+=d;else
t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(i)),t.lineTo(Math.floor(o),Math.floor(r)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY));return
t.closePath(),t.fill(),e.tick<e.totalTicks}(h,t)})),u.length?c=v.frame(e):l()})),s=l}));return{addFettis:function(t){return
u=u.concat(t),f},canvas:t,promise:f,reset:function(){c&&v.cancel(c),s&&s()}}}function S(t,n){var
a,i=!t,r=!!y(n||{},"resize"),c=y(n,"disableForReducedMotion",Boolean),s=o&&!!y(n||{},"useWorker")?M():null,u=i?I:k,h=!(!t||!s)&&!!t.__confetti_initialized,f="function"==typeof
matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function d(e,n,i){for(var
o,r,l,c,s,h=y(e,"particleCount",w),f=y(e,"angle",Number),d=y(e,"spread",Number),m=y(e,"startVelocity",Number),g=y(e,"decay",Number),b=y(e,"gravity",Number),v=y(e,"drift",Number),M=y(e,"colors",C),p=y(e,"ticks",Number),x=y(e,"shapes"),T=y(e,"scalar"),I=function(t){var
e=y(t,"origin",Object);return
e.x=y(e,"x",Number),e.y=y(e,"y",Number),e}(e),k=h,S=[],F=t.width*I.x,N=t.height*I.y;k--;)S.push((o={x:F,y:N,angle:f,spread:d,startVelocity:m,color:M[k%M.length],shape:x[(c=0,s=x.length,Math.floor(Math.random()*(s-c))+c)],ticks:p,decay:g,gravity:b,drift:v,scalar:T},r=void
0,l=void
0,r=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),wobbleSpeed:Math.min(.11,.1*Math.random()+.05),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-r+(.5*l-Math.random()*l),tiltAngle:(.5*Math.random()+.25)*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return
a?a.addFettis(S):(a=E(t,S,u,n,i)).promise}function m(n){var
o=c||y(n,"disableForReducedMotion",Boolean),m=y(n,"zIndex",Number);if(o&&f)return
l((function(t){t()}));i&&a?t=a.canvas:i&&!t&&(t=function(t){var
e=document.createElement("canvas");return
e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(m),document.body.appendChild(t)),r&&!h&&u(t);var
g={width:t.width,height:t.height};function b(){if(s){var e={getBoundingClientRect:function(){if(!i)return
t.getBoundingClientRect()}};return u(e),void
s.postMessage({resize:{width:e.width,height:e.height}})}g.width=g.height=null}function
v(){a=null,r&&e.removeEventListener("resize",b),i&&t&&(document.body.removeChild(t),t=null,h=!1)}return
s&&!h&&s.init(t),h=!0,s&&(t.__confetti_initialized=!0),r&&e.addEventListener("resize",b,!1),s?s.fire(n,g,v):d(n,g,v)}return
m.reset=function(){s&&s.reset(),a&&a.reset()},m}function F(){return
b||(b=S(null,{useWorker:!0,resize:!0})),b}n.exports=function(){return
F().apply(this,arguments)},n.exports.reset=function(){F().reset()},n.exports.create=S}(function(){return void
0!==t?t:"undefined"!=typeof self?self:this||{}}(),e,!1),t.confetti=e.exports}(window,{});
//# sourceMappingURL=/sm/6de00f2697a1683b235e589897df757a94e6809643432a9e3ad259420752442d.map
var count = 200;
var realisticDefaults = {
spread: 360,
ticks: 200, // Aumentado para maior duração
gravity: 0.1, // Ajustado para maior distância
decay: 0.90, // Reduzido para maior duração
startVelocity: 50, // Aumentado para maior distância
colors: ['FFE400', 'FFBD00', '9DDE00', '82CD00', '39CC00',
'2EC700']
};
function fireRealistic(originOpts) {
// Explosão de base com muitos confetes
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.25),
spread: 26,
startVelocity: 55,
shapes: ['square'] // Confetes quadrados
});
// Explosão secundária com menos confetes e maior espalhamento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.20),
spread: 60,
shapes: ['square'] // Confetes quadrados
});
// Explosão com decaimento mais rápido e confetes menores
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.35),
spread: 100,
decay: 0.91,
scalar: 0.8,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade baixa e decaimento mais lento
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 25,
decay: 0.92,
scalar: 1.2,
shapes: ['square'] // Confetes quadrados
});
// Explosão com início de velocidade média
confetti({
...realisticDefaults,
...originOpts,
particleCount: Math.floor(count * 0.1),
spread: 120,
startVelocity: 45,
shapes: ['square'] // Confetes quadrados
});
}
// Explosão 1: Centro inferior
setTimeout(function() {
fireRealistic({ origin: { x: 0.5, y: 1 } }); // Centro inferior
}, 0);
// Explosão 2: Canto inferior esquerdo
setTimeout(function() {
fireRealistic({ origin: { x: 0, y: 1 } }); // Canto inferior esquerdo
}, 250);
// Explosão 3: Canto inferior direito
setTimeout(function() {
fireRealistic({ origin: { x: 1, y: 1 } }); // Canto inferior direito
}, 500);
</script><div class="passagem" style:"max-width:800px
!important;">
<div class="sessao-sobre">
<h3>Introdução</h3>
<p>Nossa plataforma está comprometida com a privacidade e segurança dos seus usuários. Esta Política de
Privacidade e Termos de Uso descreve as práticas adotadas pelo iAgora em relação à coleta, uso e proteção das
informações dos usuários.</p>
</div>
<div class="sessao-sobre">
<h4>Coleta de Dados Pessoais</h4>
<p>O iAgora se compromete a não coletar, armazenar ou solicitar dados pessoais dos usuários. A plataforma
foi projetada para ser acessada e utilizada sem a necessidade de fornecimento de informações pessoais como nome,
endereço de e-mail, número de telefone, ou qualquer outro dado que possa identificar você como
indivíduo.</p>
</div>
<div class="sessao-sobre">
<h5>Uso de Plataformas de Análise de Tráfego</h6>
<p>Para melhorar continuamente a experiência dos usuários e otimizar o desempenho do site, utilizamos o
Google Analytics para coletar dados agregados e anônimos sobre o tráfego do site, como número de visitas, páginas
mais acessadas, tempo de navegação, entre outros. Essas informações não identificam individualmente os usuários e
são usadas exclusivamente para fins estatísticos.</p>
<p>O Google Analytics utiliza cookies para coletar esses dados. Você pode saber mais sobre como o Google
Analytics coleta e processa dados acessando <a
href="https://support.google.com/analytics/answer/6004245?hl=pt-BR" target="_blank">Google
Analytics - Privacidade e Segurança</a>.</p>
</div>
<div class="sessao-sobre">
<h2>Hospedagem do Site</h2>
<p>Nosso site é hospedado na Cloudflare Pages, uma plataforma que oferece serviços de hospedagem e
segurança. A Cloudflare pode coletar dados técnicos relacionados ao acesso ao site, como endereços IP, informações
sobre o navegador e sistema operacional utilizado. Esses dados são utilizados para melhorar a segurança e a
performance do site e não são vinculados a informações pessoais dos usuários.</p>
<p>Para mais informações sobre as práticas de privacidade da Cloudflare, acesse <a
href="https://www.cloudflare.com/privacypolicy/" target="_blank">Cloudflare - Política de
Privacidade</a>.</p>
</div>
<div class="sessao-sobre">
<h2>Cookies</h2>
<p>O iAgora utiliza cookies para garantir o funcionamento adequado do site e melhorar a experiência do
usuário. Os cookies são pequenos arquivos de texto que são armazenados no seu dispositivo quando você visita o
site. Eles não contêm informações pessoais e podem ser desativados através das configurações do seu navegador. No
entanto, desativar os cookies irá impactar a funcionalidade do site.</p>
</div>
<div class="sessao-sobre">
<h2>Termos de Uso</h2>
<p><strong>Acesso e Uso do Site:</strong> O uso do iAgora é totalmente gratuito e não requer
registro ou fornecimento de dados pessoais. Ao acessar e utilizar o site, você concorda com os termos descritos
nesta política.</p>
<p><strong>Propriedade Intelectual:</strong> O código-fonte do iAgora está disponível no GitHub
sob a licença GPLv3. Todo o conteúdo do site, incluindo textos e imagens, é licenciado sob a licença CC-BY. Isso
significa que você é livre para utilizar, modificar e redistribuir o conteúdo, desde que atribua os créditos
apropriados e siga os termos das licenças aplicáveis.</p>
<p><strong>Limitação de Responsabilidade:</strong> O iAgora não se responsabiliza por quaisquer
danos diretos ou indiretos decorrentes do uso ou da incapacidade de uso do site, incluindo, mas não se limitando
a, erros, interrupções, perda de dados, ou qualquer outro tipo de prejuízo.</p>
</div>
<div class="sessao-sobre">
<h2>Alterações na Política de Privacidade e Termos de Uso</h2>
<p>O iAgora se reserva o direito de modificar esta Política de Privacidade e Termos de Uso a qualquer
momento. Recomendamos que os usuários revisem periodicamente esta página para se manterem informados sobre as
práticas adotadas.</p>
</div>
<div class="sessao-sobre">
<h2>Contato</h2>
<p>Se você tiver alguma dúvida ou preocupação sobre esta Política de Privacidade e Termos de Uso, entre em
contato conosco pelo e-mail <a href="mailto:conteudo@politize.com.br"
target="_blank">conteudo@politize.com.br</a>.</p>
</div>
<div class="button-row">
<button-link>[[<span>Voltar ao menu</span>|StartUp]]</button-link>
</div>
</div><div class="passagem" id="cinematic"
style="align-items: center;">
Com seu post desmentindo os rumores, a população passou a confiar nos boletins divulgados pelos hospitais.
<img src="./assets/images/post desmentindo doença misteriosa.png" id="twitter">
<div class="button-row">
[[<span>Prosseguir</span>|Ataque Siqueira Consp]]
</div>
</div><div class= "passagem center-stuff">
<img src="./assets/images/tweet início doença misteriosa.png" id="twitter">
<div class="button-row">
[[<span>Continuar</span>|Decisão de caminhos]]
</div><div class="passagem" id="cinematic">
<span> Post no Instagram </span>
<img class="mobile-mockup" src="./assets/images/post desmentindo polarização.png">
<div class="button-row">
[[<span>Usar esse post</span>|Efeito de desmentir]]
[[<span>Prefiro disparar mensagens no Whatsapp</span>|Mensagem desmentindo polarização]]
</div>
</div><div class="passagem" id="cinematic">
<img src="./assets/images/post desmentindo falso especialista.png" id="twitter">
<div class="button-row">
[[<span>Prosseguir</span>|Efeito desmentir Falso especialista]]
</div>
</div><div class="passagem" id="cinematic">
<img class="mobile-mockup" style="max-width:550px !important;"
src="./assets/images/post desmentindo vídeo trollagem.png">
<div class="button-row">
[[<span>Prosseguir</span>|Efeito desmentir trollagem]]
</div>
</div><div class="passagem center-stuff"
<span>Veja como a população anda comentando sobre o assunto</span>
<img class="mobile-mockup" src="./assets/images/reação msg 1 doença misteriosa.png">
<div class="button-col">
[[<span>Continuar</span>|Consequência mentira leve]]
</div></div><div class="passagem center-stuff"
<span>Veja as reações em grupos nas redes sociais</span>
<img class="mobile-mockup" src="./assets/images/reação msg 1 falso especialista.png">
<div class="button-col">
[[<span>Continuar</span>|Consequência mentira leve Falso especialista]]
</div></div><div class="passagem center-stuff"
<span>As pessoas andam comentando sobre o assunto.</span>
<img class="mobile-mockup" src="./assets/images/reação msg 1 polarização.png">
<div class="button-col">
[[<span>Continuar</span>|Consequência mentira leve polarização]]
</div></div>
(display: "HUD")<div class="passagem center-stuff"
<span>Veja alguns comentários nos posts:</span>
<img class="mobile-mockup" src="./assets/images/Comentários 1 twitter trollagem.png">
<div class="button-col">
[[<span>Continuar</span>|Consequência mentira leve trollagem]]
</div></div><div class="passagem center-stuff"
<span>Veja as reações em grupos nas redes sociais</span>
<img class="mobile-mockup" src="./assets/images/reação msg 2 falso especialista.png">
<div class="button-col">
[[<span>Continuar</span>|Consequência mentira leve Falso especialista]]
</div></div><div class="passagem center-stuff"
<span>As pessoas andam comentando sobre o assunto.</span>
<img class="mobile-mockup" src="./assets/images/reação msg 2 polarização.png">
<div class="button-col">
[[<span>Continuar</span>|Consequência mentira leve polarização]]
</div></div>
(display: "HUD")<div class="passagem center-stuff"
<span>Veja alguns comentários nos posts:</span>
<img class="mobile-mockup" src="./assets/images/Comentários 2 twitter trollagem.png">
<div class="button-col">
[[<span>Continuar</span>|Consequência mentira leve trollagem]]
</div></div><div class="passagem"
id="cinematic">
<span class="texto">Boa escolha! Já disparei o áudio em grupos de Whatsapp e Telegram utilizando
bots e postei em contas fakes nas redes sociais também.</span>
<span>
<div class="button-row">
[[<span>Continuar</span>|Explicação repercussão áudio 1 Falso especialista]]
</div>
</div><div class="passagem" id="cinematic">
<span class="texto">O vídeo foi disparado e está fazendo sucesso. Viralizou nas redes sociais.
Ótimo trabalho!</span>
<img class="mobile-mockup" src="./assets/images/reações vídeo 1 trollagem.png">
<div class="button-row">
[[<span>Show!</span>|Explicação repercussão trollagem]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div
class="passagem" id="cinematic">
<span class="texto">O vídeo foi disparado e está fazendo sucesso. Viralizou nas redes sociais.
Ótimo trabalho!</span>
<img class="mobile-mockup" src="./assets/images/reações vídeo 2 trollagem.png">
<div class="button-row">
[[<span>Show!</span>|Explicação repercussão trollagem]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div class="passagem"
id="cinematic">
<span class="texto">Parabéns! O áudio teve uma grande repercussão nas redes sociais. A imprensa
também não fala de outra coisa.</span>
<img src="./assets/images/tweet reação 1 doença.png" id="twitter">
<div class="button-row">
[[<span>Show!</span>|Explicação repercussão]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div
class="passagem" id="cinematic">
<span class="texto">Parabéns! A repercussão na sociedade está sendo alta. Muitas pessoas estão
acreditando nisso.</span>
<img class="mobile-mockup" src="./assets/images/reação áudio 1 polarização.png">
<div class="button-row">
[[<span>Perfeito!</span>|Explicação repercussão polarização]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div class="passagem"
id="cinematic">
<span class="texto">Parabéns! O áudio é o assunto do momento e deixou as pessoas com um pé atrás
sobre as políticas do Siqueira.</span>
<img src="./assets/images/tweet reação 2 doença.png" id="twitter">
<div class="button-row">
[[<span>Perfeito!</span>|Explicação repercussão]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div
class="passagem" id="cinematic">
<span class="texto">Boa escolha! Já disparei o áudio em grupos de Whatsapp e Telegram utilizando
bots e postei em contas fakes nas redes sociais também.</span>
<span>
<div class="button-row">
[[<span>Continuar</span>|Explicação repercussão áudio 2 Falso especialista]]
</div>
</div><div class="passagem" id="cinematic">
<span class="texto">Parabéns! A repercussão na sociedade está sendo alta. Muitas pessoas estão
acreditando nisso.</span>
<img class="mobile-mockup" src="./assets/images/reação áudio 2 polarização.png">
<div class="button-row">
[[<span>Perfeito!</span>|Explicação repercussão polarização]]
</div>
</div>
(set: $apoio to (round: $apoio + $MentiraGrave))
(set: $imprensa to $imprensa + 20)
(set: $porcentagemApoio to (round: ($apoio / $populacaoTotal) * 100))
(display: "HUD")
<script>triggerGanharApoio(0)</script>
<script>triggerGanharImprensa(0)</script>
<script>triggerAtualizarPorcentagemApoio(0);</script><div class="passagem"
style:"max-width:800px !important;">
<div class="sessao-sobre">
<h2>O que é IAgora?</h2>
<p>Em (text-style:"italic","underline")[IAgora?], você assume o papel de assessor de
campanha política, com a missão de eleger o candidato a governador do seu estado. Durante o jogo, você e sua
equipe utilizarão ferramentas de inteligência artificial para influenciar a opinião pública, disseminando notícias
falsas e manipulando informações para garantir a vitória do candidato. O jogo coloca você no centro das táticas de
manipulação política, testando sua habilidade de influenciar as massas e ganhar apoio, sem se preocupar com
questões éticas.</p>
</div>
<div class="sessao-sobre">
<h2>Como funciona o jogo?</h2>
<p>(text-style:"italic","underline")[IAgora?] tem como objetivo expor as táticas de
manipulação usadas para enganar a população, especialmente com o uso de inteligência artificial. Ao jogar, você
será exposto a uma versão controlada de desinformação, aprendendo a reconhecer essas táticas para se proteger
delas na vida real. Inspirado na teoria da inoculação, o jogo funciona como uma “vacina psicológica” contra a
manipulação política.</p>
<p>No jogo, você enfrentará desafios típicos de uma campanha eleitoral, onde terá que tomar decisões
estratégicas para manipular a opinião pública e garantir a vitória. Suas escolhas afetarão o apoio popular e o
destaque da campanha nos meios de comunicação.</p>
<p>No jogo, você enfrentará diversos desafios que simulam situações reais de uma campanha política, onde
terá que tomar decisões estratégicas para manipular a opinião pública e garantir a vitória do seu candidato. Os
exemplos de ferramentas de inteligência artificial disponíveis permitirão criar notícias falsas, manipular
algoritmos de redes sociais e explorar as vulnerabilidades cognitivas dos eleitores. É importante notar que,
embora o jogo simule a criação de notícias falsas por meio de inteligências artificiais, ele não ensina as pessoas
a criarem notícias falsas ou a utilizarem ferramentas de inteligência artificial com esse fim de maneira prática,
não representando um risco à sociedade.</p>
</div>
<div class="sessao-sobre">
<h2>Quem deve jogar (text-style:"italic","underline")[IAgora?] </h2>
<p>(text-style:"italic","underline")[IAgora?] é um jogo destinado a todos os públicos e
foi desenvolvido pela Politize!, uma organização da sociedade civil dedicada à educação política no Brasil, em
parceria com o programa <a
href="https://www.civicus.org/index.php/what-we-do/enabling-and-resourcing/digital-democracy-initiative/digital-action-lab"
target="_blank">Digital Action Lab</a> da <a href="https://www.civicus.org/"
target="_blank">CIVICUS World Alliance.</a> Com a missão de formar cidadãos mais conscientes e
engajados, a Politize! busca simplificar temas complexos e tornar o conhecimento político acessível a todos,
utilizando diversas plataformas e metodologias de ensino.</p>
<p>Primeiramente, elaboramos uma versão do jogo no ano de 2024, em parceria com a Lupa e o AppCívico, com
base no contexto das eleições municipais ocorridas naquele ano. Essa versão pode ser jogada em <a
href="https://2024.iagora.org/" target="_blank">2024.iagora.org.</a></p>
</div>
<div class="button-row">
<button-link>[[<span>Voltar ao menu</span>|StartUp]]</button-link>
</div></div><!-- Connected Sites -->
<script>
if(window._mtmReady){
console.error('Connected sites script already loaded. You might have it dupplicated.');
} else {
window._mtmReady=true;
var _mtm = window._mtm = window._mtm || [];
_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.defer=true; g.src='https://egoi.site/1782296_www.iagora.org.js?v='+new Date().getTime();
s.parentNode.insertBefore(g,s);
}
</script>
<!-- End Connected Sites -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LPM2Y2JWZM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LPM2Y2JWZM');
</script>
<!-- Microsoft Clarity-->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "vlz85p05eb");
</script>
<nav class="top-bar">
<nav-link><a id="share-button" class="top-bar__text" target="_blank"
href="#">COMPARTILHAR</a></nav-link>
<nav-link>[[Sobre|Sobre5]]</nav-link>
</nav>
<section class="hero">
<div id="logo-wrapper">
<img id="logo-yellow" src="./assets/images/logo-yellow.svg" alt="Logo amarela"
class="logo">
<img id="logo-red" src="./assets/images/logo-red.svg" alt="Logo vermelha"
class="logo">
</div>
<h2 class="subtitle">O JOGO DAS ELEIÇÕES 2026</h2>
<div class="button-row" style="font-size:26px;">
<button-link id="start">[[<span>Começar! <img
src="./assets/images/brain.svg"></span>|FormularioPreJogo]]</button-link>
<button-link id="how-to-play">[[Como jogar|Como jogar]]</button-link>
</div>
<p class="description">
Descubra as motivações por trás da criação e propagação de notícias falsas,<br>compreenda os mecanismos
psicológicos que as tornam convincentes<br>e explore as técnicas utilizadas para manipular a opinião
pública.
</p>
<div class="logo-wrapper partner-logos">
<img src="./assets/images/logos/CIVICUS.png" alt="CIVICUS" class="logo">
<img src="./assets/images/logos/DAL.png" alt="DAL" class="logo">
<img src="./assets/images/logos/Digital_Democracy_Initiative.png" alt="Digital Democracy
Initiative" class="logo">
<img src="./assets/images/logos/Politize.png" alt="Politize" class="logo">
</div>
</section>
<footer>
<span>[[POLÍTICA DE PRIVACIDADE]]</span>
</footer><!-- 💡 Inclua o script oficial do embed da E-goi UMA vez no projeto -->
<!-- <script
src="https://api.egoiapp2.com/embedded/forms/eg-embed-26ea5e3Q7t.js"></script> -->
<!-- Modal -->
<div id="feedbackModal" aria-hidden="true">
<div class="modalContent" role="dialog" aria-modal="true"
aria-labelledby="fb-title">
<button id="closeFeedback" class="close" aria-label="Fechar">✕</button>
<h3 id="fb-title">Envie seu feedback</h3>
<!-- Embed da E-goi -->
<div class="eg-embed-26ea5e3Q7t"></div>
<p class="hint">Seu feedback pode ser anônimo. Obrigado por jogar o Iagora! 💛</p>
</div>
</div>
<div class="passagem" style="max-width:1120px;">
<span>Seja bem-vindo(a) ao "IAgora?"!</span>
<span>O ano é 2026. O Brasil vibra, briga, respira eleições.</span>
<span>Grupos de WhatsApp estão em chamas, deepfakes pipocam no TikTok e no Instagram, “especialistas”
suspeitos ganham fama em minutos. E agora você está no olho desse furacão.</span>
<span>Você é um(a) assessor(a) de campanha e tem a missão de fazer seu candidato a governador, o Edu
Barbosa, chegar a vitória - custe o que custar. Ele está concorrendo contra o candidato Marco Siqueira, bem forte
no estado.</span>
<span>Pronto para sentir na pele como se constrói — e se destrói — uma eleição brasileira?</span>
<span id="obs">Os nomes utilizados no jogo são fictícios e não fazem referência a nenhuma figura
real</span>
<div class="button-row">
<button-link>[[<span>Certo!</span>|Inicio]]</button-link>
</div>
</div>
(set: $apoio to 951364)
(set: $imprensa to 0)<div class= "passagem center-stuff">
<img class="mobile-mockup" src="./assets/images/pessoas reagem privatização
escolas.png">
<div class="button-row">
[[<span>Continuar</span>|Decisão de caminhos tec3]]
</div><link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/shepherd.js@13.0.0/dist/css/shepherd.css" />
<div class="passagem" style="max-width:1120px;">
<span>Esse aqui é um tutorial</span>
<div class="button-row">
<button-link>[[<span>Certo!</span>|Inicio]]</button-link>
</div>
</div>
<div id="hud">
<div class="status-wrapper">
<div class="column-hud">
<av id="apoio-value">$apoio</av>
<span>Apoio</span>
</div>
<div class="column-hud">
<av id="imprensa-value">$imprensa%</av>
<span>Imprensa</span>
</div>
</div>
</div>(display: "HUD")
<div class="passagem">
Honestidade é sempre um bom caminho. Parabéns!
<div class="button-row">
[[<span>Prosseguir</span>|Post X Edu B.]]
</div>
</div>(display: "HUD")
<div class="passagem">
Prezar pela verdade é algo nobre, muito bem!
<div class="button-row">
[[<span>Continuar</span>|Nota nas redes sociais falso especialista]]
</div>
</div>(display: "HUD")
<div class="passagem">
Muito íntegro da sua parte!
<span> Podemos fazer uma publicação nas redes sociais, desmentindo a informação, ou disparar mensagens em
grupos de Whatsapp e Telegram. O que você prefere? </span>
<div class="button-row">
[[<span>Post no Instagram</span>|Post polarização Instagram]]
[[<span>Disparar mensagens</span>|Mensagem desmentindo polarização]]
</div>
</div>(display: "HUD")
<div class="passagem">
Honestidade é sempre uma boa escolha. Parabéns!
<div class="button-row">
[[<span>Continuar</span>|Nota nas redes sociais]]
</div>
</div><div class="passagem center-stuff">
Vídeo fake do Edu Barbosa supostamente bêbado.
<iframe height="470px" src="./assets/images/Homem_de_terno_bebe_cerveja.mp4"
title="YouTube video player" frameborder="0" allow=""
allowfullscreen></iframe>
<div class="button-row">
[[<span>Então o Siqueira quer atacar a imagem do Edu? </span>|Ensinamento IA trollagem]]
[[<span>Esse cara realmente não tem limites! </span>|Ensinamento IA trollagem]]
</div>
</div>
(display: "HUD")<div class= "passagem center-stuff">
<span>Veja como as pessoas estão acreditando nessa informação:</span>
<img class="mobile-mockup" src="./assets/images/início falso especialista.png">
<div class="button-row">
[[<span>Continuar</span>|Decisão de caminhos téc. 5]]
</div><div class= "passagem center-stuff">
<img class="mobile-mockup" src="./assets/images/Comentários início trollagem.png">
<div class="button-row">
[[<span>Continuar</span>|Decisão de caminhos téc. 4]]
</div>(display: "Header")
<div class="passagem" id="escolhas">
<span class="button-row">O que você deseja fazer agora?</span>
<div class="button-col">
[[<span>Utilizar bots para ampliar o alcance da mensagem.</span>|P1]]
[[<span>Potencializar a mentira criando áudios com IA.</span>|P2]]
[[<span>Prezar pela verdade.</span>|P3]]
</div>
</div>
(set: $TotalMentiras to 0)
(display: "HUD")(display: "HUD")
<div class="passagem" id="off-center">
<div class="image-wrapper">
<img class="mobile-mockup" src="./assets/images/single_ladies11.png" alt="Conversa do
grupo Single Ladies">
</div>
<div class="button-intro">
<btn> [[<span>Prosseguir</span>|p-img2]] </btn>
</div>
</div>(display: "HUD")
<div class="passagem" id="off-center">
<div class="image-wrapper">
<img class="mobile-mockup" src="./assets/images/single_ladies22.png">
</div>
<div class="button-intro">
<btn> [[<span>Retornar</span>|p-img1]] </btn>
<btn> [[<span>Prosseguir</span>|p-img3]] </btn>
</div>
</div>(display: "HUD")
<div class="passagem" id="off-center">
<div class="image-wrapper">
<img class="mobile-mockup" src="./assets/images/single_ladies33.png">
</div>
<div class="button-intro">
[[<span>Retornar</span>|p-img2]]
[[<span>Prosseguir</span>|caminho 2]]
</div>
</div><div class="passagem center-stuff">
<span>Brigas e caos não era a consequência desejada, não é mesmo? Mas elas acontecem quando desinformações
são espalhadas.</span>
<div class="button-row">
[[<span>Eu não queria dividir a sociedade. Melhor parar com a desinformação.</span>|Final
Polarização]]
[[<span>A eleição é a única coisa que importa!</span>|Final Polarização]]
</div>
</div>
(display: "HUD")<div class="passagem center-stuff">
Escute o áudio criado com IA para manchar a imagem do Edu.
<audio controls>
<source src="./assets/images/Áudio_empresáriofake_privatização.mp3" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Foi o Siqueira que fez isso? Não pode ser! </span>|Ensinamento IA polarização]]
[[<span>Como o Siqueira pode jogar tão sujo? </span>|Ensinamento IA polarização]]
</div>
</div>
(display: "HUD")<div class="passagem center-stuff">
Escute o áudio falso que criaram para nos atacar.
<audio controls>
<source src="./assets/images/Áudio_integrante_campanha.mp4" type="audio/mpeg"
type="audio/mpeg">
</audio>
<div class="button-row">
[[<span>Droga! Não acredito que ele fez isso!. </span>|Ensinamento IA]]
[[<span>Como ele fez isso? </span>|Ensinamento IA]]
</div>
</div>
(display: "HUD")