/* HOJE */
.dia{display:flex;align-items:flex-end;gap:8px;padding:6px var(--margem) 0}
.dia .n{font:700 var(--tam-numeral)/.9 var(--f-t);color:var(--floresta);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.dia .de{font:600 32px var(--f-t);color:var(--tinta-suave);padding-bottom:4px}
.dia .onde{margin-left:auto;text-align:right;font:600 var(--tam-rotulo)/1.3 var(--f-x);color:var(--tinta-suave);padding-bottom:6px}
.contas{display:flex;align-items:center;gap:8px;padding:14px var(--margem) 4px}
.contas .ontem{margin-left:auto;font:600 16px var(--f-x);color:var(--tinta-suave);display:flex;align-items:center;gap:6px}
.cartao-hoje{margin:12px var(--margem) 0;overflow:hidden}
.cartao-hoje .foto{position:relative;height:300px;background:var(--menta) center 18%/cover no-repeat}
.cartao-hoje .foto .ph{padding:20px}
.cartao-hoje .foto .ph .moldura{width:120px;height:120px}
.cartao-hoje .selo{position:absolute;left:12px;top:12px;background:#fff;border-radius:999px;padding:6px 12px;font:600 16px var(--f-x);color:var(--floresta);display:flex;gap:6px;align-items:center;z-index:2}
.cartao-hoje .txt{padding:14px 18px 16px}
.cartao-hoje h2{font-size:32px}
.meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font:600 19px var(--f-x);color:var(--tinta)}
.meta span{display:flex;align-items:center;gap:6px}
.meta svg{color:var(--floresta)}
.bloco-escuro{margin:12px var(--margem) 0;background:var(--floresta);color:#fff;border-radius:var(--r-m);padding:22px;display:flex;gap:16px;align-items:center}
.bloco-escuro h2{color:#fff;font-size:32px}
.bloco-escuro p{font-size:19px;opacity:.95;margin-top:4px}
.bloco-sol{margin:12px var(--margem) 0;background:var(--sol-claro);border-radius:var(--r-m);padding:20px;display:flex;gap:14px;align-items:center}
.bloco-sol h2{font-size:32px;color:var(--floresta-funda)}
.bloco-sol p{font-size:19px;color:var(--tinta);margin-top:4px}
.bloco-sol img{width:72px;flex-shrink:0}
.aviso-erro{margin:24px var(--margem);text-align:center}
.aviso-erro p{margin:8px 0 16px}

/* TRILHA */
.mapa{display:flex;gap:16px;padding:8px var(--margem) 6px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}
.mapa::-webkit-scrollbar{display:none}
.mapa button{display:flex;flex-direction:column;align-items:center;gap:4px;font:600 16px var(--f-x);color:var(--tinta-suave);min-width:52px;min-height:var(--toque);white-space:nowrap;flex-shrink:0}
.mapa .anel{position:relative;width:46px;height:46px}
.mapa .anel svg{position:absolute;inset:0;transform:rotate(-90deg)}
.mapa .anel i{position:absolute;inset:7px;border-radius:50%}
.mundo{margin:18px 16px 0;border-radius:var(--r-m);overflow:hidden;position:relative;min-height:150px;padding:18px 18px 16px;color:var(--floresta-funda);scroll-margin-top:12px;isolation:isolate}
.mundo .cena{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.mundo small{font:700 16px var(--f-x);letter-spacing:.08em;text-transform:uppercase}
.mundo h2{font-size:32px;color:inherit;margin:4px 0 6px}
.mundo p{font:500 19px/1.35 var(--f-x);max-width:240px}
.mundo .qtd{margin-top:10px;font:600 16px var(--f-x);display:inline-flex;gap:6px;align-items:center;background:#ffffffd9;border-radius:999px;padding:4px 10px;color:var(--floresta)}
.mundo.claro{color:#fff}
.mundo.nevoa{opacity:.62}
.semana-linha{display:flex;align-items:center;gap:10px;margin:10px 16px 0;padding:0 16px;min-height:56px;border-radius:var(--r-m);background:#ffffffb3;font:600 19px var(--f-x);color:var(--floresta);width:calc(100% - 32px);text-align:left}
.semana-linha .ok{width:30px;height:30px;border-radius:50%;background:var(--floresta);color:#fff;display:grid;place-items:center}
.semana-linha .ok svg{width:18px;height:18px}
.semana-linha .fut{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--linha);display:grid;place-items:center;font:700 16px var(--f-t);color:var(--tinta-suave)}
.semana-linha .seta{margin-left:auto;color:var(--tinta-suave)}
.sem-rot{margin:18px var(--margem) 0;font:700 16px var(--f-x);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-suave)}
.caminho{position:relative;margin:0 16px}
.caminho svg.linha{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.pedra{position:absolute;width:var(--pedra);height:var(--pedra);margin:calc(var(--pedra) / -2) 0 0 calc(var(--pedra) / -2);border-radius:50%;display:grid;place-items:center}
.pedra .fig-ic{width:28px;height:28px}
.pedra.feito{background:var(--floresta);color:#fff;box-shadow:0 5px 0 #173a30}
.pedra .marca-ok{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--floresta);display:grid;place-items:center;box-shadow:0 0 0 2px var(--floresta)}
.pedra .marca-ok svg{width:16px;height:16px;stroke-width:3}
.pedra .estrelinha{position:absolute;left:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;background:var(--sol);color:var(--sol-tinta);display:grid;place-items:center}
.pedra .estrelinha svg{width:15px;height:15px}
.pedra.futuro{background:var(--papel);color:#8d9c93;box-shadow:0 5px 0 #d9d0bf,inset 0 0 0 2px #e8dfcf}
.pedra.hoje{width:var(--pedra-hoje);height:var(--pedra-hoje);margin:calc(var(--pedra-hoje) / -2) 0 0 calc(var(--pedra-hoje) / -2);background:var(--sol);color:var(--sol-tinta);box-shadow:0 6px 0 var(--sol-sombra)}
.pedra.hoje::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:3px solid var(--sol);animation:pulsa 1.8s ease-out infinite}
@keyframes pulsa{from{transform:scale(.92);opacity:1}to{transform:scale(1.18);opacity:0}}
.pedra.hoje .fig-ic{width:38px;height:38px}
.pedra .selinho{position:absolute;left:-6px;top:-6px;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--floresta);display:grid;place-items:center;box-shadow:0 0 0 2px var(--linha)}
.pedra .selinho svg{width:15px;height:15px}
.pedra.hoje .selinho{top:auto;bottom:-6px}
.pedra.checkin{width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:12px;transform:rotate(45deg);background:#fff;box-shadow:inset 0 0 0 3px var(--sol),0 4px 0 #d8c46b;color:var(--floresta)}
.pedra.checkin:active{transform:rotate(45deg) scale(.97)}
.pedra.checkin>*{transform:rotate(-45deg)}
.pedra.checkin.feito{background:var(--floresta);box-shadow:0 4px 0 #173a30;color:#fff}
.pedra.checkin.futuro{box-shadow:inset 0 0 0 2px #d8d0c0;background:var(--papel);color:#8d9c93}
.pedra.checkin.pendente{animation:pulsa-ck 1.6s ease-in-out 2}
@keyframes pulsa-ck{50%{transform:rotate(45deg) scale(1.15)}}
.pedra.acabou{animation:acende 520ms var(--mola)}
.bis{position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;border:2.5px dashed var(--marca);background:#ffffffcc;color:var(--marca);font:700 16px var(--f-t);display:grid;place-items:center;line-height:1}
.dobra{position:absolute;width:54px;height:auto;margin:-82px 0 0 -27px;pointer-events:none;z-index:3;filter:drop-shadow(0 3px 0 #0000001a)}
.dobra.pula{animation:pula 640ms var(--saida)}
@keyframes pula{0%{transform:translateY(0)}40%{transform:translateY(-38px) rotate(-8deg)}100%{transform:none}}
.monumento{display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px auto 0;width:240px;text-align:center}
.monumento .base{width:var(--monumento);height:var(--monumento);border-radius:30px 30px 18px 18px;background:var(--papel);box-shadow:0 6px 0 #d9d0bf,inset 0 0 0 2px #e8dfcf;display:grid;place-items:center;color:var(--floresta)}
.monumento .base svg{width:56px;height:56px;stroke-width:1.6}
.monumento.aceso .base{color:#fff;box-shadow:0 6px 0 #00000026}
.monumento b{font:600 19px var(--f-t);color:var(--floresta)}
.monumento span{font:500 16px var(--f-x);color:var(--tinta-suave)}
.fim-plano{margin:22px 16px 30px;padding:18px;border-radius:20px;border:2px dashed var(--linha);text-align:center;font:500 var(--tam-rotulo) var(--f-x);color:var(--tinta-suave)}
.fim-plano b{display:block;font:600 var(--tam-acao) var(--f-t);color:var(--floresta);margin-bottom:4px}
.flutua{position:absolute;left:12px;right:12px;bottom:calc(var(--abas) + 12px + env(safe-area-inset-bottom));z-index:10;background:var(--floresta-funda);color:#fff;border-radius:20px;padding:10px 10px 10px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 24px -10px #1f493d99}
.flutua .fig{width:46px;height:46px;box-shadow:0 0 0 3px #fff}
.flutua small{display:block;font:600 16px var(--f-x);color:var(--painel-suave)}
.flutua b{font:600 19px/1.15 var(--f-t)}
.flutua button{margin-left:auto;min-height:52px;padding:0 16px;border-radius:14px;background:var(--sol);color:var(--sol-tinta);font:600 19px var(--f-t);display:flex;align-items:center;gap:6px;flex-shrink:0}

/* PREPARA */
.prep .topo span{margin-left:auto;font:600 19px var(--f-x);color:var(--tinta-suave)}
.versao{margin:0 var(--margem) 10px;padding:10px 14px;border-radius:14px;background:var(--sol-claro);font:600 var(--tam-rotulo)/1.3 var(--f-x);color:var(--sol-tinta);display:flex;gap:8px;align-items:center}
.player{position:relative;margin:0 16px;flex:1 1 auto;min-height:220px;border-radius:var(--r-m);overflow:hidden;background:var(--menta) center 20%/cover no-repeat}
.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--menta)}
.player .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px;border-radius:50%;background:#fff;color:var(--floresta);display:grid;place-items:center;box-shadow:var(--papel-1);z-index:3}
.player .play svg{width:34px;height:34px;fill:currentColor;stroke:none;margin-left:5px}
.player .tempo{position:absolute;left:12px;top:12px;background:var(--floresta-funda);color:#fff;border-radius:999px;padding:6px 12px;font:600 16px var(--f-x);display:flex;gap:6px;align-items:center;z-index:3}
.player .tempo svg{width:16px;height:16px}
.player .som{position:absolute;right:12px;top:12px;z-index:3;width:48px;height:48px}
.player .legenda{position:absolute;left:14px;right:14px;bottom:22px;text-align:center;z-index:3}
.player .legenda span{background:#1f493de6;color:#fff;font:600 var(--tam-corpo)/1.5 var(--f-x);padding:3px 8px;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.player .barra-v{position:absolute;left:0;bottom:0;height:5px;background:var(--sol);width:0;z-index:3}
.player .estado{position:absolute;inset:auto 12px 12px 12px;z-index:4;background:#fffffff2;border-radius:14px;padding:10px 12px;font:600 var(--tam-rotulo)/1.3 var(--f-x);color:var(--floresta-funda);display:flex;gap:8px;align-items:center}
.player .gira{width:22px;height:22px;border-radius:50%;border:3px solid var(--linha);border-top-color:var(--floresta);animation:gira .9s linear infinite;flex-shrink:0}
@keyframes gira{to{transform:rotate(360deg)}}
.player.tocando{animation:kb 9s linear forwards}
@keyframes kb{from{background-size:110%}to{background-size:128%}}
.player .ph{padding:20px}
.prep h1{font-size:32px;padding:14px var(--margem) 0}
.prep .pq{padding:4px var(--margem) 0;font-size:var(--tam-corpo);color:var(--tinta-suave)}
.mats{display:flex;gap:10px;padding:12px var(--margem) 0}
.mat{flex:1;min-height:84px;border-radius:var(--r-m);background:#fff;box-shadow:inset 0 0 0 1.5px var(--linha);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:600 16px/1.2 var(--f-x);color:var(--floresta);position:relative;text-align:center;padding:6px}
.mat svg{width:30px;height:30px}
.mat[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--floresta);background:#f4faf6}
.mat[aria-pressed=true]::after{content:"";position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:var(--floresta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.aviso{display:flex;gap:8px;align-items:center;margin:10px var(--margem) 0;font:600 var(--tam-rotulo) var(--f-x);color:var(--alerta)}

/* JUNTOS */
#juntos{background:var(--floresta-funda)}
.palco{position:relative;flex:1 1 55%;min-height:300px;background:var(--menta);border-radius:0 0 28px 28px;overflow:hidden}
.palco .img{position:absolute;inset:0;background:var(--menta) center 30%/cover no-repeat}
.palco-topo{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 14px 14px;z-index:3}
.passos{display:flex;gap:7px;margin:0 auto;background:#ffffffe6;padding:10px 12px;border-radius:999px}
.passos i{width:12px;height:12px;border-radius:50%;background:#c9d6cd;transition:background 200ms,transform 300ms var(--mola)}
.passos i.f{background:var(--floresta)}
.passos i.a{background:var(--damasco);transform:scale(1.35)}
.painel{flex:0 0 auto;display:flex;flex-direction:column;padding:14px var(--margem) calc(14px + env(safe-area-inset-bottom));color:#fff}
.painel .nome-passo{font:600 16px var(--f-x);letter-spacing:.06em;text-transform:uppercase;color:var(--painel-suave)}
.painel h2{color:#fff;font-size:var(--tam-tela);line-height:1.1;margin:4px 0 10px}
.painel h2.longo{font-size:32px}
.ctrl{display:flex;align-items:center;gap:14px;min-height:96px}
.relogio{position:relative;width:96px;height:96px;border-radius:50%;flex-shrink:0;color:#fff}
.relogio svg{position:absolute;inset:0;transform:rotate(-90deg)}
.relogio .dig{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 32px var(--f-t);font-variant-numeric:tabular-nums;line-height:1}
.relogio .dig small{font:600 16px var(--f-x);margin-top:4px;color:var(--painel-suave)}
.crianca{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.ctoque{width:var(--alvo-crianca);height:var(--alvo-crianca);border-radius:50%;background:var(--sol);color:var(--sol-tinta);display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 32px/1 var(--f-t);box-shadow:0 5px 0 #b89a26;text-align:center}
.ctoque small{font:600 16px/1.1 var(--f-x);margin-top:4px;max-width:80px}
.ctoque.ok{background:#fff;color:var(--floresta);box-shadow:0 5px 0 #9fbfae}
.ctoque.pop{animation:acende 380ms var(--mola)}
.stepper{display:flex;align-items:center;gap:6px}
.stepper button{width:56px;height:56px;border-radius:50%;background:#ffffff1f;color:#fff;font:600 32px var(--f-t);display:grid;place-items:center}
.stepper output{min-width:80px;text-align:center;font:700 44px/1 var(--f-t);font-variant-numeric:tabular-nums;color:var(--sol);display:block}
.stepper .rot{display:block;font:600 16px var(--f-x);color:var(--painel-suave);margin-top:4px;text-align:center}
.ajudas{display:flex;gap:8px;margin:10px 0 12px}
.ajudas button{flex:1;min-height:48px;border-radius:14px;background:#ffffff14;color:#fff;font:600 var(--tam-rotulo) var(--f-x);display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding:0 6px}
.ajudas svg{width:18px;height:18px}
#juntos.noite .palco{background:var(--floresta-noite)}
#juntos.noite .ph{background:var(--floresta-noite);color:var(--painel-suave)}
#juntos.noite .ph b{color:#fff}

/* COMEMORA */
#comemora{background:var(--sol)}
#comemora .foto{flex:1 1 300px;min-height:180px;max-height:300px;background:var(--sol) center 8%/cover no-repeat}
#comemora h1{font-size:var(--tam-momento);color:var(--floresta-funda);text-align:center;margin-top:8px}
#comemora .sub{text-align:center;font:600 var(--tam-corpo) var(--f-x);color:var(--sol-tinta);margin-top:4px}
.zona-fig{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px var(--margem) 0;min-height:150px}
.fig.grande{width:132px;height:132px;cursor:pointer;animation:balanca 2.2s ease-in-out infinite}
@keyframes balanca{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(-2deg) scale(1.05)}}
.fig.voa{transition:transform 680ms var(--mola);animation:none;z-index:30}
.dica-fig{font:600 19px/1.3 var(--f-x);color:var(--sol-tinta);max-width:150px}
.zona-fig.colou .dica-fig{max-width:none;text-align:center;font-size:19px}
.pagina-mini{margin:12px var(--margem) 0;padding:12px;display:flex;gap:6px;align-items:center;justify-content:space-between}
.dobra-pop{position:absolute;width:84px;right:18px;bottom:96px;transform:translateY(160%);transition:transform 500ms var(--mola);z-index:5;pointer-events:none}
.dobra-pop.on{transform:none}

/* COMO FOI */
#comofoi{background:var(--sol-claro)}
#comofoi h1{font-size:32px;padding:22px var(--margem) 0;color:var(--floresta-funda)}
.opcoes{display:flex;gap:10px;padding:18px var(--margem) 0}
.opcao{flex:1;height:132px;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font:600 19px/1.15 var(--f-x);color:var(--floresta);box-shadow:var(--papel-1);text-align:center}
.opcao svg{width:40px;height:40px;stroke-width:1.8}
.opcao[aria-pressed=true]{background:var(--floresta);color:#fff;animation:acende 380ms var(--mola)}
.opcoes.escolheu .opcao[aria-pressed=false]{opacity:.45}
.resposta{padding:16px var(--margem) 0;font:500 19px/1.4 var(--f-x);color:var(--tinta)}

/* ÁLBUM */
.album-topo h1,.prog h1{font-size:var(--tam-tela);padding:6px var(--margem) 2px}
.album-topo p{padding:0 var(--margem);color:var(--tinta-suave);font:600 var(--tam-rotulo) var(--f-x)}
.paginas{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:14px var(--margem) 6px;scrollbar-width:none}
.paginas::-webkit-scrollbar{display:none}
.pagina{flex:0 0 min(330px,84vw);scroll-snap-align:center;padding:10px}
.pagina .cena{position:relative;height:380px;border-radius:var(--r-m);overflow:hidden}
.pagina .cena svg.fundo{position:absolute;inset:0;width:100%;height:100%}
.pagina .cena .slot{position:absolute;width:64px;height:64px;margin:-32px 0 0 -32px;background:#ffffff8c;border-color:#ffffffcc;color:var(--floresta)}
.pagina .cena .slot .fig{width:64px;height:64px}
.pagina .cena .dobra-a{position:absolute;width:70px;left:14px;bottom:10px}
.pagina .rodape{display:flex;justify-content:space-between;align-items:center;padding:10px 6px 4px;gap:8px}
.pagina .rodape b{font:600 19px var(--f-t);color:var(--floresta)}
.pagina .rodape span{font:600 16px var(--f-x);color:var(--tinta-suave);white-space:nowrap}
.pontos{display:flex;gap:8px;justify-content:center;padding:6px 0}
.pontos i{width:9px;height:9px;border-radius:50%;background:var(--linha)}
.pontos i.a{background:var(--floresta);width:22px;border-radius:9px}
.numeros{display:flex;gap:10px;padding:14px var(--margem) 0}
.numeros div{flex:1;padding:12px 10px}
.numeros b{display:block;font:700 32px/1 var(--f-t);color:var(--floresta);font-variant-numeric:tabular-nums}
.numeros span{font:600 16px/1.2 var(--f-x);color:var(--tinta-suave)}

/* PROGRESSO */
.secao{margin:18px var(--margem) 0;padding:16px}
.secao h2{font-size:22px}
.secao .nota{font:500 16px var(--f-x);color:var(--tinta-suave);margin-top:4px}
.sinal{margin-top:16px}
.sinal h3{font:600 19px/1.25 var(--f-t);color:var(--tinta);margin-bottom:8px}
.escala{display:grid;grid-template-columns:64px repeat(4,1fr);gap:5px;align-items:center;margin-bottom:5px}
.escala small{font:600 16px var(--f-x);color:var(--tinta-suave)}
.escala i{height:26px;border-radius:7px;background:var(--menta)}
.escala i.antes{background:#fff;box-shadow:inset 0 0 0 3px var(--damasco)}
.escala i.agora{background:var(--floresta);transform-origin:left;animation:cresce 500ms var(--saida)}
@keyframes cresce{from{transform:scaleX(.2)}}
.legenda-esc{display:grid;grid-template-columns:64px repeat(4,1fr);gap:5px;font:600 16px/1.15 var(--f-x);color:var(--tinta-suave);text-align:center;margin-top:2px}
.veredito{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font:600 16px var(--f-x);color:var(--floresta)}
.sabe{list-style:none;margin-top:6px}
.sabe li{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--linha-clara);font:500 19px/1.3 var(--f-x)}
.sabe li:first-child{border-top:0}
.sabe li b{display:block;font:600 19px var(--f-t);color:var(--floresta)}
.marco{margin:18px var(--margem) 0;border-radius:22px;background:var(--floresta);color:#fff;padding:18px}
.marco h2{color:#fff;font-size:32px}
.marco p{font-size:19px;margin:6px 0 12px;opacity:.95}
.mais{margin:18px var(--margem) 24px;display:flex;flex-direction:column;gap:8px}

/* ENTRADA, CHECK-IN, OFERTA, SOCORRO, BIBLIOTECA */
.passo-ent{flex:1;display:flex;flex-direction:column;padding:8px var(--margem) 0;min-height:0}
.passo-ent h1{font-size:var(--tam-tela);margin:8px 0 6px}
.passo-ent .sub{color:var(--tinta-suave);font-size:var(--tam-corpo)}
.campo{width:100%;min-height:64px;border-radius:var(--r-m);border:2px solid var(--linha);background:#fff;padding:0 18px;font:600 22px var(--f-t);color:var(--tinta);margin-top:18px}
.campo:focus{outline:none;border-color:var(--floresta)}
.grade-escolha{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.grade-escolha.tres{grid-template-columns:repeat(3,1fr)}
.escolha{min-height:72px;border-radius:var(--r-m);background:#fff;box-shadow:inset 0 0 0 1.5px var(--linha);font:600 var(--tam-corpo)/1.2 var(--f-x);color:var(--floresta);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center}
.escolha.num{font:700 32px var(--f-t);min-height:72px}
.escolha svg{width:28px;height:28px}
.escolha[aria-pressed=true]{background:var(--floresta);color:#fff;box-shadow:none}
.lista-escolha{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.lista-escolha .escolha{flex-direction:row;justify-content:flex-start;gap:14px;padding:10px 16px;min-height:64px;text-align:left}
.erro-campo{color:var(--alerta);font:600 var(--tam-rotulo) var(--f-x);margin-top:8px}
.boas{flex:1;position:relative;background:var(--menta) center 20%/cover no-repeat;min-height:0}
.boas-txt{padding:18px var(--margem) 0}
.boas-txt h1{font-size:32px}
.boas-txt p{color:var(--tinta-suave);margin-top:6px}
.passo-a-passo{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:18px;counter-reset:p}
.passo-a-passo li{display:flex;gap:14px;align-items:center;font:500 var(--tam-corpo)/1.3 var(--f-x)}
.passo-a-passo li::before{counter-increment:p;content:counter(p);width:44px;height:44px;border-radius:50%;background:var(--sol);color:var(--sol-tinta);font:700 22px var(--f-t);display:grid;place-items:center;flex-shrink:0}
.progresso-ck{display:flex;gap:6px;padding:0 var(--margem)}
.progresso-ck i{flex:1;height:6px;border-radius:6px;background:#ffffff80}
.progresso-ck i.f{background:var(--floresta)}
#checkin{background:var(--sol-claro)}
#checkin .passo-ent h1{color:var(--floresta-funda)}
.socorro-passo{display:flex;gap:16px;align-items:flex-start;margin-top:16px}
.socorro-passo .n{width:56px;height:56px;border-radius:50%;background:var(--floresta);color:#fff;font:700 32px var(--f-t);display:grid;place-items:center;flex-shrink:0}
.socorro-passo b{display:block;font:600 22px/1.15 var(--f-t);color:var(--floresta)}
.socorro-passo span{font-size:var(--tam-corpo);color:var(--tinta)}
.filtros{display:flex;gap:8px;padding:6px var(--margem);overflow-x:auto;scrollbar-width:none;flex-shrink:0}
.filtros::-webkit-scrollbar{display:none}
.filtros .chip{background:#fff;color:var(--floresta);box-shadow:inset 0 0 0 1.5px var(--linha);white-space:nowrap}
.filtros .chip[aria-pressed=true]{background:var(--floresta);color:#fff;box-shadow:none}
.item-bib{display:flex;gap:14px;align-items:center;margin:10px var(--margem) 0;padding:12px 14px;width:calc(100% - 2 * var(--margem));text-align:left}
.item-bib b{display:block;font:600 19px/1.15 var(--f-t);color:var(--floresta)}
.item-bib small{font:600 16px var(--f-x);color:var(--tinta-suave)}
.trilha-telas{margin:12px var(--margem) 0;overflow:hidden}
.trilha-telas .foto{height:200px;background:var(--menta) center 30%/cover no-repeat}
.trilha-telas .txt{padding:14px 16px 16px}
.trilha-telas h2{font-size:22px}
.trilha-telas p{color:var(--tinta-suave);margin:4px 0 12px}
.dev{white-space:nowrap;position:absolute;left:50%;transform:translateX(-50%);top:calc(2px + env(safe-area-inset-top));opacity:.85;z-index:70;background:#322e48e6;color:#fff;border-radius:12px;padding:6px 10px;font:600 16px var(--f-x);display:flex;gap:6px;align-items:center}
.dev button{min-height:32px;padding:0 8px;border-radius:8px;background:#ffffff26}

/* crítica U aplicada às telas */
.painel h2,.painel h2.longo{font:var(--t-tela);letter-spacing:var(--tracking-t)}
.painel h2.longo{font-size:32px}
.ctoque{width:var(--alvo-crianca);height:var(--alvo-crianca);background:var(--cor-crianca);color:var(--cor-crianca-tinta);box-shadow:var(--papel-crianca);font:700 44px/1 var(--f-t)}
.ctoque small{font:600 16px/1.1 var(--f-x)}
.ctoque.ok{background:#fff;color:var(--floresta);box-shadow:0 6px 0 #9fbfae}
.ctrl{min-height:var(--alvo-crianca)}
.pedra.futuro{background:var(--cor-espera);color:var(--cor-espera-borda);box-shadow:inset 0 0 0 2.5px var(--cor-espera-borda);outline:2px dashed transparent}
.pedra.futuro{border:2.5px dashed var(--cor-espera-borda);box-shadow:var(--papel-1)}
.pedra.hoje{box-shadow:var(--papel-hoje)}
.slot.alvo{border-color:var(--cor-crianca)}
.fig.grande{width:var(--escolha);height:var(--escolha)}
.cartao-hoje,.linha-card,.secao,.numeros div,.pagina,.item-bib,.trilha-telas{border-radius:var(--r-m)}
.pagina .cena{border-radius:var(--r-g)}
.palco{border-radius:0 0 var(--r-g) var(--r-g)}
.prep h1,.album-topo h1,.prog h1,.passo-ent h1,#comofoi h1,#checkin h1{font:var(--t-tela);letter-spacing:var(--tracking-t)}
#comemora h1{font:var(--t-momento)}
.dia .n{font:var(--t-numeral)}

/* COMO FOI: 3 respostas grandes que ocupam a tela; 1 toque responde e avança */
#comofoi{background:var(--sol-claro)}
#comofoi h1{padding:4px var(--margem) 0;color:var(--floresta-funda)}
.cf-topo{position:relative;display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) var(--margem) 0;min-height:76px}
.cf-dobra{position:absolute;right:var(--margem);top:calc(4px + env(safe-area-inset-top));width:64px;transition:transform var(--m-mola) var(--mola)}
.cf-dobra.reage{animation:pula 640ms var(--saida)}
.cf-dobra.reage-dificil{animation:none;transform:rotate(-8deg) translateY(4px)}
.cf-opcoes{flex:1;display:flex;flex-direction:column;gap:var(--e3);padding:var(--e4) var(--margem) 0;min-height:0}
.cf-opcao{flex:1;min-height:var(--escolha);display:flex;align-items:center;gap:var(--e4);padding:var(--e3) var(--e5) var(--e3) var(--e3);border-radius:var(--r-m);background:#fff;box-shadow:var(--papel-2);text-align:left;color:var(--floresta-funda);font:var(--t-acao)}
.cf-opcao .rosto{width:104px;height:104px;flex-shrink:0;display:grid;place-items:center}
.cf-opcao .rosto svg{width:100%;height:100%}
.cf-sim{background:#FFF8DC}
.cf-quase{background:#FCEEE6}
.cf-dificil{background:#F1EEF7}
.cf-opcao[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--floresta),var(--papel-2);animation:acende 380ms var(--mola)}
.cf-opcoes.escolheu .cf-opcao[aria-pressed=false]{opacity:.35;transform:scale(.97)}
.cf-pular{margin:var(--e2) 0 calc(var(--e3) + env(safe-area-inset-bottom))}
.cf-feito{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:var(--e4);padding:calc(28px + env(safe-area-inset-top)) var(--margem) 0;min-height:200px}
.cf-dobra-g{width:120px}
.cf-dobra-g.pula{animation:pula 640ms var(--saida) 2}
.rosto-p{width:120px;height:120px;display:grid}
.rosto-p svg{width:100%;height:100%}
#comofoi .cf-feito+h1{text-align:center;padding:var(--e5) var(--margem) 0}
#comofoi .resposta{text-align:center;color:var(--floresta);font:var(--t-corpo)}
.ck-opcoes .cf-opcao{min-height:88px}
.ck-op{background:#fff}
.qd{display:flex;gap:5px;flex-shrink:0;width:104px;justify-content:center}
.qd i{width:20px;height:40px;border-radius:6px;background:var(--salvia-clara)}
.qd i.f{background:var(--floresta)}
.tvs{display:flex;gap:2px;width:104px;justify-content:center;color:var(--floresta);flex-shrink:0}
.tvs svg{width:24px;height:24px}
.cf-opcao .fig-g{margin:0 16px 0 12px}

/* crítica U · rodada 2 */
.topo h1{font:var(--t-tela);letter-spacing:var(--tracking-t)}
.mapa .anel i{display:grid;place-items:center;color:#fff}
.mapa .anel i svg{width:18px;height:18px}
.mundo,.semana-linha{margin-left:var(--margem);margin-right:var(--margem)}
.semana-linha{width:calc(100% - 2 * var(--margem))}
.caminho{margin:0 var(--margem)}
.mundo p{position:relative;background:#ffffffd9;border-radius:var(--r-p);padding:4px 8px;max-width:270px;font:var(--t-rotulo);color:var(--floresta-funda)}
.mundo.claro p{color:var(--floresta-funda)}
.mundo.nevoa{opacity:1;outline:2.5px dashed var(--cor-espera-borda);outline-offset:-2.5px}
.pedra.feito .marca-ok{width:28px;height:28px;background:var(--sol);color:var(--tinta);box-shadow:0 0 0 3px var(--menta)}
.pedra.futuro .fig-ic{opacity:.75}
.rot-pedra{position:absolute;transform:translate(-50%,38px);font:var(--t-rotulo);color:var(--tinta-suave);white-space:nowrap;pointer-events:none}
.rot-hoje{transform:translate(-50%,56px);background:var(--sol);color:var(--sol-tinta);font-weight:700;padding:4px 12px;border-radius:var(--r-o);box-shadow:var(--papel-1)}
.dobra{width:64px;margin:-40px 0 0 -32px}
.bis{width:52px;height:52px;margin:-26px 0 0 -26px;font:var(--t-rotulo)}
.doca{position:absolute;left:0;right:0;bottom:calc(var(--abas) + env(safe-area-inset-bottom));z-index:10;min-height:84px;background:var(--floresta-funda);color:#fff;display:flex;align-items:center;gap:var(--e3);padding:var(--e3) var(--margem);text-align:left;box-shadow:0 -6px 0 rgba(31,73,61,.12)}
.doca:active{transform:none;background:var(--floresta)}
.fig-doca{width:56px;height:56px;box-shadow:0 0 0 3px #fff}
.doca-txt{flex:1;min-width:0}
.doca-txt small{display:flex;align-items:center;gap:6px;font:var(--t-rotulo);color:var(--painel-suave)}
.doca-txt small svg{width:18px;height:18px}
.doca-txt b{display:block;font:var(--t-acao);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doca-ir{width:56px;height:56px;border-radius:50%;background:var(--sol);color:var(--sol-tinta);display:grid;place-items:center;flex-shrink:0}
.doca-bis{font:700 16px var(--f-t);background:transparent;color:#fff;box-shadow:inset 0 0 0 2.5px var(--painel-suave)}
.linha-numero{padding:var(--e2) var(--margem) 0}
.linha-numero b{display:block;font:var(--t-acao);color:var(--floresta)}
.linha-numero span{font:var(--t-rotulo);color:var(--tinta-suave)}
.escala{grid-template-columns:64px repeat(4,1fr)}
.escala small{font:var(--t-rotulo);color:var(--tinta)}
.escala i{height:44px;border-radius:var(--r-p);background:#fff;box-shadow:inset 0 0 0 1.5px var(--linha);display:grid;place-items:center;font:600 16px/1.05 var(--f-x);font-style:normal;color:var(--tinta-suave);text-align:center;padding:2px;hyphens:auto}
.escala i.marcado{background:var(--floresta);color:#fff;box-shadow:none}
.escala:first-of-type i.marcado{background:#fff;color:var(--tinta);box-shadow:inset 0 0 0 3px var(--damasco)}
.legenda-esc{display:none}
.veredito{display:flex;gap:6px;align-items:center;font:var(--t-acao);color:var(--floresta);margin-top:8px}
.secao h2{font:var(--t-acao)}
.album-topo p{font:var(--t-corpo);color:var(--tinta-suave);padding:0 var(--margem)}
.pagina .cena{height:min(520px,calc(100dvh - 300px))}
.slot.espera{color:var(--floresta);background:#ffffffb3;border-color:var(--cor-espera-borda)}
.slot.espera svg{opacity:.45;width:28px;height:28px}

.palco-fig{position:absolute;inset:0;display:grid;place-items:center;background:var(--menta)}
.fig-palco{width:200px;height:200px;box-shadow:0 0 0 8px #fff,var(--papel-2)}
#juntos.noite .palco-fig{background:var(--floresta-noite)}
.passos{gap:4px;padding:10px 12px;min-width:150px}
.passos i{flex:1;height:8px;border-radius:4px;transform:none!important}
.passos i.a{background:var(--cor-crianca)}
.cron{position:relative;min-height:64px;min-width:120px;padding:0 18px;border-radius:var(--r-o);display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font:var(--t-acao);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 2px #ffffff59;overflow:hidden;flex-shrink:0;isolation:isolate}
.cron svg{width:20px;height:20px;fill:currentColor;stroke:none}
.cron.rodando::before{content:"";position:absolute;inset:0;background:#ffffff26;transform-origin:left;transform:scaleX(var(--p,0));z-index:-1}
.ajudas button{background:transparent;box-shadow:inset 0 0 0 1.5px var(--painel-suave);color:var(--painel-suave);font:var(--t-rotulo)}
.painel{padding-top:var(--e5)}
.player .play-pill{position:absolute;left:12px;bottom:12px;z-index:3;min-height:48px;padding:0 16px;border-radius:var(--r-o);background:#fff;color:var(--floresta);font:var(--t-rotulo);font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:var(--papel-1)}
.player .play-pill svg{width:18px;height:18px;fill:currentColor;stroke:none}
.player .legenda{bottom:72px}
.info{display:flex;gap:8px;align-items:center;margin:var(--e3) var(--margem) 0;padding:var(--e2) var(--e3);border-radius:var(--r-p);background:var(--papel);font:var(--t-rotulo);color:var(--tinta)}
.info svg{color:var(--floresta);width:20px;height:20px}
.mats-rot{padding:var(--e3) var(--margem) 0;font:var(--t-rotulo);color:var(--tinta-suave)}
.mats{padding-top:var(--e2)}
.mat{min-height:0;padding:var(--e2) 4px;gap:6px;background:transparent;box-shadow:none;font:var(--t-rotulo)}
.mat[aria-pressed=true]{background:transparent;box-shadow:none}
.mat[aria-pressed=true]::after{right:calc(50% - 36px);top:2px}
.fig-mat{width:64px;height:64px}
.fig-mat svg{stroke-width:2.2}
.mat[aria-pressed=true] .fig-mat{box-shadow:0 0 0 4px var(--floresta),var(--papel-1)}

#comemora .foto{flex:0 1 230px;min-height:120px}
#comemora h1{margin-top:var(--e3)}
.zona-fig{flex:1;flex-direction:column;gap:var(--e3);padding-top:var(--e3)}
.fig.grande{width:148px;height:148px}
.dica-fig,.zona-fig.colou .dica-fig{max-width:none;text-align:center;font:var(--t-acao);color:var(--floresta-funda);display:flex;gap:8px;align-items:center}
.dica-fig svg{width:28px;height:28px;animation:balanca 1.6s ease-in-out infinite}
.pagina-mini{position:relative;flex-direction:column;align-items:stretch;gap:var(--e2);margin:0 var(--margem) calc(var(--e5) + env(safe-area-inset-bottom));background:#fff;border-radius:var(--r-m);box-shadow:var(--papel-2);padding:var(--e3) var(--e4) var(--e4)}
.pagina-mini small{font:var(--t-rotulo);color:var(--tinta-suave)}
.pm-slots{display:flex;justify-content:space-between;gap:4px;padding-right:56px}
.pm-slots .slot,.pm-slots .slot .fig{width:42px;height:42px}
.dobra-borda{position:absolute;right:8px;top:-34px;width:64px;pointer-events:none}
.dobra-borda.pula{animation:pula 640ms var(--saida)}
@keyframes cai{0%{opacity:1}80%{opacity:.9}100%{transform:translate(var(--dx),720px) rotate(var(--rot));opacity:0}}

.cf-topo{gap:var(--e3);font:var(--t-rotulo);color:var(--sol-tinta)}
.fig-cf{width:56px;height:56px}
.cf-opcao{font:600 26px/1.1 var(--f-t)}
.cf-opcoes.escolheu .cf-opcao[aria-pressed=false]{opacity:1;flex:0 0 0;min-height:0;padding:0;overflow:hidden;transition:flex var(--m-modo) var(--saida),min-height var(--m-modo) var(--saida)}
.dexp{position:relative;width:108px;height:108px;flex-shrink:0;display:grid;place-items:center}
.dexp img{width:96px;height:auto}
.dexp-selo{position:absolute;right:2px;bottom:6px;width:44px;height:44px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px #fff,var(--papel-1);transform:rotate(-8deg)}
.dexp-selo svg{width:24px;height:24px;fill:currentColor;stroke:currentColor}
.dexp.reage,.dexp.pula{animation:pula 640ms var(--saida)}
.dexp-g{width:160px;height:160px}
.dexp-g img{width:144px}
.dexp-g .dexp-selo{width:56px;height:56px}
.ck-op .qd{width:108px}
.player{min-height:150px}
.prep h1{padding-top:var(--e3)}
#comofoi .cf-feito{flex:1 1 auto;align-items:center;min-height:180px}

/* SOCORRO (CONCEITO §12) */
.chip-socorro{margin-left:auto;flex-shrink:0;min-height:var(--toque)}
.chip-socorro svg{width:20px;height:20px}
#socorro{background:var(--floresta-funda);color:#fff}
#socorro h1{color:#fff;font:var(--t-tela);padding:var(--e2) var(--margem) 0}
#socorro .redondo{background:#ffffff1f;color:#fff;box-shadow:none}
.soc-rot{font:var(--t-rotulo);color:var(--painel-suave)}
.seguro{display:flex;gap:10px;align-items:center;margin:var(--e3) var(--margem) 0;padding:var(--e3) var(--e4);border-radius:var(--r-m);background:#ffffff14;font:var(--t-rotulo);color:var(--painel-suave)}
.seguro svg{flex-shrink:0}
.opcoes-socorro{display:flex;flex-direction:column;gap:var(--e3);padding:var(--e4) var(--margem) 0}
.op-socorro{display:flex;align-items:center;gap:var(--e4);min-height:var(--escolha);border-radius:var(--r-m);background:var(--papel);color:var(--floresta-funda);padding:var(--e3) var(--e4);text-align:left;box-shadow:0 4px 0 rgba(0,0,0,.25)}
.op-socorro .vis{width:96px;height:96px}
.op-socorro b{display:block;font:var(--t-acao)}
.op-socorro small{display:block;margin-top:4px;font:var(--t-rotulo);color:var(--tinta-suave)}
.link-noite{color:var(--painel-suave)}
.run-palco{position:relative;flex:1;display:grid;place-items:center;min-height:0}
.run-anel{position:relative;width:280px;height:280px}
.run-anel>svg{position:absolute;inset:0;transform:rotate(-90deg)}
.run-anel .meio{position:absolute;inset:34px;border-radius:50%;background:#ffffff10;display:grid;place-items:center;overflow:hidden}
.run-anel .meio svg{width:110px;height:110px;color:var(--papel);stroke-width:1.5}
.respira-bola{position:absolute;inset:16px;border-radius:50%;background:var(--salvia);animation:respira 10s ease-in-out infinite}
@keyframes respira{0%,100%{transform:scale(.62)}50%{transform:scale(1)}}
.aperta{display:grid;animation:aperta 5s ease-in-out infinite}
@keyframes aperta{0%,100%{transform:scale(1)}40%,55%{transform:scale(.78)}}
.perto{display:grid;animation:perto 6s ease-in-out infinite}
@keyframes perto{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.txt-meio{position:absolute;bottom:22%;left:0;right:0;text-align:center;font:var(--t-acao);color:var(--floresta-funda)}
.txt-meio.claro{color:var(--papel)}
.run-tempo{position:absolute;top:8px;right:var(--margem);font:var(--t-acao);font-variant-numeric:tabular-nums;color:var(--painel-suave)}
.run-instr{padding:0 var(--margem);font:var(--t-tela);color:#fff;text-align:center}
.run-diga{padding:var(--e2) var(--margem) 0;font:var(--t-corpo);color:var(--painel-suave);text-align:center}
.run-fim{text-align:center;padding:0 var(--margem);display:flex;flex-direction:column;align-items:center;gap:var(--e3)}
.run-fim h2{color:#fff;font:var(--t-tela)}
.run-fim p{font:var(--t-corpo);color:var(--painel-suave)}
.duas{display:flex;gap:var(--e3)}
.duas .btn{flex:1}
.momentos{font:var(--t-corpo);margin-top:6px}
.momentos b{font:var(--t-acao);color:var(--floresta)}

/* BOAS-VINDAS (CONCEITO §9) */
.boas-hero{height:250px;flex-shrink:0;background:var(--menta) center 12%/cover no-repeat}
.perfil{display:flex;flex-direction:column;gap:var(--e2);padding:var(--e4) var(--margem) 0}
.linha-perfil{display:flex;align-items:center;gap:var(--e3);background:#fff;border-radius:var(--r-m);padding:var(--e2) var(--e3) var(--e2) var(--e4);min-height:64px;box-shadow:var(--papel-1);text-align:left;width:100%}
.linha-perfil .ok{width:32px;height:32px;border-radius:50%;background:var(--floresta);color:#fff;display:grid;place-items:center;flex-shrink:0;font:var(--t-acao)}
.linha-perfil .ok.falta{background:var(--sol);color:var(--sol-tinta)}
.linha-perfil .ok svg{width:18px;height:18px;stroke-width:3}
.linha-perfil small{display:block;font:var(--t-rotulo);color:var(--tinta-suave)}
.linha-perfil b{font:var(--t-acao);color:var(--floresta)}
.linha-perfil .acao,.linha-perfil>.fig{margin-left:auto}
.linha-perfil .acao{color:var(--tinta-suave);font:var(--t-rotulo);display:flex;align-items:center;gap:4px;min-height:var(--toque)}
.idades{display:flex;gap:6px;margin-left:auto}
.idades button{min-width:52px;min-height:var(--toque);border-radius:var(--r-p);background:var(--menta);font:var(--t-acao);color:var(--floresta)}
.idades button[aria-pressed=true]{background:var(--floresta);color:#fff}
#entrada.escuro{background:var(--floresta-funda);color:#fff}
.pp-h{color:#fff;font:var(--t-tela);padding:var(--e5) 110px 0 var(--margem)}
.pp-sub{padding:var(--e2) var(--margem) 0;font:var(--t-corpo);color:var(--painel-suave)}
.revela{list-style:none;display:flex;flex-direction:column;gap:var(--e2);padding:var(--e4) var(--margem) 0}
.mundo-r{display:flex;align-items:center;gap:var(--e3);background:#ffffff12;border-radius:var(--r-m);padding:var(--e3) var(--e4);opacity:0;transform:translateY(14px)}
.mundo-r.on{opacity:1;transform:none;transition:all 480ms var(--mola)}
.mundo-r .bola{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font:var(--t-acao);color:var(--floresta-funda)}
.mundo-r b{display:block;font:var(--t-acao)}
.mundo-r small{display:block;font:var(--t-rotulo);color:var(--painel-suave)}
.sinais-quiz{display:flex;flex-direction:column;gap:6px;padding:var(--e4) var(--margem) 0;font:var(--t-rotulo);color:var(--painel-suave)}
.sinais-quiz span{display:flex;gap:8px;align-items:center;font:var(--t-corpo);color:#fff}
.sinais-quiz svg{color:var(--sol);width:20px;height:20px}
.totais{display:flex;gap:var(--e2);padding:var(--e4) var(--margem) 0}
.totais div{flex:1;text-align:center;background:#ffffff12;border-radius:var(--r-m);padding:var(--e2) 4px}
.totais b{display:block;font:var(--t-tela);color:var(--sol)}
.totais span{font:var(--t-rotulo);color:var(--painel-suave)}
.dobra-acena{position:absolute;right:18px;top:24px;width:80px;transform-origin:50% 100%;animation:acena 2.4s ease-in-out infinite}
@keyframes acena{0%,100%{transform:rotate(0)}50%{transform:rotate(-8deg)}}
.inst-celular{position:relative;width:180px;height:300px;margin:var(--e2) auto 0;border-radius:32px;background:var(--floresta-funda);padding:14px;box-shadow:var(--papel-2)}
.inst-tela{height:100%;border-radius:20px;background:var(--menta);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;align-content:start}
.inst-tela i{aspect-ratio:1;border-radius:12px;background:#fff;box-shadow:var(--papel-1)}
.inst-tela .inst-dobra{background:center/cover;box-shadow:0 0 0 3px var(--sol)}
.inst-share{position:absolute;left:50%;bottom:-22px;margin-left:-28px;width:56px;height:56px;border-radius:50%;background:var(--sol);color:var(--sol-tinta);display:grid;place-items:center;box-shadow:var(--papel-1)}
.boas-txt p svg{width:20px;height:20px;vertical-align:-4px}

/* rodada 3: figurinha-adesivo, vídeo, deleite, marco, check-in, telas */
.fig.fig-foto{background:transparent;box-shadow:none;border-radius:0}
.fig.fig-foto img{width:118%;height:118%;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(31,73,61,.16))}
.fig.fig-foto.camada::after{display:none}
.palco-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}
.player .legenda span{white-space:pre-line}
.coracoes{position:absolute;left:var(--margem);right:var(--margem);bottom:var(--e4);z-index:2;background:#fffffff2;border-radius:var(--r-m);padding:var(--e3);box-shadow:var(--papel-2);text-align:center}
.coracoes .par{display:flex;justify-content:center;gap:var(--e6)}
.coracoes figure{display:flex;flex-direction:column;align-items:center;color:#D9707A}
.coracoes figure svg{width:56px;height:56px;fill:currentColor;animation:bate var(--b) ease-in-out infinite}
.coracoes figure.agora{color:var(--damasco)}
.coracoes figcaption{font:var(--t-rotulo);color:var(--tinta-suave);display:flex;gap:6px;align-items:baseline}
.coracoes figcaption b{font:var(--t-acao);color:var(--floresta-funda)}
.coracoes p{font:var(--t-acao);color:var(--floresta-funda);margin-top:4px}
@keyframes bate{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}}
.escolhas{flex:1;display:flex;gap:var(--e2)}
.escolha-c{flex:1;min-height:var(--alvo-crianca);border-radius:var(--r-m);background:var(--cor-crianca);color:var(--cor-crianca-tinta);font:var(--t-acao);box-shadow:var(--papel-crianca);padding:var(--e2)}
.escolha-c[aria-pressed=true]{background:#fff;color:var(--floresta);box-shadow:inset 0 0 0 4px var(--floresta),0 6px 0 #9fbfae}
.truque{display:flex;gap:8px;align-items:center;justify-content:center;margin:var(--e2) var(--margem) 0;font:var(--t-corpo);color:var(--floresta-funda)}
.truque svg{width:24px;height:24px;color:#C9A23A;fill:currentColor;flex-shrink:0}
.truque-p{justify-content:flex-start;margin:var(--e3) 0;font:var(--t-acao)}
.faixa-reta{display:flex;gap:var(--e2);align-items:center;margin:var(--e2) var(--margem) 0;padding:var(--e3) var(--e4);border-radius:var(--r-m);background:var(--sol);color:var(--sol-tinta);font:var(--t-rotulo);font-weight:700;text-align:left;width:calc(100% - 2 * var(--margem));box-shadow:var(--papel-hoje)}
.mapa-telas{margin-left:auto;padding-left:var(--e3);border-left:1.5px solid var(--linha)}
.mapa-telas .fig{width:46px;height:46px}
.card-caixa{margin-top:var(--e3)}
.card-img{display:block;width:100%;max-width:300px;margin:0 auto var(--e3);border-radius:var(--r-m);box-shadow:var(--papel-2)}

#marco{background:var(--floresta-funda);color:#fff}
#marco .redondo{background:#ffffff1f;color:#fff;box-shadow:none}
.marco-hero{position:relative;padding:0 var(--margem);text-align:center}
.marco-hero .dobra-m{width:160px;display:block;margin:0 auto}
.marco-hero h1{color:#fff;font:var(--t-tela);margin-top:var(--e2)}
.marco-hero p{font:var(--t-corpo);color:var(--painel-suave);margin-top:var(--e2)}
.colagem{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:var(--e5) var(--margem) 0}
.fig-col{width:44px;height:44px;animation:entraFig 420ms var(--mola) backwards}
@keyframes entraFig{from{transform:scale(0) rotate(-40deg);opacity:0}}
#marco .secao{color:var(--tinta)}
.diploma{margin:var(--e5) var(--margem) 0;padding:var(--e5) var(--e4) var(--e4);text-align:center;background:var(--papel);color:var(--tinta);border:3px dashed var(--sol)}
.diploma img{width:120px}
.diploma small{display:block;font:var(--t-rotulo);color:var(--tinta-suave);text-transform:none}
.diploma h2{font:var(--t-tela);color:var(--floresta-funda);margin:var(--e2) 0}
.diploma p{font:var(--t-corpo);margin-bottom:var(--e4)}
.continua{margin:var(--e5) var(--margem) 0;display:flex;flex-direction:column;gap:var(--e3)}
.continua h2{color:#fff;font:var(--t-acao)}
.continua p{font:var(--t-corpo);color:var(--painel-suave)}
.mundinhos{display:flex;flex-direction:column;gap:var(--e2)}
.mundinho{display:flex;gap:var(--e3);align-items:center;background:#ffffff12;border-radius:var(--r-m);padding:var(--e3)}
.mundinho i{width:44px;height:44px;border-radius:50%;flex-shrink:0}
.mundinho b{display:block;font:var(--t-acao)}
.mundinho small{display:block;font:var(--t-rotulo);color:var(--painel-suave)}

.ck-abre{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--margem);gap:var(--e3)}
.ck-dobra{width:180px}
.ck-abre h1{font:var(--t-tela);color:var(--floresta-funda)}
.ck-abre p{font:var(--t-corpo);color:var(--tinta)}
.ck-sub{padding:var(--e2) var(--margem) 0;font:var(--t-corpo);color:var(--tinta-suave)}
.anotado{margin-left:auto;font:var(--t-rotulo);font-style:normal;background:var(--lilas);color:var(--tinta);border-radius:var(--r-o);padding:4px 10px}
.ck-res-topo{min-height:0;padding-top:calc(20px + env(safe-area-inset-top))}
.ck-res-h{text-align:center;font:var(--t-tela);color:var(--floresta-funda);padding:var(--e3) var(--margem) 0}
.ck-frase{text-align:center;font:var(--t-corpo);padding:var(--e2) var(--margem) 0}
.ajuste{display:flex;gap:var(--e2);align-items:center;margin:var(--e4) var(--margem) 0;padding:var(--e3) var(--e4);border-radius:var(--r-m);background:#fff;font:var(--t-corpo);color:var(--floresta-funda);box-shadow:var(--papel-1)}
.ajuste svg{color:var(--floresta);flex-shrink:0}

.telas-hero{height:180px;margin:0 var(--margem);border-radius:var(--r-g);background:var(--menta) center 35%/cover no-repeat}
.telas-sub{padding:var(--e3) var(--margem) 0;font:var(--t-corpo)}
.interruptor{display:flex;align-items:center;gap:var(--e3);margin:var(--e3) var(--margem) 0;width:calc(100% - 2 * var(--margem));min-height:64px;padding:0 var(--e4);border-radius:var(--r-m);background:#fff;box-shadow:var(--papel-1);font:var(--t-corpo);color:var(--floresta-funda);text-align:left}
.interruptor .sw{margin-left:auto;width:52px;height:32px;border-radius:999px;background:var(--linha);position:relative;flex-shrink:0;transition:background var(--m-toque)}
.interruptor .sw::after{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform var(--m-entra) var(--saida)}
.interruptor[aria-checked=true] .sw{background:var(--floresta)}
.interruptor[aria-checked=true] .sw::after{transform:translateX(20px)}
.etapas{list-style:none;display:flex;gap:6px;padding:var(--e4) var(--margem) 0;overflow-x:auto;scrollbar-width:none}
.etapa{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:4px;font:var(--t-rotulo);color:var(--floresta-funda);text-align:center}
.etapa small{font:var(--t-rotulo);color:var(--tinta-suave)}
.etapa .e{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--cor-espera);border:2.5px dashed var(--cor-espera-borda);font:var(--t-acao);color:var(--tinta-suave)}
.etapa.feita .e{background:var(--floresta);border:0;color:#fff}
.etapa.atual .e{background:var(--sol);border:0;color:var(--sol-tinta);box-shadow:0 0 0 4px #fff,var(--papel-hoje)}
.missao,.ritual{margin:var(--e4) var(--margem) 0;padding:var(--e4)}
.missao small{font:var(--t-rotulo);color:var(--tinta-suave)}
.missao h2,.ritual h2{font:var(--t-acao);color:var(--floresta-funda);margin:4px 0}
.missao p,.ritual p{font:var(--t-corpo)}
.ritual .btn{margin-top:var(--e3)}
.dias-tela{display:flex;gap:6px;margin-top:var(--e3)}
.dia-t{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font:var(--t-rotulo);color:var(--tinta-suave)}
.dia-t button{position:relative;width:100%;height:96px;border-radius:var(--r-p);background:var(--lilas);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.dia-t i{position:absolute;left:0;right:0;bottom:0;background:var(--lavanda)}
.dia-t span{position:relative;font:var(--t-rotulo);font-weight:700;color:var(--tinta);padding-bottom:6px}
.legenda-tela{margin-top:var(--e2);font:var(--t-rotulo);color:var(--tinta-suave)}
.proxima-etapa{margin:var(--e4) var(--margem) 0;font:var(--t-corpo)}

/* páginas legais e consentimento (legal/INTEGRACAO.md) */
.rodape-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 var(--e2);padding:var(--e4) var(--margem) var(--e5)}
.link-legal{display:inline-flex;align-items:center;min-height:var(--toque);padding:0 var(--e2);font:var(--t-rotulo);color:var(--tinta-suave);text-decoration:underline;text-underline-offset:5px}
.rodape-legal.escuro .link-legal{color:var(--painel-suave)}
a.link{text-decoration:underline}
.nota-legal{display:inline-flex;align-items:center;min-height:var(--toque);margin-top:var(--e2);font:var(--t-rotulo);color:var(--tinta-suave);text-decoration:underline;text-underline-offset:5px}
.aviso-legal{display:flex;gap:var(--e2);align-items:center;min-height:var(--toque);margin:var(--e3) var(--margem) 0;font:var(--t-rotulo);color:var(--painel-suave);text-decoration:underline;text-underline-offset:5px}
.aviso-legal svg{flex-shrink:0;width:20px;height:20px}
.consente{display:flex;gap:var(--e3);align-items:flex-start;margin-top:var(--e4);padding:var(--e3) var(--e4);border-radius:var(--r-m);background:#fff;box-shadow:inset 0 0 0 2px var(--linha);font:var(--t-rotulo);color:var(--tinta);cursor:pointer}
.consente.falta{box-shadow:inset 0 0 0 3px var(--alerta)}
.consente input{width:28px;height:28px;margin-top:2px;flex-shrink:0;accent-color:var(--floresta)}
.link-inline{color:var(--floresta);font-weight:700;text-decoration:underline;text-underline-offset:4px}