/*! © 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:#fff;user-select:none;-webkit-user-select:none;touch-action:manipulation;background:#8fd0ff}#c3d{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#app{position:fixed;inset:0;pointer-events:none}.tela{position:absolute;inset:0;z-index:1;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);pointer-events:none}.tela.ativa{display:flex}.tela button,.tela a,.tela .cartao,.tela .alvo-pausa{pointer-events:auto}.credito{position:absolute;left:0;right:0;bottom:calc(4px + env(safe-area-inset-bottom));height:16px;line-height:16px;padding:0 8px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.3px;color:#fff;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 3px rgba(20,30,70,.9)}.escondido{visibility:hidden}.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.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(#b08cff,#7a55e8);box-shadow:0 6px 0 #4a34b8,0 12px 22px rgba(30,20,80,.4);transition:transform .12s,box-shadow .12s}.bt:active{transform:translateY(5px);box-shadow:0 1px 0 #4a34b8,0 3px 8px rgba(30,20,80,.4)}.bt:focus-visible,.comecar:focus-visible,.nivel-btn:focus-visible{outline:5px solid #fff;outline-offset:3px}.bt.verde{background:linear-gradient(#78e695,#2fb85a);box-shadow:0 6px 0 #1f8a40,0 12px 22px rgba(5,40,20,.4)}.bt.azul{background:linear-gradient(#7cc4ff,#3b8fe6);box-shadow:0 6px 0 #266ab3,0 12px 22px rgba(10,30,70,.4)}.bt.amarelo{color:#5a4200;background:linear-gradient(#ffe27a,#ffc233);box-shadow:0 6px 0 #c28f10,0 12px 22px rgba(70,45,0,.4)}.bt.grande{min-width:116px;min-height:100px;font-size:52px;border-radius:34px}.bt svg{width:34px;height:34px}#infoBtn{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;min-width:56px;min-height:56px;font-size:26px}#voltarBtn{position:absolute;top:calc(14px + env(safe-area-inset-top));left:16px}#casaBtn{position:absolute;top:calc(14px + env(safe-area-inset-top));left:16px}.titulo{position:absolute;top:calc(6vh + env(safe-area-inset-top));left:0;right:0;margin:0;text-align:center;font-size:clamp(46px,min(15vw,15vh),150px);line-height:.95;letter-spacing:.02em;font-weight:900;background:linear-gradient(#ff8ac8 0,#ff4fa3 46%,#5ab4ff 54%,#2f6ae8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.09em #fff;paint-order:stroke fill;filter:drop-shadow(0 .06em 0 #6a2a9a) drop-shadow(0 .12em .1em rgba(40,20,90,.35))}.comecar{position:absolute;bottom:calc(7vh + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;border:0;cursor:pointer;padding:10px 12px 10px 26px;border-radius:999px;background:#fff;color:#2a2a6a;font:inherit;font-size:clamp(15px,3.2vmin,26px);font-weight:900;letter-spacing:.02em;white-space:nowrap;box-shadow:0 6px 0 #9fb4d8,0 12px 24px rgba(30,40,100,.35);transition:transform .12s,box-shadow .12s;animation:respira-botao 1.6s ease-in-out infinite}.comecar:active{transform:translateX(-50%) translateY(5px);box-shadow:0 1px 0 #9fb4d8}.comecar i{display:block;width:clamp(40px,7.5vmin,58px);height:clamp(40px,7.5vmin,58px);border-radius:50%;background:linear-gradient(#5cd0ff,#2b8ae8);position:relative;flex:none}.comecar i:after{content:"";position:absolute;left:36%;top:26%;border-left:.9em solid #fff;border-top:.55em solid transparent;border-bottom:.55em solid transparent;font-size:clamp(20px,3.6vmin,28px)}.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:#fff;text-shadow:0 1px 3px rgba(20,30,70,.9);pointer-events:none}.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:#ffffffe6;color:#1b4a80;font-weight:900;font-size:15px;padding:6px 16px;border-radius:20px;pointer-events:none}.faixa{position:absolute;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);padding:10px 26px;border-radius:999px;background:linear-gradient(#ff7ac0,#ff4fa3);border:5px solid #fff;color:#fff;font-size:clamp(16px,3.4vmin,28px);font-weight:900;letter-spacing:.04em;white-space:nowrap;box-shadow:0 5px 0 #b02a78,0 10px 20px rgba(60,20,90,.3);text-shadow:0 2px 0 rgba(120,20,80,.5);pointer-events:none}.niveis-teclado{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}.niveis-teclado:focus-within{left:50%;top:50%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;gap:8px;background:#fff;padding:12px;border-radius:16px}.nivel-btn{font:inherit;font-size:18px;padding:12px 16px;border-radius:12px;border:2px solid #4a74e0;background:#fff;color:#2a2a6a;cursor:pointer}.pilula{position:absolute;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);padding:8px 22px;border-radius:999px;background:linear-gradient(#ff7ac0,#ff4fa3);border:4px solid #fff;color:#fff;font-size:clamp(14px,3vmin,24px);font-weight:900;letter-spacing:.04em;white-space:nowrap;box-shadow:0 4px 0 #b02a78,0 8px 16px rgba(60,20,90,.3);text-shadow:0 2px 0 rgba(120,20,80,.5);pointer-events:none}.progresso{position:absolute;top:calc(18px + env(safe-area-inset-top) + clamp(44px,8vmin,60px));left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff55;pointer-events:none}.progresso i{display:block;width:clamp(10px,2vmin,16px);height:clamp(10px,2vmin,16px);border-radius:50%;background:#ffffffa0;transition:background .3s,transform .3s}.progresso i.feito{background:linear-gradient(#ffe27a,#ffb300);transform:scale(1.15)}.parabens{position:absolute;left:0;right:0;top:34%;text-align:center;font-size:clamp(46px,16vmin,170px);font-weight:900;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(#ffe27a,#ff9a2e 50%,#ff4fa3);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.08em #fff;paint-order:stroke fill;filter:drop-shadow(0 .06em 0 #8a2a9a) drop-shadow(0 .14em .1em rgba(40,20,90,.4));opacity:0;transform:scale(.4);pointer-events:none}.parabens.ativa{animation:parabens 4.2s ease-out forwards}.mao{position:absolute;z-index:9;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;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.mao.ativa{opacity:1}.mao.toca{animation:toca .55s ease-in-out}.alvo-pausa{position:absolute;left:50%;top:50%;width:min(60vmin,420px);height:min(46vmin,320px);transform:translate(-50%,-55%)}#pausa{justify-content:flex-end;padding-bottom:calc(36px + env(safe-area-inset-bottom))}.dica{font-size:clamp(17px,3.4vmin,30px);font-weight:900;color:#2a2a6a;background:#ffffffee;border-radius:28px;padding:8px 20px;text-align:center;max-width:min(92vw,820px);box-shadow:0 4px 0 #9fb4d8}.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:#ffffffd0;font-style:normal;font-size:clamp(26px,4.6vmin,38px);box-shadow:0 4px 0 #9fb4d8;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}.tela.modal{background:rgba(25,20,70,.5);pointer-events:auto;overflow:auto}.cartao{position:relative;background:#fffaf0;border-radius:32px;padding:26px 30px 30px;text-align:left;box-shadow:0 10px 0 #9fb4d8,0 22px 40px rgba(20,20,60,.45);width:min(92vw,560px);max-height:88vh;overflow:auto;color:#2a2a6a}.cartao h2{margin:0 0 8px;font-size:clamp(22px,4.4vmin,32px);color:#d6358a;text-align:center}.cartao p{margin:8px 0;font-size:clamp(14px,2.6vmin,17px);font-weight:700;line-height:1.35;color:#3a3a74}.cartao .por{font-size:20px;font-weight:800;color:#5a5aa0;text-align:center}.cartao .autor{display:block;margin:6px 0 10px;font-size:clamp(24px,5vmin,34px);font-weight:900;color:#2f6ae8;word-break:break-word;text-decoration:none;text-align:center}.cartao .autoria{text-align:center;color:#5a5aa0;font-size:14px}.cartao #fechar{display:flex;margin:16px auto 0;min-height:56px}@keyframes respira-botao{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.04)}}@keyframes toca{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(14px) scale(.9)}}@keyframes parabens{0%{opacity:0;transform:scale(.4) rotate(-6deg)}14%{opacity:1;transform:scale(1.12) rotate(2deg)}24%{transform:scale(1) rotate(0)}85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.06)}}@media (max-width:480px){.bt.grande{min-width:92px;min-height:80px;font-size:44px}.pilula{padding:6px 14px;font-size:13px}.titulo{top:calc(7vh + env(safe-area-inset-top))}}@media (max-height:520px){.titulo{top:calc(3vh + env(safe-area-inset-top));font-size:clamp(34px,min(11vw,17vh),80px)}.comecar{bottom:calc(14px + env(safe-area-inset-bottom));padding:6px 8px 6px 18px}.rodape{left:auto;right:16px;text-align:right}.passos i{width:48px;height:48px;font-size:24px}.bt.grande{min-height:80px}.demo-tag{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));left:16px;transform:none}}@media (max-width:360px){.demo-tag{top:calc(80px + env(safe-area-inset-top));font-size:12px;padding:4px 10px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.parabens.ativa{opacity:1;transform:scale(1)}}@media print{body{display:none}}