/*! © 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}.some{display:none!important}.escondido{visibility:hidden}.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,.carta: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.gravando{background:linear-gradient(#ff8a8a,#e53935);box-shadow:0 6px 0 #a82424,0 12px 22px rgba(160,30,30,.3);animation:pulsa .9s ease-in-out infinite}.bt.ajuda{animation:ajuda .7s ease-in-out infinite}.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(18px,3.6vmin,32px);font-weight:900;color:#4b3f86;background:#ffffffd9;border-radius:28px;padding:8px 20px;text-align:center;max-width:min(92vw,820px)}.dica:empty{display:none}.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 .pipo{display:block;width:100%;height:auto;overflow:visible;transform-origin:50% 100%;filter:drop-shadow(0 8px 6px rgba(40,60,20,.25))}.mascote .asa-e,.mascote .asa-d{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.balanca{animation:balanca .7s ease-in-out 2}.mascote.palma .asa-e{animation:bateE .22s ease-in-out 6}.mascote.palma .asa-d{animation:bateD .22s ease-in-out 6}.mascote.danca{animation:dancar .6s ease-in-out 3}.mascote.treme{animation:treme .45s}.mascote.pensa{animation:pensa 1.4s ease-in-out}.mascote.de-costas .rosto{display:none}.mascote.estica .pipo{animation:esticar 3s ease-in-out 2}.mascote.estica .asa-e{animation:bracoE 3s ease-in-out 2}.mascote.estica .asa-d{animation:bracoD 3s ease-in-out 2}.mascote.abre .asa-e{animation:ladoE 3.5s ease-in-out 2}.mascote.abre .asa-d{animation:ladoD 3.5s ease-in-out 2}.mascote.respira .pipo{animation:respirar 4.5s ease-in-out 2}#jogo{--c:clamp(64px,min(20vw,23vh),150px);--g:min(2.4vmin,18px)}#jogo.ativa{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-items:stretch;justify-items:stretch;justify-content:stretch;gap:0;padding-left:0;padding-right:0}.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:4px 14px 0;min-height:0}.palco .mascote{width:min(17vmin,140px)}.mesa{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--g)*2);padding:0 12px;min-height:0}.espacos,.monte{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}.espaco{position:relative;width:var(--c);height:var(--c);border:5px dashed #9a8fd1;border-radius:28px;background:rgba(255,255,255,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.espaco .num{font-size:calc(var(--c)*.4);font-weight:900;color:#a99cdd;line-height:1}.espaco .pts{display:flex;gap:3px}.espaco .pts i{width:7px;height:7px;border-radius:50%;background:#b9a7ff}.espaco.vez{border-color:#ffb300;background:rgba(255,246,208,.8)}.espaco .etiqueta{position:absolute;left:50%;top:calc(var(--c)*-.17);transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:5px;padding:1px 10px;border-radius:16px;background:#fff;border:3px solid #cdbfff;font-size:calc(var(--c)*.24);font-weight:900;color:#6a5fa8;line-height:1.25;pointer-events:none}.espera{width:var(--c);height:var(--c);border-radius:28px;border:4px dotted rgba(154,143,209,.4)}.carta{width:var(--c);height:var(--c);padding:8px;background:#fff;border:6px solid #d9ceff;border-radius:28px;cursor:pointer;position:relative;box-shadow:0 8px 0 #bcaef2,0 14px 22px rgba(60,40,120,.2);transition:transform .12s,box-shadow .12s}.carta:active{transform:translateY(6px);box-shadow:0 2px 0 #bcaef2,0 4px 8px rgba(60,40,120,.2)}.carta .arte{width:100%;height:100%;display:block;overflow:visible}.espaco .carta{position:absolute;left:-5px;top:-5px;width:calc(100% + 10px);height:calc(100% + 10px)}.carta.pop{animation:pop .45s ease-out}.carta.agora{border-color:#ffb300;animation:pulsa .8s ease-in-out infinite;z-index:2}.carta.feito{border-color:#5cd17a}.carta.falhou{border-color:#ff6f6f;animation:treme .45s}.carta.ajuda{animation:ajuda .7s ease-in-out infinite}[data-modo="ensinar"] .carta,[data-modo="executar"] .carta{cursor:default}.cena{display:none;align-items:center;justify-content:center;min-height:calc(var(--c)*1.5);position:relative}.cena-carta{width:calc(var(--c)*1.4);height:calc(var(--c)*1.4);display:grid;place-items:center}.cena-carta .carta{width:100%;height:100%;cursor:default}.cena-carta .resultado{font-size:calc(var(--c)*1.2);line-height:1;animation:pop .6s ease-out}.cena-carta .duvida{font-size:calc(var(--c)*.9);font-weight:900;color:#e53935;line-height:1;animation:treme .5s}[data-modo="ordenar"] .cena,[data-modo="ensinar"] .cena{display:none}[data-modo="executar"] .cena{display:flex}[data-modo="executar"] .monte,[data-modo="ensinar"] .monte{display:none}.comandos{display:flex;flex-wrap:wrap;gap:calc(var(--g)*1.5);justify-content:center;align-items:center;padding:10px 12px calc(16px + env(safe-area-inset-bottom))}.espacos.treme{animation:treme .45s}[data-modo="ordenar"] .so-ensinar,[data-modo="executar"] .so-ensinar,[data-modo="ensinar"] .so-ordenar,[data-modo="executar"] .so-ordenar{display:none}[data-modo="executar"] .comandos{visibility:hidden}.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}.aviso{position:absolute;inset:0;z-index:8;display:none;align-items:center;justify-content:center;background:rgba(45,42,69,.6);padding:16px}.aviso.ativa{display:flex}.aviso .cartao{max-width:min(92vw,520px)}.aviso .cartao p{font-size:18px;margin:8px 0}.aviso .cartao .bt{display:flex;width:100%;margin-top:14px}.segurar{position:relative;overflow:hidden;font-size:24px;min-height:72px}.segurar .enche{position:absolute;left:0;top:0;bottom:0;width:100%;background:rgba(255,255,255,.4);transform:scaleX(0);transform-origin:left}.segurar.segurando .enche{animation:enche 1.5s linear forwards}.segurar .rot{position:relative}.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.07)}}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes pulo{0%,100%{transform:translateY(0)}40%{transform:translateY(-16%)}}@keyframes balanca{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes pensa{0%,100%{transform:rotate(0)}30%,70%{transform:rotate(-7deg)}}@keyframes bateE{0%,100%{transform:rotate(0)}50%{transform:rotate(-26deg)}}@keyframes bateD{0%,100%{transform:rotate(0)}50%{transform:rotate(26deg)}}@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(-12px)}}@keyframes esticar{0%,100%{transform:scale(1,1)}40%,60%{transform:scale(.94,1.12)}}@keyframes bracoE{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(165deg)}}@keyframes bracoD{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(-165deg)}}@keyframes ladoE{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(92deg)}}@keyframes ladoD{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(-92deg)}}@keyframes respirar{0%,100%{transform:scale(1,1)}50%{transform:scale(1.1,1.1)}}@keyframes enche{to{transform:scaleX(1)}}@media (max-aspect-ratio:1/1){.palco .mascote{width:min(20vmin,150px)}}@media (max-width:480px){.topo{gap:8px;padding-left:10px;padding-right:10px}.comandos .bt{min-width:52px;min-height:52px;padding:0 8px;font-size:24px}.comandos .bt.grande{min-width:92px;min-height:80px;font-size:44px}.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}.comandos{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}@media (max-height:520px) and (min-aspect-ratio:1/1){#jogo{--c:clamp(54px,min(14vw,22vh),96px)}#jogo.ativa{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto}.topo{grid-column:1 / -1}.palco{grid-column:1;grid-row:2;flex-direction:column;padding:0 0 0 12px}.palco .dica{display:none}.mesa{grid-column:2;grid-row:2}.comandos{grid-column:1 / -1;grid-row:3}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.mascote.estica .pipo{transform:scale(.94,1.12)}.mascote.estica .asa-e{transform:rotate(165deg)}.mascote.estica .asa-d{transform:rotate(-165deg)}.mascote.abre .asa-e{transform:rotate(92deg)}.mascote.abre .asa-d{transform:rotate(-92deg)}.mascote.respira .pipo{transform:scale(1.08)}}@media print{body{display:none}}