/*! © 2026 Anderson Rodrigo Costa */
:root{--ciano:#5cf2ff;--ambar:#ffb02e;--aco:#10244a;--texto:#e8f6ff;--hud:60px;--fala:44px;--base:62px;--bal:80px}*{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:#050b1a}#palco{position:fixed;inset:0;overflow:hidden;background:#07122b;z-index:0;pointer-events:none}#palco img{position:absolute;left:0;top:0;max-width:none;opacity:0;pointer-events:none;user-select:none;-webkit-user-drag:none}#palco .sombra{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(3,8,24,0) 40%,rgba(3,8,24,.5) 100%)}.bit{position:fixed;left:0;top:0;z-index:1;opacity:0;pointer-events:none;user-select:none;-webkit-user-drag:none;max-width:none;filter:drop-shadow(0 8px 12px rgba(0,0,16,.5))}#app{position:fixed;inset:0;z-index:2;pointer-events:none}#fx{position:fixed;inset:0;width:100%;height:100%;z-index:3;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,.tela .album-cartao{pointer-events:auto}.credito{position:absolute;left:0;right:0;bottom:calc(2px + 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:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-shadow:0 1px 3px rgba(0,8,30,.95)}.escondido{visibility:hidden}.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:4px solid #fff;outline-offset:3px}.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(#5aa8ff,#2f6fe0);box-shadow:0 6px 0 #1a3f93,0 12px 22px rgba(0,10,40,.45);transition:transform .12s,box-shadow .12s}.bt:active{transform:translateY(5px);box-shadow:0 1px 0 #1a3f93,0 3px 8px rgba(0,10,40,.45)}.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(#7de9ff,#2fb4e8);box-shadow:0 6px 0 #177aa3,0 12px 22px rgba(0,30,60,.4)}.bt.amarelo{color:#4a3200;background:linear-gradient(#ffe27a,#ffb02e);box-shadow:0 6px 0 #b87810,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,#somBtn,#albumBtn{min-width:56px;min-height:56px;padding:0;font-size:26px}#siteBtn{position:absolute;top:calc(14px + env(safe-area-inset-top));left:16px;min-width:56px;min-height:56px;padding:0}.titulo{position:absolute;top:calc(4.5vh + env(safe-area-inset-top));left:0;right:0;margin:0;text-align:center;font-size:clamp(38px,min(12vw,13vh),128px);line-height:.98;letter-spacing:.02em;font-weight:900;background:linear-gradient(#ffffff 0,#c9f7ff 36%,#5cf2ff 62%,#2f9bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.1em #0a2a63;paint-order:stroke fill;filter:drop-shadow(0 .06em 0 #05163c) drop-shadow(0 0 .35em rgba(92,242,255,.5))}.titulo small{display:block;margin-top:.06em;font-size:.56em;letter-spacing:.06em;background:linear-gradient(#fff6c9,#ffd36b 50%,#ffb02e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.14em #0a2a63;paint-order:stroke fill}.comecar{position:absolute;bottom:calc(6vh + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;border:0;padding:0;border-radius:50%;background:none;cursor:pointer;color:#0a2a63;font:inherit;font-size:clamp(15px,3.2vmin,26px);font-weight:900;letter-spacing:.02em;white-space:nowrap;transition:transform .12s,box-shadow .12s;animation:respira-botao 1.6s ease-in-out infinite}.comecar:active{transform:translateX(-50%) translateY(5px)}.comecar i{display:block;width:clamp(72px,14vmin,112px);height:clamp(72px,14vmin,112px);border-radius:50%;border:clamp(4px,.8vmin,6px) solid #fff;background:linear-gradient(#ffd36b,#ffa31f);position:relative;flex:none;box-shadow:0 6px 0 #a8680a,0 12px 24px rgba(0,10,40,.5);transition:box-shadow .12s}.comecar:active i{box-shadow:0 1px 0 #a8680a,0 3px 8px rgba(0,10,40,.5)}.comecar i:after{content:"";position:absolute;left:34%;top:20.5%;border-left:.9em solid #fff;border-top:.55em solid transparent;border-bottom:.55em solid transparent;font-size:clamp(34px,6.7vmin,54px)}.comecar.com-frase{padding:10px 12px 10px 26px;border-radius:999px;background:#fff;box-shadow:0 6px 0 #8fb4d8,0 12px 24px rgba(0,20,80,.4)}.comecar.com-frase:active{box-shadow:0 1px 0 #8fb4d8}.comecar.com-frase i{width:clamp(40px,7.5vmin,58px);height:clamp(40px,7.5vmin,58px);border:0;box-shadow:none}.comecar.com-frase i:after{left:36%;top:26%;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(0,8,30,.95);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:#0a3a78;font-weight:900;font-size:15px;padding:6px 16px;border-radius:20px;pointer-events:none}.hud{position:absolute;left:10px;right:10px;top:env(safe-area-inset-top);height:var(--hud);display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.hud .bt{pointer-events:auto;flex:none}.hud-centro{display:flex;justify-content:center;min-width:0}.hud-dir{display:flex;gap:10px}.pilula{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 20px 6px;border-radius:22px;background:linear-gradient(#27406f,#14264d);border:3px solid rgba(92,242,255,.55);color:#e8fdff;font-size:clamp(12px,2.5vmin,20px);font-weight:900;letter-spacing:.05em;white-space:nowrap;box-shadow:0 4px 0 #071a40,0 8px 14px rgba(0,8,30,.4);text-transform:uppercase;line-height:1.1}.progresso{display:flex;gap:5px}.progresso i{display:block;width:clamp(8px,1.7vmin,12px);height:clamp(8px,1.7vmin,12px);border-radius:50%;background:#ffffff40;transition:background .3s,transform .3s}.progresso i.feito{background:linear-gradient(#ffe27a,#ffb02e)}.progresso i.agora{background:#5cf2ff;transform:scale(1.35)}.balao{position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;min-width:64px;min-height:64px;border:0;border-radius:28px;background:#fff;color:#2f6fe0;cursor:pointer;pointer-events:auto;box-shadow:0 5px 0 #8fb4d8,0 10px 18px rgba(0,10,40,.4);transition:transform .12s,opacity .3s}.balao:active{transform:translateY(3px);box-shadow:0 2px 0 #8fb4d8,0 4px 8px rgba(0,10,40,.4)}.balao.escondido{opacity:0;pointer-events:none}.balao:after{content:"";position:absolute;bottom:-11px;left:24px;border:11px solid transparent;border-top-color:#fff;border-bottom:0;filter:drop-shadow(0 3px 0 #8fb4d8)}.balao.lado:after{bottom:auto;top:calc(50% - 11px);left:-11px;border:11px solid transparent;border-right-color:#fff;border-left:0;filter:drop-shadow(-3px 0 0 #8fb4d8)}.balao-icones{display:flex;align-items:center;gap:8px}.balao-icones img{display:block;height:calc(var(--bal,80px)*.62);width:auto;max-width:calc(var(--bal,80px)*1.3);object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,30,.3));pointer-events:none}.balao-icones .ic{display:grid;place-items:center;height:calc(var(--bal,80px)*.62);min-width:calc(var(--bal,80px)*.5);font-size:calc(var(--bal,80px)*.52);font-weight:900;color:#2f6fe0;line-height:1}.balao-icones .ic svg{height:100%;width:auto}.balao-icones .q-reserva{display:grid;place-items:center;min-width:48px;height:calc(var(--bal,80px)*.5);padding:0 8px;border-radius:12px;border:3px dashed #5a6a94;color:#2a3a66;font-size:12px;font-weight:900;text-align:center}.balao-som{width:22px;height:22px;flex:none;opacity:.7}.balao.fala{animation:pulsa-ouvir 1s ease-in-out infinite}.balao.demo .balao-icones img{animation:demo-jeito 1.4s ease-in-out infinite}.bandeja{position:absolute;inset:0;pointer-events:none}.bandeja.escondido{visibility:hidden}.cj{--cj:#2f8cff;position:absolute;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:0;border:6px solid var(--cj);border-radius:26px;background:#fff;cursor:pointer;pointer-events:auto;touch-action:manipulation;box-shadow:0 6px 0 rgba(0,0,0,.28),0 12px 20px rgba(0,10,40,.4);transition:transform .15s ease,opacity .3s ease,filter .3s}.cj:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,.28),0 5px 10px rgba(0,10,40,.4)}.cj img{display:block;width:84%;height:84%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.cj[data-jeito="dedo"]{--cj:#2f8cff}.cj[data-jeito="mouse"]{--cj:#9a5cff}.cj[data-jeito="voz"]{--cj:#ff9a2e}.cj[data-jeito="botoes"]{--cj:#34d058}.cj .cj-reserva{display:grid;place-items:center;width:84%;height:84%;border-radius:14px;border:3px dashed #5a6a94;color:#2a3a66;font-weight:900;font-size:clamp(11px,2.2vmin,16px);text-align:center}.cj.pulsa{animation:pulsa-ap .9s ease-in-out infinite}.cj.achado{filter:saturate(.5) brightness(.9);box-shadow:0 2px 0 rgba(0,0,0,.28)}.cj.achado:after{content:"✓";position:absolute;right:6px;top:2px;font-size:clamp(22px,4vmin,34px);font-weight:900;color:var(--cj);text-shadow:0 2px 0 #fff}.cj.treme{animation:treme .45s}.cj-voo{position:fixed;z-index:8;margin:0;pointer-events:none;transition:transform .4s cubic-bezier(.3,.9,.4,1),opacity .25s ease}.extras{position:absolute;inset:0;pointer-events:none}.bt-extra{position:absolute;display:grid;place-items:center;padding:0;border:6px solid #fff;border-radius:50%;cursor:pointer;pointer-events:auto;touch-action:none;color:#fff;font-weight:900;box-shadow:0 6px 0 rgba(0,0,0,.3),0 12px 20px rgba(0,10,40,.4);transition:transform .1s,box-shadow .1s,filter .3s}.bt-extra:active,.bt-extra.apertado{transform:translateY(5px) scale(.97);box-shadow:0 1px 0 rgba(0,0,0,.3),0 4px 8px rgba(0,10,40,.4)}.bt-extra svg{width:58%;height:58%}.bt-extra.pulsa{animation:pulsa-ap .9s ease-in-out infinite}.boca{background:radial-gradient(circle at 36% 30%,#ffd08a,#ff9a2e 55%,#e66f0a)}.bt-extra.quadrado{border-radius:24%}.cor-vermelha,.cor-vermelho{background:radial-gradient(circle at 36% 30%,#ffb0be,#ff4f6d 55%,#d02a4a)}.cor-amarela,.cor-amarelo{background:radial-gradient(circle at 36% 30%,#fff1a8,#ffd23a 55%,#e0a800)}.cor-verde{background:radial-gradient(circle at 36% 30%,#a8f5bd,#34d058 55%,#1f9a3f)}.cor-azul{background:radial-gradient(circle at 36% 30%,#a8d4ff,#2f8cff 55%,#1a5fc0)}.cor-seta{background:linear-gradient(#7de9ff,#2fb4e8)}.bt-extra.usado{filter:saturate(.75) brightness(.95)}.bt-extra.treme{animation:treme .45s}.mouse-obj{grid-template:minmax(0,1fr)/minmax(0,1fr);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 6px 5px rgba(0,0,30,.5))}.mouse-obj:active,.mouse-obj.apertado{box-shadow:none;filter:drop-shadow(0 2px 2px rgba(0,0,30,.5))}.mouse-obj img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.q-reserva{display:grid;place-items:center;min-width:48px;padding:0 8px;border-radius:12px;border:3px dashed #5a6a94;background:#fff;color:#2a3a66;font-size:12px;font-weight:900;text-align:center}.ap.dirigindo{transition:transform .15s ease,opacity .35s ease}.ap.dirigindo .ap-caixa{transition:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}.poeira{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(238,226,200,.95) 0 28%,rgba(220,204,176,.55) 60%,rgba(220,204,176,0) 72%);transition:opacity .25s,transform .25s;animation:poeira 2.4s ease-in-out infinite}.poeira.sumiu{opacity:0;transform:scale(.2)}.feixe{position:absolute;pointer-events:none;opacity:0;transition:opacity .8s ease;background:linear-gradient(to top,rgba(255,250,210,.9),rgba(255,250,210,0));clip-path:polygon(38% 100%,62% 100%,100% 0,0 0)}.feixe.ligado{opacity:1}.jeito-pop{position:fixed;z-index:7;height:clamp(60px,10vmin,110px);width:auto;pointer-events:none;opacity:0;transform:translate(-50%,0) scale(.4);animation:jeitoPop 1.6s ease-out forwards}.boca.ouvindo{animation:pulsa-ouvir .55s ease-in-out infinite;box-shadow:0 0 0 8px rgba(255,154,46,.45),0 0 34px 10px rgba(255,190,90,.7)}.aparelhos{position:absolute;inset:0;pointer-events:none}.ap{position:absolute;padding:0;border:0;background:none;font:inherit;color:inherit;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;cursor:pointer;border-radius:22px;transition:transform .15s ease,opacity .35s ease,left .5s ease,top .5s ease,width .5s ease,height .5s ease}.ap.escondido{opacity:0;transform:scale(.6);pointer-events:none}.ap.inativo{pointer-events:none}.ap-caixa{position:absolute;display:block;pointer-events:none;transition:left .5s ease,top .5s ease,width .5s ease,height .5s ease}.ap-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;transition:filter 1.2s ease;filter:drop-shadow(0 8px 10px rgba(0,0,12,.5))}.ap.dormindo .ap-img{filter:brightness(.82) saturate(.8) drop-shadow(0 8px 10px rgba(0,0,12,.5))}.ap.acordado .ap-img{filter:brightness(1.04) drop-shadow(0 0 20px rgba(120,230,255,.5)) drop-shadow(0 8px 10px rgba(0,0,12,.45))}.ap-luz{position:absolute;opacity:0;border-radius:7%;pointer-events:none;transition:opacity 1.2s ease}.ap-luz.anel{border-radius:50%}.ap.acordado .ap-luz{opacity:1}.ap.apertado{transform:scale(.96)}.ap.pula{animation:pula .55s ease}.ap.treme{animation:treme .45s}.ap.pulsa{animation:pulsa-ap .9s ease-in-out infinite}.ap.pulsa .ap-caixa{filter:drop-shadow(0 0 0 #fff)}.ap-caixa.reserva{display:grid;place-items:center;border-radius:14%;background:linear-gradient(#e9eef9,#a9b6d4);border:4px dashed #53648f;color:#243562;font-weight:900;font-size:clamp(11px,2.4vmin,18px);text-align:center;padding:4px}.parabens{position:absolute;left:0;right:0;top:36%;text-align:center;font-size:clamp(46px,16vmin,170px);font-weight:900;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(#fff6b8,#ffc233 50%,#ff8a3a);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.08em #0a2a63;paint-order:stroke fill;filter:drop-shadow(0 .06em 0 #05163c) drop-shadow(0 .12em .1em rgba(0,10,40,.4));opacity:0;pointer-events:none}.parabens.ativa{animation:parabens 4.2s ease-out forwards}.final{position:absolute;left:0;right:0;top:0;bottom:0;padding-top:12%;box-sizing:border-box;text-align:center;pointer-events:none;opacity:0}.final.ativa{opacity:1}.final-titulo{font-size:clamp(28px,min(11vmin,9vw),120px);font-weight:900;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(#fff6b8,#ffc928 45%,#ff8a1f);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.07em #0a2a63;paint-order:stroke fill;filter:drop-shadow(0 .06em 0 #05163c) drop-shadow(0 .12em .1em rgba(0,10,40,.4));opacity:0}.final.ativa .final-titulo{animation:finalTitulo 1.1s cubic-bezier(.2,1.5,.4,1) forwards}.final-estrelas{display:flex;justify-content:center;gap:.15em;font-size:clamp(34px,10vmin,100px);line-height:1;margin-top:.1em}.final-estrelas i{font-style:normal;color:#ffd23a;-webkit-text-stroke:.05em #0a2a63;paint-order:stroke fill;filter:drop-shadow(0 .05em 0 #b8650a);transform:scale(0) rotate(-40deg)}.final.ativa .final-estrelas i{animation:finalEstrela .7s cubic-bezier(.2,1.6,.4,1) forwards}.final.ativa .final-estrelas i:nth-child(1){animation-delay:.9s}.final.ativa .final-estrelas i:nth-child(2){animation-delay:1.15s}.final.ativa .final-estrelas i:nth-child(3){animation-delay:1.4s}.final-sub{position:absolute;left:50%;bottom:var(--base);transform:translateX(-50%);white-space:nowrap;padding:.35em 1em;border-radius:999px;background:linear-gradient(#5aa8ff,#2f6fe0);border:.12em solid #fff;color:#fff;font-weight:900;font-size:clamp(15px,3.6vmin,34px);box-shadow:0 .25em 0 #1a3f93;opacity:0}.final.ativa .final-sub{animation:finalSub .6s ease-out 1.8s forwards}#jogo.com-final .pilula,#jogo.com-final .balao{opacity:0}@media (max-width:520px){.final-sub{white-space:normal;width:84%;text-align:center}}.fala-texto{position:absolute;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(88vw,720px);max-height:calc(var(--fala) - 2px);overflow:hidden;padding:6px 18px;border-radius:22px;background:#ffffffee;color:#0f2a5a;font-weight:800;font-size:clamp(13px,2.6vmin,21px);line-height:1.2;text-align:center;box-shadow:0 4px 0 #8fb4d8;pointer-events:none;opacity:0;transition:opacity .2s}.fala-texto.ativa{opacity:1}.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}.mao.desliza{animation:desliza-mao 1.6s ease-in-out 2}.fig-voo{position:fixed;z-index:8;width:clamp(90px,16vmin,150px);height:clamp(90px,16vmin,150px);margin:0;padding:8px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(#f7fbff,#d9e7fb);border:4px solid #fff;box-shadow:0 6px 0 #7fa2d6,0 12px 22px rgba(0,10,40,.45);color:#0f2a5a;font-weight:900;font-size:12px;text-align:center;pointer-events:none;transform:translate(-50%,-50%);transition:transform .9s cubic-bezier(.5,0,.3,1),opacity .9s ease}.fig-voo img{display:block;max-width:100%;max-height:100%;object-fit:contain}.alvo-pausa{position:absolute;left:50%;top:50%;width:min(50vmin,360px);height:min(56vmin,400px);transform:translate(-50%,-56%)}#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:#0f2a5a;background:#ffffffee;border-radius:28px;padding:8px 20px;text-align:center;max-width:min(92vw,820px);box-shadow:0 4px 0 #8fb4d8}.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 #8fb4d8;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 #b87810}#album{background:rgba(3,10,30,.62)}.album-cartao{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(94vw,780px);max-height:94vh;padding:18px 18px 20px;border-radius:30px;background:linear-gradient(#1c3a72,#102450);border:4px solid rgba(92,242,255,.6);box-shadow:0 10px 0 #061434,0 24px 44px rgba(0,8,30,.55);overflow:auto}.album-titulo{font-size:clamp(20px,4.4vmin,32px);font-weight:900;letter-spacing:.04em;color:#ffe27a;text-shadow:0 2px 0 #05163c}.album-grade{display:grid;grid-template-columns:repeat(var(--cols,3),var(--cw,180px));justify-content:center;gap:clamp(8px,1.8vmin,14px);width:100%}.fig{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;width:var(--cw,180px);aspect-ratio:4/5;min-height:0;padding:8px;border-radius:18px;background:linear-gradient(#f7fbff,#d9e7fb);border:4px solid #fff;box-shadow:0 5px 0 #7fa2d6;color:#0f2a5a;overflow:hidden}.fig-ap{flex:1;min-height:0;width:100%;display:grid;place-items:end center}.fig-ap img{display:block;max-width:92%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,30,.3))}.fig-ap .fig-reserva{display:grid;place-items:center;width:80%;height:80%;border-radius:12px;border:3px dashed #53648f;font-size:12px;font-weight:900;text-align:center}.fig-jeitos{display:flex;gap:6px;justify-content:center;min-height:clamp(26px,5.4vmin,42px)}.fig-jeitos img{display:block;height:clamp(26px,5.4vmin,42px);width:auto}.fig.vazia{background:linear-gradient(#cfd9ea,#b5c3de);box-shadow:0 5px 0 #7d90b6}.fig.vazia .fig-ap img{filter:brightness(0) opacity(.2)}.fig.vazia .fig-ap .fig-reserva{opacity:.4}.fig.nova{animation:figNova 1.1s cubic-bezier(.2,1.5,.4,1) both}.tela.modal{background:rgba(3,10,30,.58);pointer-events:auto;overflow:auto}.cartao{position:relative;background:#f4f9ff;border-radius:32px;padding:26px 30px 30px;text-align:left;box-shadow:0 10px 0 #8fb4d8,0 22px 40px rgba(0,10,40,.5);width:min(92vw,560px);max-height:88vh;overflow:auto;color:#0f2a5a}.cartao h2{margin:0 0 8px;font-size:clamp(22px,4.4vmin,32px);color:#2f6fe0;text-align:center}.cartao p{margin:8px 0;font-size:clamp(14px,2.6vmin,17px);font-weight:700;line-height:1.35;color:#243c70}.cartao .por{font-size:20px;font-weight:800;color:#4a63a0;text-align:center}.cartao .autor{display:block;margin:6px 0 10px;font-size:clamp(24px,5vmin,34px);font-weight:900;color:#0e8fb0;word-break:break-word;text-decoration:none;text-align:center}.cartao .autoria{text-align:center;color:#4a63a0;font-size:14px}.cartao #fechar{display:flex;margin:16px auto 0;min-height:56px}.ap.arrastar{cursor:grab}.ap.arrastar.apertado{cursor:grabbing}.mouse-obj{cursor:grab}@media (hover:hover){.cj:hover{transform:translateY(-4px)}.cj:active{transform:translateY(4px)}.ap:not(.inativo):not(.escondido):hover .ap-img{filter:brightness(1.1) drop-shadow(0 8px 10px rgba(0,0,12,.5))}.bt-extra:hover{filter:brightness(1.08)}.balao:hover{transform:translateY(-2px)}.bt:hover{filter:brightness(1.08)}}@keyframes respira-botao{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.04)}}@keyframes desliza-mao{0%{transform:translateX(0)}45%{transform:translateX(var(--vao,-120px))}55%{transform:translateX(var(--vao,-120px))}100%{transform:translateX(0)}}@keyframes toca{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(14px) scale(.9)}}@keyframes pula{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-12%) scale(1.06)}65%{transform:translateY(0) scale(.97)}}@keyframes treme{0%,100%{transform:translateX(0) rotate(0)}18%{transform:translateX(-5%) rotate(-2deg)}42%{transform:translateX(5%) rotate(2deg)}66%{transform:translateX(-3%) rotate(-1deg)}}@keyframes jeitoPop{0%{opacity:0;transform:translate(-50%,10px) scale(.4)}20%{opacity:1;transform:translate(-50%,-6px) scale(1.1)}70%{opacity:1;transform:translate(-50%,-18px) scale(1)}100%{opacity:0;transform:translate(-50%,-34px) scale(1)}}@keyframes poeira{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulsa-ap{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes pulsa-ouvir{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes demo-jeito{0%,100%{transform:translateX(0) scale(1)}35%{transform:translateX(-14%) scale(1.04)}70%{transform:translateX(14%) scale(1.04)}}@keyframes figNova{0%{transform:scale(.3) rotate(-8deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}@keyframes finalTitulo{0%{opacity:0;transform:scale(.3) rotate(-5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes finalEstrela{0%{transform:scale(0) rotate(-40deg)}100%{transform:scale(1) rotate(0)}}@keyframes finalSub{0%{opacity:0;margin-bottom:-20px}100%{opacity:1;margin-bottom:0}}@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}.titulo{top:calc(6vh + env(safe-area-inset-top))}}@media (max-height:520px){.titulo{top:calc(2.5vh + env(safe-area-inset-top));font-size:clamp(28px,min(9vw,15vh),72px)}.comecar{bottom:calc(12px + env(safe-area-inset-bottom))}.comecar i{width:60px;height:60px;border-width:4px}.comecar i:after{font-size:29px}.comecar.com-frase{padding:5px 7px 5px 14px;gap:10px;font-size:13px}.comecar.com-frase i{width:34px;height:34px}.comecar.com-frase i:after{font-size:17px}.rodape{left:auto;right:16px;width:122px;text-align:right;font-size:12px}.rodape b{font-size:13px}.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}#voltarBtn,#somBtn,#siteBtn,#infoBtn,#albumBtn{min-width:48px;min-height:48px}.album-cartao{gap:8px;padding:10px}}@media (max-width:360px){.demo-tag{top:calc(80px + env(safe-area-inset-top));font-size:12px;padding:4px 10px}}@media (min-height:521px) and (max-height:760px){.rodape b{display:inline;margin-left:.3em}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ap-luz{transition:opacity .1s!important}.parabens.ativa{opacity:1;transform:scale(1)}.final-titulo,.final-estrelas i{opacity:1!important;transform:none!important}.final-sub{opacity:1!important}}@media print{body{display:none}}