:root{--espaco:#101b3a;--energia:#6ccff6;--creme:#f7f3e8;--verde:#83dcc0;--coral:#ff9b85;--amarelo:#ffd475;--toque:64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#raiz{background:var(--espaco);height:100%;margin:0;overflow:hidden}body{color:var(--creme);-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}.app{position:fixed;inset:0}.palco{background:#101b3a url(/assets/imagens/nebulosa.webp) 50%/cover no-repeat;position:absolute;inset:0}.palco canvas{pointer-events:none;display:block}.tela{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:absolute;inset:0}.tela>*{pointer-events:auto}.botao{min-width:var(--toque);min-height:var(--toque);border:3px solid var(--creme);color:var(--creme);font:inherit;letter-spacing:.04em;cursor:pointer;background:#101b3ad1;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:28px;font-weight:800;transition:transform 80ms,background .15s;display:inline-flex}.botao svg{font-size:34px}.botao:active{transform:scale(.94)}.botao:focus-visible,.cor:focus-visible,.cartao-missao:focus-visible{outline:4px solid var(--amarelo);outline-offset:3px}.botao:disabled{opacity:.45;cursor:default}.botao.grande{min-height:80px;padding:0 34px;font-size:32px}.botao.primario{background:var(--amarelo);color:var(--espaco);border-color:var(--creme);box-shadow:0 6px #00000040}.canto-esq{top:max(12px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));position:absolute}.canto-dir{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));position:absolute}.rodape-centro{left:0;right:0;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:absolute}.rodape-centro>*{pointer-events:auto}.home .titulo{letter-spacing:.06em;color:var(--creme);text-shadow:0 4px #00000059,0 0 24px #6ccff680;pointer-events:none;flex-direction:column;margin:0;font-size:clamp(30px,7vh,64px);line-height:.98;display:flex;position:absolute;top:max(14px,4vh);left:max(20px,4vw)}.home .titulo span:last-child{color:var(--amarelo)}.painel-base{flex-direction:column;align-items:stretch;gap:18px;width:min(340px,42vw);display:flex;position:absolute;top:50%;right:max(18px,3vw);transform:translateY(-50%)}.cartao-missao{border:4px solid var(--creme);min-height:96px;color:var(--creme);font:inherit;cursor:pointer;text-align:left;background:#101b3adb;border-radius:28px;align-items:center;gap:14px;padding:12px 18px;transition:transform 80ms;display:flex;box-shadow:0 6px #0000004d}.cartao-missao:active{transform:scale(.97)}.icone-missao{font-size:56px;display:flex}.texto-missao{flex-direction:column;flex:1;display:flex}.texto-missao small{color:var(--energia);letter-spacing:.1em;font-size:14px;font-weight:800}.texto-missao strong{font-size:24px}.seta{color:var(--amarelo);font-size:44px;display:flex}.cores{background:#101b3ab3;border-radius:999px;justify-content:center;gap:14px;padding:10px;display:flex}.cor{border:4px solid var(--creme);width:64px;height:64px;color:var(--espaco);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:28px;display:flex;position:relative}.cor:disabled{filter:saturate(.3)brightness(.7);cursor:default}.cor.atual{outline:4px solid var(--amarelo);outline-offset:3px}.cor .marca{font-size:30px;font-weight:900}.aviso-adulto{pointer-events:none;opacity:.9;text-align:center;background:#101b3ad9;border-radius:10px;max-width:90vw;padding:6px 12px;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.carregando{pointer-events:auto;z-index:5;background:#101b3aeb;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:24px;font-weight:700;display:flex}.giro{border:8px solid #f7f3e840;border-top-color:var(--amarelo);border-radius:50%;width:64px;height:64px;animation:1s linear infinite gira}@keyframes gira{to{transform:rotate(360deg)}}.area-jogo{touch-action:none;pointer-events:auto;position:absolute;inset:0}.anel{pointer-events:none;border:4px solid #f7f3e8bf;border-radius:50%;width:90px;height:90px;position:absolute;top:-45px;left:-45px}.bola{background:var(--amarelo);border:3px solid var(--creme);border-radius:50%;width:36px;height:36px;position:absolute;top:25px;left:25px}.jogando .cristais{top:max(14px, env(safe-area-inset-top));pointer-events:none;background:#101b3abf;border-radius:999px;gap:10px;padding:8px 18px;font-size:40px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.cristais .cheio{color:var(--amarelo);filter:drop-shadow(0 0 6px #ffd475cc)}.cristais .vazio{color:var(--creme);opacity:.8}.demo{pointer-events:none;justify-content:center;height:120px;display:flex;position:absolute;bottom:14%;left:0;right:0}.demo .trilha{background:repeating-linear-gradient(90deg, var(--creme) 0 10px, transparent 10px 20px);opacity:.6;border-radius:4px;width:220px;height:6px;position:absolute;top:50px}.demo .mao{color:var(--creme);filter:drop-shadow(0 4px #0000004d);font-size:76px;animation:2.4s ease-in-out infinite arrasta;position:absolute;top:20px}@keyframes arrasta{0%,to{transform:translate(-100px)}50%{transform:translate(100px)}}.balao{background:var(--creme);max-width:min(80vw,520px);color:var(--espaco);text-align:center;pointer-events:none;border-radius:26px;padding:14px 22px;font-size:26px;font-weight:800;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 6px #00000040}.balao .quem{letter-spacing:.12em;color:#3a4a7c;text-transform:uppercase;font-size:13px;display:block}.modal .balao{margin:8px auto 4px;position:static;transform:none}.modal{z-index:4;pointer-events:auto;background:#101b3a9e;justify-content:center;align-items:center;display:flex}.modal.solido{background:var(--espaco);z-index:9}.cartao{border:4px solid var(--creme);text-align:center;background:#101b3af0;border-radius:32px;max-width:min(92vw,560px);padding:22px 28px;box-shadow:0 8px #0000004d}.cartao h2{letter-spacing:.08em;color:var(--amarelo);margin:0 0 8px;font-size:38px}.cartao p{margin:8px 0;font-size:20px}.mudo{opacity:.85}.linha{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;display:flex}.recompensa{justify-content:center;align-items:center;gap:14px;margin:10px 0;font-size:24px;font-weight:800;display:flex}.amostra{border:4px solid var(--creme);border-radius:50%;width:64px;height:64px;display:inline-block}.telefone{border:6px solid var(--creme);border-radius:24px;width:120px;height:200px;margin:0 auto 14px;animation:2.4s ease-in-out infinite gira-tel;position:relative}.telefone .tela-tel{background:linear-gradient(160deg, var(--energia), var(--verde));border-radius:12px;position:absolute;inset:10px}@keyframes gira-tel{0%,25%{transform:rotate(0)}65%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.telefone,.demo .mao,.giro{animation-duration:6s}}@media (height<=420px){.botao.grande{min-height:68px;padding:0 26px;font-size:26px}.cartao{padding:14px 22px}.cartao h2{font-size:30px}.balao{font-size:22px;top:18%}.cartao-missao{min-height:84px}.painel-base{gap:12px}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.canto-linha{align-items:center;gap:12px;display:flex}.selo-avatar{border:3px solid var(--creme);background:#101b3ad1;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.canto-adulto{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));position:absolute}.botao.mini{min-width:48px;min-height:48px;padding:0 14px;font-size:16px}.botao.mini svg{font-size:22px}.botao.mini.on{background:var(--amarelo);color:var(--espaco)}.botao.perigo{border-color:var(--coral)}.botao.tecla{min-width:64px;padding:0;font-size:26px}.missoes{justify-content:center;gap:10px;display:flex}.missoes .cartao-missao{text-align:center;border-radius:24px;flex-direction:column;flex:1;gap:4px;min-height:118px;padding:10px 8px;position:relative}.missoes .icone-missao{font-size:46px}.missoes .texto-missao{align-items:center}.missoes .texto-missao strong{font-size:15px;line-height:1.1}.missoes .texto-missao small{font-size:12px}.missoes .feita{color:var(--amarelo);font-size:20px;font-weight:900;position:absolute;top:6px;right:10px}.painel-base{width:min(430px,52vw)}.cor.acessorio{background:var(--espaco);font-size:32px}.missao .pergunta{top:max(14px, env(safe-area-inset-top));border:3px solid var(--creme);pointer-events:auto;background:#101b3ad9;border-radius:999px;align-items:center;gap:12px;padding:8px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.missao .pergunta .ilus{font-size:44px;display:flex}.missao .pergunta .palavra,.palavra-montada .palavra{letter-spacing:.12em;font-size:40px;font-weight:900}.explorar-dica{font-size:44px;animation:1.8s ease-in-out infinite toca;padding:6px 22px!important}@keyframes toca{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.missao .balao{top:30%}.fila-cristais{left:0;right:0;bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;gap:clamp(14px,4vw,44px);display:flex;position:absolute}.fila-cristais>*{pointer-events:auto}.cristal-btn{cursor:pointer;filter:drop-shadow(0 0 14px #ffd475a6);background:0 0;border:0;width:clamp(96px,22vh,150px);height:clamp(110px,25vh,170px);padding:0;transition:transform .12s;position:relative}.cristal-btn:active{transform:scale(.94)}.cristal-btn:focus-visible{outline:4px solid var(--creme);outline-offset:4px;border-radius:18px}.cristal-btn.destaque{animation:1s ease-in-out infinite destaque}.cristal-btn.pulo{animation:.45s ease-out pulo}.cristal-btn.treme{animation:.4s ease-in-out treme}@keyframes destaque{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.07)}}@keyframes pulo{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes treme{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.cristal-btn .aponta{color:var(--creme);font-size:34px;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.cristal-btn .selo{background:var(--creme);width:44px;height:44px;color:var(--espaco);border:3px solid var(--espaco);border-radius:50%;justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;top:-4px;right:-4px}.coluna-dir{right:max(14px, env(safe-area-inset-right));pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.coluna-dir>*{pointer-events:auto}.missao3 .mesa{pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:22%;left:0;right:0}.missao3 .mesa>*{pointer-events:auto}.slots{gap:18px;display:flex}.slot{border:5px dashed var(--creme);width:clamp(100px,24vh,140px);height:clamp(100px,24vh,140px);color:var(--creme);font:inherit;cursor:pointer;background:#101b3aa6;border-radius:26px;font-size:52px;font-weight:900}.slot.cheio{background:var(--creme);color:var(--espaco);border-style:solid}.slot.destaque,.tile.destaque{outline:5px solid var(--amarelo);outline-offset:4px;animation:1s ease-in-out infinite destaque}.palavra-montada{border:3px solid var(--amarelo);background:#101b3ad9;border-radius:999px;align-items:center;gap:12px;padding:6px 16px;display:flex}.palavra-montada .ilus{font-size:44px;display:flex}.bandeja{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;gap:28px;display:flex;position:absolute}.bandeja>*{pointer-events:auto}.tile{border:4px solid var(--creme);background:var(--amarelo);width:clamp(100px,24vh,140px);height:clamp(84px,20vh,112px);color:var(--espaco);font:inherit;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:24px;font-size:48px;font-weight:900;box-shadow:0 6px #0000004d}.tile.sel{outline:5px solid var(--energia);outline-offset:4px}.responsaveis{background:var(--espaco);z-index:8;pointer-events:auto;padding-top:max(18px, env(safe-area-inset-top));justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.responsaveis *{-webkit-user-select:text;user-select:text}.barreira{margin:auto}.barreira .visor{border:2px solid var(--creme);background:#f7f3e81f;border-radius:16px;min-width:160px;margin:8px auto 12px;padding:4px 18px;font-size:44px;font-weight:900}.teclado-num{grid-template-columns:repeat(4,64px);justify-content:center;gap:10px;margin-bottom:14px;display:grid}.painel-adulto{width:min(720px,100%);padding-bottom:40px}.painel-adulto header{justify-content:space-between;align-items:center;gap:12px;display:flex}.painel-adulto h2{color:var(--amarelo);letter-spacing:.06em;margin:0;font-size:26px}.painel-adulto h3{border-bottom:2px solid #f7f3e84d;margin:22px 0 8px;padding-bottom:4px;font-size:20px}.painel-adulto p,.painel-adulto li,.painel-adulto span{font-size:17px;line-height:1.4}.aviso-diag{border:2px solid var(--amarelo);background:#ffd47529;border-radius:14px;margin:14px 0;padding:12px 14px}.avatares,.niveis{flex-wrap:wrap;gap:10px;display:flex}.avatar{border:3px solid var(--creme);cursor:pointer;background:#f7f3e814;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:0;display:flex}.avatar.on,.nivel.on{outline:4px solid var(--amarelo);outline-offset:2px;background:#ffd47533}.nivel{text-align:left;border:3px solid var(--creme);color:var(--creme);font:inherit;cursor:pointer;background:#f7f3e80f;border-radius:16px;flex-direction:column;flex:200px;gap:4px;min-height:64px;padding:10px 14px;display:flex}.nivel small{opacity:.9;font-size:14px}.missao-resumo{border-bottom:1px solid #f7f3e833;padding:8px 0}.missao-resumo ul{columns:2;margin:6px 0 0;padding-left:20px}.linha-config{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 0;display:flex}.linha-config input[type=checkbox]{opacity:0;width:56px;height:36px;position:absolute;right:0}.linha-config{position:relative}.linha-config .chave{border:2px solid var(--creme);background:#f7f3e840;border-radius:999px;flex:none;width:56px;height:32px;position:relative}.linha-config .chave:after{content:"";background:var(--creme);border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:2px;left:2px}.linha-config input:checked~.chave{background:var(--amarelo)}.linha-config input:checked~.chave:after{background:var(--espaco);transform:translate(24px)}.linha-config input:focus-visible~.chave{outline:4px solid var(--creme);outline-offset:3px}.opcoes{gap:8px;display:flex}.confirma{border:3px solid var(--coral);border-radius:16px;padding:12px}.mala-amostra{background:var(--espaco);justify-content:center;align-items:center;font-size:40px;display:inline-flex}:root[data-movimento=reduzido] *,:root[data-movimento=reduzido] :before,:root[data-movimento=reduzido] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (height<=420px){.missoes .cartao-missao{min-height:92px}.missoes .icone-missao{font-size:36px}.missao .balao{font-size:20px;top:26%}.missao3 .mesa{top:31%}.missao .pergunta{padding:4px 12px}.slot{width:96px;height:96px;font-size:40px}.tile{width:108px;height:84px;font-size:40px}.cristal-btn{width:96px;height:112px}}.missao3 .balao{top:max(14px, env(safe-area-inset-top))}.missao3 .mesa{top:31%}