:root{--brand: #ffc83d;--brand-strong: #ffb000;--accent: #19b9a6;--accent-strong: #0e9c8c;--violet: #7c6cf5;--coral: #ff7a6b;--bg-top: #eaf5ff;--bg-bottom: #f7fbff;--surface: #ffffff;--surface-2: #f2f6fb;--surface-3: #e8eef7;--ink: #16202e;--ink-soft: #5c6b80;--ink-faint: #90a0b4;--line: rgba(16, 32, 46, .08);--shadow-xs: 0 1px 2px rgba(16, 32, 46, .06);--shadow-sm: 0 4px 14px -6px rgba(16, 32, 46, .18);--shadow-md: 0 14px 34px -14px rgba(16, 32, 46, .28);--shadow-lg: 0 30px 60px -26px rgba(16, 32, 46, .36);--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-xl: 36px;--alvo-min: 64px;--ease: cubic-bezier(.22, 1, .36, 1);font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,Segoe UI Variable Display,Segoe UI,Nunito,system-ui,-apple-system,Helvetica Neue,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 60%);background-attachment:fixed;color:var(--ink);overscroll-behavior:none;touch-action:manipulation}#root{display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100%;flex:1}h1,h2,h3{margin:0 0 .35em;line-height:1.12;letter-spacing:-.02em;font-weight:800}h1{font-size:clamp(1.55rem,4.2vw,2.3rem)}h2{font-size:clamp(1.15rem,3vw,1.5rem)}h3{font-size:1.05rem}p{line-height:1.55;margin:0 0 .75em;color:var(--ink-soft)}small{color:var(--ink-faint)}strong{color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{font:inherit;font-weight:700;letter-spacing:-.01em;min-height:var(--alvo-min);min-width:var(--alvo-min);padding:14px 24px;border:0;border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px) scale(.985);box-shadow:var(--shadow-xs)}.btn:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.btn--grande{font-size:clamp(1.1rem,3vw,1.35rem);min-height:72px;padding:18px 34px;border-radius:var(--r-xl)}.btn--primario{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-strong) 100%);color:#3a2b06;box-shadow:0 10px 24px -10px #ffb000bf,var(--shadow-xs)}.btn--acao{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;box-shadow:0 12px 26px -10px #0e9c8cb3,var(--shadow-xs)}.btn--neutro{background:var(--surface)}.btn--fantasma{background:transparent;box-shadow:none;color:var(--ink-soft);font-weight:600}.btn--fantasma:hover{background:var(--surface);box-shadow:var(--shadow-sm)}.btn--icone{padding:0;width:var(--alvo-min);height:var(--alvo-min);border-radius:50%;color:var(--ink-soft)}.btn[disabled]{opacity:.45;cursor:default;box-shadow:none;transform:none}.tela{flex:1;display:flex;flex-direction:column;padding:clamp(16px,3vw,32px);gap:20px;max-width:1120px;width:100%;margin:0 auto}.tela--centro{align-items:center;justify-content:center;text-align:center;gap:24px}.cartao{background:var(--surface);border-radius:var(--r-lg);padding:clamp(18px,2.6vw,26px);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.barra-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pilha{display:flex;flex-direction:column;gap:14px}.linha{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.entra{animation:entra .45s var(--ease) both}@keyframes entra{0%{opacity:0;transform:translateY(10px)}}.rodada{position:relative;flex:1;display:flex;flex-direction:column;gap:16px;padding:clamp(14px,2.4vw,26px);min-height:0;max-width:1120px;width:100%;margin:0 auto}.rodada__topo{display:flex;align-items:center;gap:14px;margin-top:14px}.rodada__fala{flex:1;background:var(--surface);border-radius:var(--r-lg);padding:16px 22px;margin:0;font-size:clamp(1.05rem,2.6vw,1.4rem);font-weight:700;color:var(--ink);box-shadow:var(--shadow-sm);position:relative}.rodada__fala:after{content:"";position:absolute;left:-9px;top:50%;width:18px;height:18px;background:var(--surface);transform:translateY(-50%) rotate(45deg);border-radius:4px}@media (max-width: 640px){.rodada__topo{flex-wrap:wrap;justify-content:space-between}.rodada__fala{order:3;flex:1 1 100%}.rodada__fala:after{display:none}}.rodada__palco{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.quadro{width:100%;max-height:100%;border-radius:var(--r-xl);box-shadow:var(--shadow-md);display:block}.regiao{cursor:pointer;transition:filter .2s var(--ease)}.regiao:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.regiao--dica{animation:respira 1.4s ease-in-out infinite}.regiao--erro{animation:balanca .45s var(--ease)}.regiao--acerto{animation:pop .45s var(--ease)}@keyframes respira{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.06)}}@keyframes balanca{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-1.5deg)}75%{transform:translate(5px) rotate(1.5deg)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.paleta{display:flex;justify-content:center;gap:clamp(10px,2.2vw,20px);padding:10px 4px 4px;flex-wrap:wrap}.tinta{width:clamp(64px,14vw,84px);height:clamp(64px,14vw,84px);border-radius:50%;border:0;cursor:pointer;padding:0;position:relative;display:grid;place-items:center;box-shadow:inset 0 -6px 12px #00000029,inset 0 6px 10px #fff6,var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.tinta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 #fff0;transition:box-shadow .2s var(--ease)}.tinta[aria-pressed=true]{transform:translateY(-8px) scale(1.06);box-shadow:inset 0 -6px 12px #00000029,0 0 0 5px var(--surface),0 0 0 8px currentColor,var(--shadow-md)}.tinta:focus-visible{outline:3px solid var(--violet);outline-offset:5px}.mapa{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mundo{border-radius:var(--r-xl);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:transform .25s var(--ease)}.mundo:hover{transform:translateY(-3px)}.mundo--bloqueado{filter:saturate(.75)}.mundo--epoca{grid-column:1 / -1;filter:saturate(1.15);border:4px solid #ffcf4d;box-shadow:0 0 0 4px #ffcf4d59,0 18px 40px -14px #ffb0008c;animation:brilha-epoca 3.2s ease-in-out infinite}.mundo--epoca.mundo--bloqueado{filter:saturate(1.1)}.mundo__faixa{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#ffe07a,#ffb800);color:#5a3b00;font-weight:800;font-size:.85rem;padding:6px 14px;border-radius:999px;box-shadow:0 4px 10px -4px #78500080}@keyframes brilha-epoca{0%,to{box-shadow:0 0 0 4px #ffcf4d4d,0 18px 40px -14px #ffb00073}50%{box-shadow:0 0 0 7px #ffcf4d73,0 18px 46px -12px #ffb000b3}}@media (prefers-reduced-motion: reduce){.mundo--epoca{animation:none}}.mundo__selo{display:inline-flex;align-items:center;gap:6px;background:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-soft);font-size:.8rem;font-weight:700;padding:6px 12px;border-radius:999px}.mundo__previa{border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm);display:block}.fases{display:flex;gap:10px;flex-wrap:wrap}.fase{width:72px;height:72px;border-radius:var(--r-md);border:0;background:#ffffffeb;font-size:1.35rem;font-weight:800;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:var(--shadow-sm);padding:0;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.fase:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.fase:active{transform:translateY(1px)}.fase:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.fase--bloqueada{background:#ffffff73;color:var(--ink-faint);cursor:default;box-shadow:none}.fase--bloqueada:hover{transform:none;box-shadow:none}.fase__estrelas{display:flex;gap:2px}.progresso{height:12px;border-radius:999px;background:#fff9;overflow:hidden}.progresso__barra{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#52d6c6);transition:width .5s var(--ease)}.estrelas{display:flex;justify-content:center;gap:12px}.pulo{animation:pula .7s var(--ease) both}@keyframes pula{0%{transform:scale(.4) rotate(-18deg);opacity:0}65%{transform:scale(1.15) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0)}}.album{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.figurinha{background:var(--surface);border-radius:var(--r-lg);padding:16px 12px;text-align:center;font-weight:700;box-shadow:var(--shadow-sm);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .2s var(--ease)}.figurinha:hover{transform:translateY(-3px)}.figurinha--falta{background:var(--surface-2);color:var(--ink-faint);box-shadow:none}.impressao{max-width:920px}.folhas{display:flex;flex-direction:column;align-items:center;gap:20px}.folha{background:#fff;color:#111;width:100%;max-width:210mm;aspect-ratio:210 / 297;padding:12mm;display:flex;flex-direction:column;gap:4mm;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);border-radius:6px;container-type:inline-size}.folha__topo{display:flex;justify-content:space-between;gap:8px;font-size:11pt;border-bottom:1.5px solid #222;padding-bottom:2mm}.folha__instrucao{font-size:20pt;line-height:1.2;margin:0;color:#111}.folha__cena{width:100%;height:auto;max-height:150mm;align-self:center}.folha__cores{display:flex;flex-wrap:wrap;justify-content:center;gap:4mm 8mm;list-style:none;margin:0;padding:0}.folha__cor{display:flex;align-items:center;gap:2mm;font-size:14pt;font-weight:700}.folha__dica{margin:0;font-size:11pt;background:#f1f1f1;padding:2mm 3mm;border-radius:3mm}.folha__rodape{margin-top:auto;display:flex;justify-content:space-between;gap:8px;font-size:9pt;color:#444}.folha__gabarito{display:grid;grid-template-columns:1fr 1fr;gap:5mm}.folha__gabarito figure{margin:0;text-align:center;font-size:10pt;border:1px solid #bbb;border-radius:3mm;padding:2mm}.folha__gabarito svg{width:100%;height:auto}.folha__cartoes{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:4mm;flex:1}.cartao-recortar{border:1.5px dashed #555;border-radius:3mm;padding:4mm;font-size:10.5pt;line-height:1.35}.cartao-recortar h3{margin:0;font-size:13pt;color:#111}.cartao-recortar p{margin:1.5mm 0 0}.cartao-recortar__meta{font-weight:700}.cartao-recortar__dica{font-style:italic}.folha--relatorio{aspect-ratio:auto;min-height:297mm;overflow:visible;gap:3mm}.relatorio__bloco{break-inside:avoid}.relatorio__titulo{font-size:14pt;margin:2mm 0 1mm;color:#111;border-bottom:1px solid #bbb;padding-bottom:1mm}.relatorio__bloco p{margin:1.5mm 0;font-size:10.5pt;line-height:1.4}.relatorio__nota{font-size:9pt!important;color:#555}.relatorio__grafico{width:100%;max-width:120mm;height:auto}.relatorio__tabela{width:100%;border-collapse:collapse;font-size:10pt}.relatorio__tabela th,.relatorio__tabela td{border-bottom:1px solid #ccc;padding:1.2mm 1.5mm;text-align:left}.relatorio__tabela th{font-size:9pt;color:#444}.relatorio__habilidades{margin:0;padding-left:5mm;font-size:10.5pt;line-height:1.4}.relatorio__habilidades li{margin-bottom:2mm}.relatorio__habilidades span{font-size:9.5pt;color:#555}.relatorio__rodape{font-size:8.5pt}@media print{@page{size:A4;margin:0}.folha.folha--relatorio{height:auto;min-height:297mm;overflow:visible}html,body,#root,.app{height:auto!important;min-height:0!important;overflow:visible!important;display:block!important;background:#fff!important}.nao-imprimir{display:none!important}.adulto.impressao{padding:0;max-width:none;gap:0;display:block}.folhas{display:block}.folha{width:210mm;max-width:none;height:297mm;aspect-ratio:auto;box-shadow:none;border:none;border-radius:0;break-after:page;page-break-after:always}.folha:last-child{break-after:auto;page-break-after:auto}}.linha-item{flex-wrap:wrap;row-gap:6px}.quem{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.quem__cartao{min-width:150px;min-height:190px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;cursor:pointer;font:inherit;color:var(--ink);transition:transform .2s var(--ease)}.quem__cartao:active{transform:scale(.97)}.quem__cartao--bloqueado{opacity:.55;filter:grayscale(.7);cursor:default}.quem__nome{font-size:1.35rem;font-weight:800}.roupa{min-height:250px;justify-content:flex-start}.roupa__arte{height:118px;display:flex;align-items:flex-end;justify-content:center}.roupa--vestida{outline:3px solid var(--accent);outline-offset:-3px}.roupa--falta .roupa__arte{filter:grayscale(.85) brightness(1.04);opacity:.55}.roupa__como{display:flex;align-items:center;gap:4px;justify-content:center;font-weight:600}.roupa .progresso{width:100%}.roupa-nova{animation:entra .5s var(--ease) both}.adulto{flex:1;padding:clamp(18px,3vw,36px);display:flex;flex-direction:column;gap:18px;max-width:820px;width:100%;margin:0 auto}.campo{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:.95rem}.campo input[type=text],.campo input[type=number]{font:inherit;font-weight:600;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-md);min-height:var(--alvo-min);background:var(--surface-2);color:var(--ink);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.campo input:focus{outline:none;background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px #19b9a629}.escolhas{display:flex;gap:10px;flex-wrap:wrap}.escolha{font:inherit;font-weight:700;padding:14px 22px;min-height:var(--alvo-min);border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft);cursor:pointer;box-shadow:var(--shadow-xs);transition:transform .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease)}.escolha:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.escolha:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.escolha[aria-pressed=true]{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-strong) 100%);color:#3a2b06;border-color:transparent;box-shadow:0 8px 20px -10px #ffb000cc}.dias{display:flex;align-items:flex-end;gap:10px;height:128px}.dia{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.78rem;font-weight:700;color:var(--ink-faint)}.dia__barra{width:100%;background:linear-gradient(180deg,#52d6c6,var(--accent));border-radius:10px;min-height:6px;transition:height .5s var(--ease)}.dia__barra--vazio{background:var(--surface-3)}.aviso{background:var(--surface-2);padding:14px 16px;border-radius:var(--r-md);font-size:.95rem;color:var(--ink-soft);line-height:1.5}.aviso--destaque{background:#7c6cf51a;color:#4b3fb0}.preco{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.preco small{font-size:.9rem;font-weight:600;color:var(--ink-faint)}.lista-limpa{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--ink-soft)}.lista-limpa li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}.lista-limpa li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:8px;flex:none}.linha-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.linha-item:last-child{border-bottom:0}.etiqueta{font-size:.8rem;font-weight:700;color:var(--ink-faint);background:var(--surface-2);padding:5px 12px;border-radius:999px}.rodape-legal{font-size:.85rem;color:var(--ink-faint);line-height:1.5;padding-top:8px}.logo{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.marca-linha{display:flex;justify-content:center}.mascote{display:inline-block;position:relative;line-height:0;transform-origin:50% 100%;background:none;border:0;padding:0}.mascote__img{display:block;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 10px 10px rgba(16,32,46,.16));animation:mascote-troca .22s var(--ease)}.mascote--toque{cursor:pointer}.mascote--toque:focus-visible{outline:3px solid var(--violet);outline-offset:4px;border-radius:24px}.mascote--toque:active{transform:scale(.96)}.mascote--respira{animation:mascote-respira 3.4s ease-in-out infinite}.mascote--hop{animation:mascote-pula .72s var(--ease)}.mascote--shake{animation:mascote-balanca .6s ease-in-out}.mascote--anda{animation:mascote-anda .34s ease-in-out infinite}@keyframes mascote-troca{0%{opacity:.4}}@keyframes mascote-respira{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.012,.99)}}@keyframes mascote-pula{0%{transform:translateY(0) scale(1.06,.92)}32%{transform:translateY(-16px) scale(.96,1.06)}64%{transform:translateY(0) scale(1.05,.94)}to{transform:translateY(0) scale(1)}}@keyframes mascote-balanca{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}@keyframes mascote-anda{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-7px)}}.guia{position:absolute;left:0;top:0;z-index:6;pointer-events:none;will-change:transform}.guia--pronto{transition:transform .65s cubic-bezier(.3,.85,.3,1)}.guia .mascote--toque{pointer-events:auto}.guia__vaga{flex:none}.passos{display:flex;justify-content:center;gap:10px}.passo{width:12px;height:12px;border-radius:50%;background:var(--surface-3);transition:background .3s var(--ease),transform .3s var(--ease)}.passo--feito{background:linear-gradient(180deg,#52d6c6,var(--accent))}.passo--atual{background:var(--brand);transform:scale(1.35);box-shadow:0 4px 10px -3px #ffb000cc}.mascote-grande{filter:none}.balao-solto{background:var(--surface);border-radius:var(--r-lg);padding:12px 18px;font-weight:700;color:var(--ink);box-shadow:var(--shadow-sm);position:relative}
