:root{--roxo: #7a4bc4;--roxo-claro: #9b5de5;--roxo-palido: #efe6fb;--rosa: #ff74a8;--rosa-palido: #ffe7f0;--azul: #4cc9f0;--dourado: #f5c453;--papel: #fff9fd;--tinta: #40275c;--tinta-suave: #7b6392;--raio: 22px;--raio-grande: 32px;--sombra-baixa: 0 3px 0 rgb(64 39 92 / .13);--sombra-media: 0 8px 22px rgb(122 75 196 / .22);--sombra-alta: 0 16px 40px rgb(122 75 196 / .3);--alvo: 58px;--gutter: clamp(10px, 2.4vw, 20px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:ui-rounded,SF Pro Rounded,Segoe UI Rounded,system-ui,sans-serif;color:var(--tinta);background:var(--papel);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}svg{display:block;max-width:100%}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--roxo);outline-offset:3px}.jogo{position:relative;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#fdf3ff,#f3e6fd 45%,#e9dcfb)}.tela{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column}.jogo[data-tela=inicio] .tela--inicio,.jogo[data-tela=estudio] .tela--estudio,.jogo[data-tela=final] .tela--final{display:flex}.tela--inicio{align-items:center;justify-content:center;gap:clamp(6px,1.6vh,18px);padding:var(--gutter);text-align:center}.titulo{font-size:clamp(1.5rem,1rem + 3.6vw,3rem);font-weight:800;line-height:1.16;color:var(--roxo);letter-spacing:-.02em;text-shadow:0 3px 0 #fff,0 6px 14px rgb(122 75 196 / .22)}.titulo strong{display:inline-block;font-size:1.22em;color:var(--rosa)}.inicio__palco{flex:0 0 auto;aspect-ratio:4 / 5;height:min(52vh,88vw);width:auto;filter:drop-shadow(0 16px 30px rgb(122 75 196 / .28));animation:respirar 4.5s ease-in-out infinite}.inicio__palco svg{height:100%;width:100%}@keyframes respirar{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-1.4%) rotate(.6deg)}}.inicio__botoes{display:flex;flex-direction:column;gap:12px;width:min(100%,380px)}.botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--alvo);padding:14px 26px;border-radius:999px;font-size:clamp(1rem,.9rem + .7vw,1.35rem);font-weight:800;color:#fff;background:linear-gradient(180deg,var(--roxo-claro),var(--roxo));box-shadow:var(--sombra-media),inset 0 -4px #00000024;transition:transform .12s ease,box-shadow .12s ease}.botao svg{width:1.4em;height:1.4em}.botao:active{transform:translateY(3px) scale(.985);box-shadow:var(--sombra-baixa),inset 0 -2px #00000024}.botao--desafio{min-height:72px;font-size:clamp(1.1rem,.95rem + 1vw,1.6rem);background:linear-gradient(180deg,#ffa5c8,var(--rosa))}.botao--livre{background:linear-gradient(180deg,#6ed6f5,#2fb3e0)}.botao--pronta{min-height:62px;padding-inline:clamp(18px,4vw,40px);background:linear-gradient(180deg,#ffd776,#f0ab2e);color:#5a3410;text-shadow:0 1px 0 rgb(255 255 255 / .5)}.botao--adormecido{filter:saturate(.35) brightness(1.06);box-shadow:var(--sombra-baixa),inset 0 -4px #00000014}.botao--chamando{animation:chamar 1.9s ease-in-out infinite}@keyframes chamar{0%,70%,to{transform:scale(1)}80%{transform:scale(1.055)}90%{transform:scale(.99)}}.botao-redondo{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:var(--alvo);min-height:var(--alvo);padding:6px 8px;border-radius:18px;color:var(--roxo);background:#fff;box-shadow:var(--sombra-baixa);font-size:.66rem;font-weight:700;transition:transform .12s ease,opacity .12s ease}.botao-redondo svg{width:26px;height:26px}.botao-redondo:active{transform:translateY(2px)}.botao-redondo:disabled{opacity:.34;cursor:default}.botao-redondo--discreto{color:var(--tinta-suave)}.botao-som{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:6;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:var(--roxo);background:#ffffffe6;box-shadow:var(--sombra-baixa)}.botao-som svg{width:26px;height:26px}.botao-som--mudo{color:var(--tinta-suave)}.tela--estudio{flex-direction:column}.cena{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:calc(var(--gutter) + env(safe-area-inset-top)) var(--gutter) 4px}.palco-wrapper{position:relative;display:grid;flex:1 1 auto;place-items:center;min-height:0;width:100%}.palco{position:relative;border-radius:50% 50% 44% 44%/42% 42% 30% 30%;background:radial-gradient(120% 100% at 50% 12%,#fffdf8,#fdeef8 55%,#f3ddf6);box-shadow:0 0 0 6px #fff,0 0 0 12px #f0d7ef,0 0 0 16px var(--dourado),0 0 #f5c45300,var(--sombra-alta)}.palco__retrato,.palco__tinta{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit}.palco__retrato{overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none}.palco__retrato svg{width:100%;height:100%}.palco__tinta{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mao-dica{position:absolute;width:17%;margin:-3% 0 0 -6%;pointer-events:none;filter:drop-shadow(0 4px 8px rgb(64 39 92 / .3));animation:passar-o-dedo 2.6s ease-in-out infinite}@keyframes passar-o-dedo{0%,to{transform:translate(-24%,6%) scale(.96);opacity:0}15%{opacity:1}50%{transform:translate(30%,-4%) scale(1);opacity:1}85%{opacity:1}}.palco.reagindo--piscar{animation:reagir-encantada .62s ease-out}.palco.reagindo--animada{animation:reagir-alegre .9s cubic-bezier(.22,1.1,.36,1)}@keyframes reagir-encantada{0%{transform:translateY(0) scale(1) rotate(0)}34%{transform:translateY(-1.7%) scale(.986) rotate(-1deg);box-shadow:0 0 0 6px #fff,0 0 0 12px #ffeec2,0 0 0 16px var(--dourado),0 0 26px 8px #f5c45399,var(--sombra-alta)}68%{transform:translateY(.4%) scale(.998) rotate(.35deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes reagir-alegre{0%{transform:translateY(0) scale(1) rotate(0)}28%{transform:translateY(-2.5%) scale(.98) rotate(1.3deg);box-shadow:0 0 0 6px #fff,0 0 0 12px #ffe0ef,0 0 0 16px var(--rosa),0 0 30px 10px #ff74a88c,var(--sombra-alta)}60%{transform:translateY(.6%) scale(.995) rotate(-.6deg)}to{transform:translateY(0) scale(1) rotate(0)}}.palco.reagindo--piscar .palco__retrato,.palco.reagindo--animada .palco__retrato{animation:iluminar-o-rosto .62s ease-out}.palco.reagindo--animada .palco__retrato{animation-duration:.9s}@keyframes iluminar-o-rosto{0%,to{filter:none}40%{filter:brightness(1.09) saturate(1.14)}}.missao{flex:0 0 auto;margin-bottom:2px}.missao__abrir{display:flex;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffffdb;box-shadow:var(--sombra-baixa)}.ficha{display:flex;align-items:center;gap:2px;padding:4px 10px;border-radius:999px;background:var(--roxo-palido);transition:background .25s ease,transform .25s ease}.ficha--pronta{background:#dcf7e3}.ficha--comemorando{animation:comemorar .8s ease}@keyframes comemorar{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.22) rotate(-5deg)}60%{transform:scale(1.08) rotate(4deg)}}.ficha__icone{display:block;width:30px;height:30px;color:var(--tinta-suave)}.ficha--pronta .ficha__icone{color:var(--roxo)}.acoes{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:clamp(8px,3vw,22px);width:100%;padding-top:4px}.bancada{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(8px,2.4vw,20px);padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff,#fdf4fb);border-radius:var(--raio-grande) var(--raio-grande) 0 0;box-shadow:0 -6px 24px #7a4bc429}.bancada__grupo{display:flex;align-items:center;gap:clamp(6px,1.8vw,14px)}.ferramenta{display:flex;flex-direction:column;align-items:center;gap:1px;width:var(--alvo);min-height:var(--alvo);padding:5px 3px;border-radius:18px;background:#fff;box-shadow:var(--sombra-baixa);opacity:.62;color:var(--roxo);transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.ferramenta__icone{display:block;width:34px;height:34px}.ferramenta__icone svg{width:100%;height:100%}.ferramenta__nome{font-size:.6rem;font-weight:700;line-height:1}.ferramenta--ativa{opacity:1;transform:translateY(-8px) scale(1.14);box-shadow:0 0 0 4px #fff,0 10px 18px #7a4bc457}.cor{display:grid;place-items:center;width:var(--alvo);height:var(--alvo);border-radius:50%;transition:transform .16s ease}.cor__bola{display:block;width:40px;height:40px;border-radius:50%;background:var(--amostra);box-shadow:inset 0 -4px 8px #0000002e,0 3px #40275c24}.cor--ativa{transform:scale(1.24)}.cor--ativa .cor__bola{box-shadow:0 0 0 4px #fff,0 0 0 8px var(--amostra),inset 0 -4px 8px #0003}.bancada__simbolos{padding-left:clamp(4px,1.4vw,12px);border-left:2px dashed #ecdff8;opacity:.82;transition:opacity .16s ease}.bancada__simbolos--ativa{opacity:1}.simbolo{display:grid;place-items:center;width:var(--alvo);height:var(--alvo);border-radius:18px;background:#fff;box-shadow:var(--sombra-baixa);color:var(--tinta-suave);opacity:.7;transition:transform .16s ease,opacity .16s ease}.simbolo__icone{display:block;width:34px;height:34px}.simbolo--ativo{opacity:1;color:var(--roxo);transform:translateY(-6px) scale(1.12);box-shadow:0 0 0 3px #fff,0 8px 16px #7a4bc44d}.balao{position:absolute;left:50%;bottom:1%;z-index:5;pointer-events:none;max-width:min(86%,460px);padding:12px 20px;border-radius:var(--raio);font-size:clamp(.92rem,.85rem + .5vw,1.12rem);font-weight:700;text-align:center;color:#fff;background:linear-gradient(180deg,var(--roxo-claro),var(--roxo));box-shadow:var(--sombra-media);transform:translate(-50%);animation:balao-entra .34s ease}.balao--saindo{animation:balao-sai .4s ease forwards}@keyframes balao-entra{0%{opacity:0;transform:translate(-50%,14px) scale(.94)}}@keyframes balao-sai{to{opacity:0;transform:translate(-50%,10px) scale(.96)}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:var(--gutter);background:#40275c6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal[hidden]{display:none}.modal__caixa{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(100%,420px);padding:26px 22px;border-radius:var(--raio-grande);text-align:center;background:var(--papel);box-shadow:var(--sombra-alta);animation:modal-entra .28s ease}@keyframes modal-entra{0%{opacity:0;transform:scale(.9) translateY(12px)}}.modal__icone{width:66px;height:66px;color:var(--roxo)}.modal__texto{font-size:clamp(1.05rem,.95rem + .6vw,1.3rem);font-weight:800}.modal__botoes{display:flex;flex-direction:column;gap:10px;width:100%}.botao--nao{color:var(--roxo);background:#fff;box-shadow:var(--sombra-baixa),inset 0 0 0 3px var(--roxo-palido)}.tela--final{--moldura: 18px;align-items:center;justify-content:flex-end;padding:calc(var(--gutter) + var(--moldura) + env(safe-area-inset-top)) calc(var(--gutter) + var(--moldura)) calc(var(--gutter) + var(--moldura) + env(safe-area-inset-bottom));background:radial-gradient(90% 60% at 50% 8%,#fff3c4,#fff3c400 60%),linear-gradient(180deg,#6b4bb8,#a865d0 48%,#f5a8c8)}.palco-corpo-wrapper{position:relative;z-index:1;display:grid;flex:1 1 auto;place-items:center;min-height:0;width:100%}.palco-corpo{position:relative;--aro-medalhao: 14px;overflow:hidden;border-radius:50% 50% 44% 44%/42% 42% 30% 30%;background:radial-gradient(120% 100% at 50% 12%,#fffdf8,#fdeef8 55%,#f3ddf6);box-shadow:0 0 0 5px #fff,0 0 0 11px var(--dourado),0 0 0 var(--aro-medalhao) #fff3d0,0 0 44px 10px #f5c45373,0 22px 38px #28104673;animation:chegar-na-festa .9s cubic-bezier(.22,1.1,.36,1) both}.palco-corpo.posando{animation:chegar-na-festa .9s cubic-bezier(.22,1.1,.36,1) both,posar 3.4s ease-in-out .9s infinite}.palco-corpo svg{width:100%;height:100%}.palco-corpo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(to top,#ffe7b0d9,#ffe7b057 7%,#ffe7b000 17%);box-shadow:inset 0 0 26px 6px #ffd68280}.palco-corpo__tinta{position:absolute;z-index:1;pointer-events:none}@keyframes chegar-na-festa{0%{opacity:0;transform:scale(.86) translateY(26px)}}@keyframes posar{0%,to{transform:rotate(-1.1deg) translateY(0)}50%{transform:rotate(1.1deg) translateY(-.7%)}}.painel-final{position:relative;z-index:2;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:12px;width:min(100%,460px)}.painel-final__mensagem{padding:10px 22px;border-radius:999px;font-size:clamp(1.05rem,.9rem + 1vw,1.5rem);font-weight:800;text-align:center;color:var(--roxo);background:#fffffff2;box-shadow:var(--sombra-media);animation:comemorar .9s ease .3s}.painel-final__botoes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.jogo--revelado .painel-final__botoes{opacity:1;transform:none;pointer-events:auto}.botao--livre-grande{flex:1 1 100%;min-height:66px;background:linear-gradient(180deg,#6ed6f5,#2fb3e0)}.botao--secundario{background:linear-gradient(180deg,#ffa5c8,var(--rosa))}.painel-final .botao-redondo{background:#ffffffeb}.confete{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.confete i{position:absolute;top:-8%;left:var(--x);width:12px;height:16px;border-radius:3px;background:var(--cor);animation:cair var(--dur) linear var(--atraso) infinite}.confete i:nth-child(3n){width:10px;height:10px;border-radius:50%}@keyframes cair{0%{transform:translateY(0) rotate(0);opacity:0}8%{opacity:1}90%{opacity:1}to{transform:translateY(112vh) rotate(var(--giro));opacity:0}}@media(orientation:landscape)and (min-width:800px){.tela--estudio{flex-direction:row}.cena{padding-bottom:var(--gutter)}.bancada{flex-direction:column;flex-wrap:nowrap;justify-content:center;width:clamp(200px,25vw,268px);padding:var(--gutter);overflow-y:auto;border-radius:var(--raio-grande) 0 0 var(--raio-grande);box-shadow:-6px 0 24px #7a4bc429}.bancada__ferramentas,.bancada__cores{display:grid;grid-template-columns:repeat(2,auto);justify-content:center}.bancada__simbolos{flex-wrap:wrap;justify-content:center;padding-left:0;padding-top:clamp(6px,1.4vh,12px);border-left:0;border-top:2px dashed #ecdff8}.botao-som{right:auto;left:max(10px,env(safe-area-inset-left))}.tela--final{flex-direction:row;align-items:stretch;justify-content:center;gap:clamp(16px,4vw,60px)}.palco-corpo-wrapper{align-self:stretch}.painel-final{align-self:center;width:min(38%,380px)}}@media(orientation:landscape)and (max-height:460px){:root{--alvo: 48px;--gutter: 8px}.ferramenta__icone,.simbolo__icone{width:26px;height:26px}.ferramenta__nome{display:none}.cor__bola{width:32px;height:32px}.botao--pronta{min-height:50px}.bancada{gap:6px;padding:8px}.balao{position:fixed;top:6px;bottom:auto;max-width:min(62vw,420px);padding:7px 14px;font-size:.82rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}