/*! © 2026 Anderson Rodrigo Costa */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden}body{font-family:"Arial Rounded MT Bold","Trebuchet MS","Segoe UI",system-ui,sans-serif;color:#2d2a45;user-select:none;-webkit-user-select:none;touch-action:manipulation;background:radial-gradient(60vmin 22vmin at 18% 14%,#fff 0,#fff0 70%),radial-gradient(52vmin 20vmin at 82% 24%,#fff 0,#fff0 70%),linear-gradient(#8fd4ff 0,#d9f3ff 62%,#a9e88b 62%,#7fd169 100%)}#app{position:fixed;inset:0}.tela{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:2.4vmin;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.tela.ativa{display:flex}#jogo.ativa{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:stretch;justify-items:stretch;justify-content:stretch;gap:0;padding-left:0;padding-right:0}.bt{border:0;border-radius:22px;min-width:64px;min-height:64px;padding:0 18px;font:inherit;font-size:30px;font-weight:900;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(#9a87ff,#6b4ff0);box-shadow:0 6px 0 #4a34b8,0 12px 22px rgba(60,40,120,.28);transition:transform .12s,box-shadow .12s}.bt:active{transform:translateY(5px);box-shadow:0 1px 0 #4a34b8,0 3px 8px rgba(60,40,120,.28)}.bt:focus-visible,.opcao:focus-visible{outline:5px solid #ffb300;outline-offset:3px}.bt.verde{background:linear-gradient(#78e695,#2fb85a);box-shadow:0 6px 0 #1f8a40,0 12px 22px rgba(20,100,50,.28)}.bt.azul{background:linear-gradient(#7cc4ff,#3b8fe6);box-shadow:0 6px 0 #266ab3,0 12px 22px rgba(30,70,140,.28)}.bt.amarelo{color:#5a4200;background:linear-gradient(#ffe27a,#ffc233);box-shadow:0 6px 0 #c28f10,0 12px 22px rgba(150,100,0,.26)}.bt.rosa{background:linear-gradient(#ff9cc2,#f0568f);box-shadow:0 6px 0 #b83168,0 12px 22px rgba(140,30,80,.28)}.bt.grande{min-width:116px;min-height:100px;font-size:52px;border-radius:34px}.bt.off{filter:grayscale(.75)}.bt svg{width:34px;height:34px}.site{position:absolute;top:calc(14px + env(safe-area-inset-top));left:16px}#creditosBtn{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;min-width:56px;min-height:56px;font-size:26px}.titulo{margin:0;text-align:center;font-size:clamp(44px,11vmin,96px);line-height:1;color:#fff;letter-spacing:1px;text-shadow:0 4px 0 #6b4ff0,0 8px 0 #4a34b8,0 16px 26px rgba(40,30,110,.35)}.fimTxt{font-size:clamp(38px,9vmin,80px);font-weight:900;color:#fff;text-align:center;text-shadow:0 4px 0 #6b4ff0,0 8px 0 #4a34b8,0 16px 26px rgba(40,30,110,.35)}.dica{font-size:clamp(20px,4.4vmin,36px);font-weight:900;color:#4b3f86;background:#ffffffd9;border-radius:28px;padding:10px 22px;text-align:center}.escondido{visibility:hidden}.passos{display:flex;gap:min(2.4vmin,18px);align-items:center;justify-content:center}.passos i{display:grid;place-items:center;width:clamp(52px,9vmin,76px);height:clamp(52px,9vmin,76px);border-radius:50%;background:#ffffffc9;font-style:normal;font-size:clamp(26px,4.6vmin,38px);box-shadow:0 4px 0 #cdbfff;transition:transform .3s,background .3s}.passos i.feito{background:#c9f2d3}.passos i.agora{background:#ffe27a;transform:scale(1.2);box-shadow:0 0 0 4px #fff,0 4px 0 #c28f10}.rodape{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:15px;font-weight:800;color:#3d3170}.rodape b{display:block;font-size:17px}.demo-tag{position:absolute;top:calc(22px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);margin:0;background:#ffffffd9;color:#6b4ff0;font-weight:900;font-size:15px;padding:6px 16px;border-radius:20px}.mascote{width:min(26vmin,230px);flex:none}.mascote.grande{width:min(46vmin,380px)}:root{--alto:100vh;--faixa-cima:58px}@supports (height:100dvh){:root{--alto:100dvh}}@media (max-width:360px){:root{--faixa-cima:112px}.demo-tag{top:calc(80px + env(safe-area-inset-top));font-size:12px;padding:4px 10px}}@media (min-height:521px){#intro{padding-top:calc(var(--faixa-cima) + env(safe-area-inset-top));padding-bottom:calc(58px + env(safe-area-inset-bottom))}#intro .mascote.grande{width:clamp(110px,calc(var(--alto) - var(--faixa-cima) - 170px - 26.8vmin - env(safe-area-inset-top) - env(safe-area-inset-bottom)),min(46vmin,380px))}}@media (max-height:520px){.demo-tag{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));left:16px;transform:none}}.mascote .joaninha{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 8px 6px rgba(40,60,20,.25))}.mascote .asa-e,.mascote .asa-d,.mascote .antenas{transform-box:fill-box}.mascote .asa-e{transform-origin:100% 0}.mascote .asa-d{transform-origin:0 0}.mascote.pula{animation:pulo .6s ease-out}.mascote.gira{animation:gira .7s ease-in-out}.mascote.balanca{animation:balanca .7s ease-in-out 2}.mascote.palma .asa-e{animation:bateE .22s ease-in-out 4}.mascote.palma .asa-d{animation:bateD .22s ease-in-out 4}.mascote.danca{animation:dancar .6s ease-in-out 3}.mascote.treme{animation:treme .45s}.mascote .joaninha{transform-origin:50% 100%}.mascote.de-costas .rosto{display:none}.mascote.estica .joaninha{animation:esticar 3s ease-in-out 2}.mascote.estica .pernas{transform-box:fill-box;transform-origin:50% 50%;animation:pernas 3s ease-in-out 2}.mascote.estica .antenas{transform-origin:50% 100%;animation:antena 3s ease-in-out 2}.mascote.abre .joaninha{animation:abrir 3.5s ease-in-out 2}.mascote.abre .pernas{transform-box:fill-box;transform-origin:50% 50%;animation:pernas 3.5s ease-in-out 2}.mascote.respira .joaninha{animation:respirar 4.5s ease-in-out 2}.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 0}.pontos{display:flex;gap:10px;align-items:center;padding:10px 16px;background:#ffffffc9;border-radius:24px}.pontos i{width:18px;height:18px;border-radius:50%;background:#cfc6f5}.pontos i.feito{background:#34c759}.pontos i.agora{width:26px;height:26px;background:#ffc233;box-shadow:0 0 0 4px #fff}.palco{display:flex;align-items:center;justify-content:center;gap:2vmin;padding:0 14px;min-height:0}.colar{flex:1;min-width:0;max-width:1000px;display:flex;flex-direction:column;align-items:center;gap:6px}#colarSvg{width:100%;height:auto;max-height:40vh;display:block;overflow:visible}.fio{stroke:#a1887f;stroke-width:6;stroke-linecap:round}.volta{opacity:.95}.v0{fill:#ffe08a}.v1{fill:#b8e6ff}.vaga{fill:rgba(255,255,255,.75);stroke:#9a8fd1;stroke-width:5;stroke-dasharray:10 9}.duvida{fill:#7a69c9;font-weight:900;font-family:inherit}.anim{transform-box:fill-box;transform-origin:center}.slot.vez .vaga{animation:pulsa 1.1s ease-in-out infinite}.brilha{animation:brilha .42s ease-out;filter:drop-shadow(0 0 12px #fff) brightness(1.18)}.pop{animation:pop .5s ease-out}.peca{overflow:visible}#ouvir{min-width:72px;min-height:60px;font-size:28px;padding:0 22px}.opcoes{display:flex;align-items:flex-start;gap:min(4vmin,36px);justify-content:center;padding:10px 12px calc(20px + env(safe-area-inset-bottom));transition:opacity .3s}.opcoes.fim{opacity:.25;pointer-events:none}.opcao{width:clamp(100px,23vmin,176px);aspect-ratio:1/1;height:auto;padding:10px;background:#fff;border:6px solid #d9ceff;border-radius:36px;cursor:pointer;box-shadow:0 8px 0 #bcaef2,0 14px 22px rgba(60,40,120,.2);transition:transform .12s,box-shadow .12s}.opcao:active{transform:translateY(6px);box-shadow:0 2px 0 #bcaef2,0 4px 8px rgba(60,40,120,.2)}.opcao .peca{width:100%;height:100%;display:block}.opcao.errada{animation:treme .45s;opacity:.3;pointer-events:none}.opcao.usada{opacity:.3;pointer-events:none}.opcao.ajuda{animation:ajuda .7s ease-in-out infinite}.mao{position:absolute;z-index:6;left:0;top:0;width:72px;height:72px;font-size:60px;line-height:72px;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s,left .6s ease,top .6s ease;filter:drop-shadow(0 4px 4px rgba(40,30,110,.35))}.mao.ativa{opacity:1}.mao.parada{transition:opacity .25s}.mao.toca{animation:toca .55s ease-in-out}.cartao{background:#fff;border-radius:36px;padding:30px 36px;text-align:center;box-shadow:0 10px 0 #cdbfff,0 22px 40px rgba(50,30,120,.25);max-width:min(88vw,480px)}.cartao .por{font-size:20px;font-weight:800;color:#6a5fa8}.cartao .autor{display:block;margin:6px 0 10px;font-size:clamp(24px,5vmin,34px);font-weight:900;color:#4b2fd0;word-break:break-word;text-decoration:none}.cartao p{margin:4px 0;font-size:16px;font-weight:700;color:#5b5486}.cartao .bt{margin-top:16px}#confete{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9}.conf{position:absolute;top:-50px;animation:cai linear forwards}@keyframes cai{to{transform:translateY(112vh) rotate(420deg)}}@keyframes pulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes brilha{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}@keyframes pop{0%{transform:scale(.2)}60%{transform:scale(1.28)}100%{transform:scale(1)}}@keyframes pulo{0%,100%{transform:translateY(0)}40%{transform:translateY(-16%)}}@keyframes gira{to{transform:rotate(360deg)}}@keyframes balanca{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes bateE{0%,100%{transform:rotate(0)}50%{transform:rotate(-24deg)}}@keyframes bateD{0%,100%{transform:rotate(0)}50%{transform:rotate(24deg)}}@keyframes dancar{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-12%) rotate(-8deg)}75%{transform:translateY(-12%) rotate(8deg)}}@keyframes treme{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}@keyframes toca{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(14px) scale(.9)}}@keyframes ajuda{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes esticar{0%,100%{transform:scale(1,1)}40%,60%{transform:scale(.92,1.14)}}@keyframes pernas{0%,100%{transform:scale(1,1)}40%,60%{transform:scale(1.3,1.08)}}@keyframes antena{0%,100%{transform:scaleY(1)}40%,60%{transform:scaleY(1.35)}}@keyframes abrir{0%,100%{transform:scale(1,1)}40%,60%{transform:scale(1.1,1)}}@keyframes respirar{0%,100%{transform:scale(1,1)}50%{transform:scale(1.1,1.1)}}@media (max-aspect-ratio:1/1){.palco{flex-direction:column;gap:2vmin}.mascote{width:min(30vmin,190px)}.colar{flex:0 0 auto;width:100%;gap:10px}#colarSvg{max-height:none}.opcoes{gap:3.2vmin}}@media (max-width:480px){.topo{gap:8px;padding-left:10px;padding-right:10px}.topo .bt{min-width:56px;min-height:56px;padding:0 12px;font-size:26px}.pontos{gap:6px;padding:8px 12px}.pontos i{width:12px;height:12px}.pontos i.agora{width:18px;height:18px;box-shadow:0 0 0 3px #fff}}@media (max-height:520px){.mascote{width:min(20vmin,140px)}.mascote.grande{width:min(30vmin,150px)}.bt.grande{min-height:80px}.passos i{width:48px;height:48px;font-size:24px}.rodape{left:auto;right:16px;text-align:right}.topo{padding-top:calc(8px + env(safe-area-inset-top))}.topo .bt{min-width:56px;min-height:56px;font-size:26px}.opcoes{padding-bottom:calc(12px + env(safe-area-inset-bottom))}#ouvir{min-width:72px;min-height:50px;font-size:26px}}@media (max-height:520px) and (min-aspect-ratio:1/1){.palco{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;column-gap:2vmin;align-items:center;justify-items:center}.colar{display:contents}#joaninha{grid-column:1;grid-row:1;align-self:end}#ouvir{grid-column:1;grid-row:2;align-self:start;margin-top:4px}#colarSvg{grid-column:2;grid-row:1 / span 2;max-height:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.mascote.estica .joaninha{transform:scale(.92,1.14)}.mascote.abre .pernas{transform:scale(1.3,1.08)}.mascote.respira .joaninha{transform:scale(1.08)}}@media print{body{display:none}}