@font-face{font-family:Fredoka;src:url(/jogos/junta-umbu/assets/Fredoka-uBsOTgB9.ttf) format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Nunito;src:url(/jogos/junta-umbu/assets/Nunito-63TK8RbS.ttf) format("truetype");font-weight:200 1000;font-display:swap}:root{--color-cream: #f7f1e7;--color-paper: #fffcf6;--color-forest: #294b40;--color-forest-dark: #1e3a31;--color-sage: #a8bea0;--color-sage-light: #e1e8d8;--color-sage-line: #677d62;--color-muted: #5b675b;--color-danger: #a13d32;--color-danger-light: #f9e5de;--color-focus: #325d98;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-display: Fredoka, ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-body: Nunito, system-ui, -apple-system, sans-serif;--text-caption: 14px;--text-body: 16px;--text-heading: 28px;--text-title: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-round: 999px;--duration-fast: .12s;--duration-normal: .18s;--duration-celebrate: .32s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--shadow-soft: 0 8px 24px rgb(41 75 64 / .1);--surface: var(--color-cream);--surface-raised: var(--color-paper);--ink: var(--color-forest);--ink-muted: var(--color-muted);--action: var(--color-forest);--action-hover: var(--color-forest-dark);--on-action: var(--color-paper);--outline: var(--color-sage-line);--valid: var(--color-forest);--valid-bg: var(--color-sage-light);--invalid: var(--color-danger);--invalid-bg: var(--color-danger-light);--focus-ring: var(--color-focus);--color-ink: #1e3a31;--color-crate: #c58b57;--color-crate-dark: #9c6638;--color-crate-light: #d9a873;--color-slot: #ecd5ad;--color-slot-line: #d2ae7c;--color-gold: #ffd66b;--color-gold-light: #fff1b8;--duration-slide: .13s;--duration-pop: .24s;--duration-born: .17s}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.5;overscroll-behavior-y:contain;-webkit-text-size-adjust:100%}#raiz{min-height:100svh}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}button{font:inherit;-webkit-tap-highlight-color:transparent}h1,h2{font-family:var(--font-display);font-weight:600;margin:0;line-height:1.1}.botao{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:10px 20px;border:2px solid var(--action);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);font-weight:800;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.botao:hover:not(:disabled){background:var(--valid-bg)}.botao--principal{background:var(--action);color:var(--on-action)}.botao--principal:hover:not(:disabled){background:var(--action-hover)}.botao:active:not(:disabled){transform:translateY(2px)}.botao--secundario,.botao--fantasma,.botao--texto{background:var(--surface-raised);color:var(--ink)}.botao--fantasma{border-color:transparent;background:transparent;padding-inline:var(--space-3)}.botao--texto{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:4px}.botao--secundario:hover:not(:disabled),.botao--fantasma:hover:not(:disabled),.botao--texto:hover:not(:disabled){background:var(--valid-bg)}.botao--grande{min-height:56px;padding-inline:var(--space-8);font-size:18px}.botao:disabled{background:var(--color-sage-light);color:var(--ink-muted);border-color:var(--outline);cursor:not-allowed}.botao kbd{font-family:var(--font-body);font-size:12px;font-weight:800;padding:2px 6px;border-radius:var(--radius-sm);background:#fffcf638}.botao--principal:disabled kbd{display:none}.icone{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.icone--pequeno{width:18px;height:18px}.icone--cheio{fill:currentColor;stroke-width:1.5}.abertura{display:grid;gap:var(--space-5);justify-items:center;align-content:center;position:relative;min-height:100svh;padding:var(--space-6) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));text-align:center}.abertura__vitrine{position:absolute;top:var(--space-2);left:var(--space-2)}.abertura:has(.abertura__vitrine){padding-top:calc(var(--space-6) + 40px)}.abertura__selo{margin:0;font-size:var(--text-caption);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.abertura__titulo{font-size:clamp(38px,11vw,var(--text-title));margin-top:var(--space-2)}.abertura__frase{margin:var(--space-2) 0 0;font-size:18px;color:var(--ink-muted)}.abertura__arte{width:min(100%,460px);height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.abertura__acoes{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center}.abertura__modos{display:grid;gap:var(--space-3);width:min(100%,460px)}.abertura__progresso{margin:0;font-size:var(--text-caption);color:var(--ink-muted)}.fases{max-width:960px;margin:0 auto;padding:var(--space-4) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom))}.fases__cabecalho{display:flex;align-items:center;gap:var(--space-3);min-height:56px}.fases__titulo{font-size:var(--text-heading)}.fases__lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none}.fase-cartao{display:grid;gap:var(--space-1);width:100%;min-height:108px;padding:var(--space-4);text-align:left;border:2px solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.fase-cartao:hover:not(:disabled){background:var(--valid-bg)}.fase-cartao:disabled{cursor:not-allowed;color:var(--ink-muted);background:var(--surface);border-style:dashed}.fase-cartao--feita{border-color:var(--action);background:var(--valid-bg)}.fase-cartao__topo{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.fase-cartao__fruta{flex:none;width:40px;height:40px}.fase-cartao--liberavel{color:var(--ink-muted);background:var(--surface);border-style:dashed}.fase-cartao:disabled .fase-cartao__fruta{filter:grayscale(1);opacity:.45}.fase-cartao__numero{font-family:var(--font-display);font-size:26px;font-weight:600}.fase-cartao__nome{font-weight:700}.fase-cartao__estado{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-caption);color:var(--ink-muted)}.diario{display:flex;align-items:center;gap:var(--space-3);width:min(100%,460px);min-height:64px;padding:var(--space-3) var(--space-4);border:2px solid var(--outline);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.diario:hover{background:var(--valid-bg)}.diario:active{transform:translateY(2px)}.diario--feito{border-color:var(--action);background:var(--valid-bg)}.diario__selo{display:grid;place-items:center;flex:none;width:40px;height:40px;border:2px solid var(--color-ink);border-radius:var(--radius-round);background:var(--color-gold);color:var(--color-ink)}.diario--feito .diario__selo{background:var(--action);border-color:var(--action);color:var(--on-action)}.diario__texto{display:grid;gap:2px;min-width:0}.diario__titulo{font-weight:800}.diario__estado{font-size:var(--text-caption);color:var(--ink-muted);text-wrap:pretty}.jogo{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;align-content:start;gap:var(--space-3);min-height:100svh;max-width:960px;margin:0 auto;padding:var(--space-2) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom))}.jogo__cabecalho{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:48px}.jogo__fase,.jogo__contagem{margin:0;font-size:var(--text-caption);font-weight:800}.jogo__fase span{font-weight:400;color:var(--ink-muted)}@media(max-width:479px){.jogo__fase span{display:none}}.jogo__contagem{color:var(--ink-muted);white-space:nowrap}.jogo__tabuleiro{display:grid;place-items:center;min-height:0}.escada{display:flex;align-items:center;justify-content:center;gap:2px;margin:0;padding:var(--space-1) var(--space-2);list-style:none;border:2px solid var(--color-sage);border-radius:var(--radius-round);background:var(--surface-raised)}.escada__degrau{position:relative;display:grid;place-items:center;flex:0 1 30px;min-width:0;aspect-ratio:1;border-radius:var(--radius-round)}.escada__degrau svg{width:100%;height:100%;filter:grayscale(1);opacity:.32;transition:filter var(--duration-normal) var(--ease-standard),opacity var(--duration-normal) var(--ease-standard)}.escada__degrau--visto svg{filter:none;opacity:1}.escada__degrau--surpresa{border:2px dashed var(--color-sage)}.escada__degrau--surpresa.escada__degrau--visto{border-color:transparent}.escada__interrogacao{font-family:var(--font-display);font-size:.85rem;font-weight:700;line-height:1;color:var(--ink-muted)}.escada__degrau--meta{box-shadow:0 0 0 2px var(--surface-raised),0 0 0 4px var(--action);background:var(--color-gold-light)}.escada__degrau--meta:after{content:"";position:absolute;top:-5px;right:-3px;width:9px;height:9px;border:2px solid var(--action);border-radius:var(--radius-round);background:var(--color-gold)}.setas{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jogo__dica{margin:0;min-width:0;text-wrap:pretty;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--text-caption);color:var(--ink-muted)}.apenas-leitor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.jogo__controles{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:center}.jogo__controles .botao{flex:1 1 auto;min-width:132px}.jogo__giros{flex:1 0 100%;margin:0;text-align:center;font-size:var(--text-caption);color:var(--ink-muted)}.jogo__giros strong{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink)}.vitoria{position:fixed;inset:0;z-index:50;display:grid;place-items:end center;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:linear-gradient(to top,#1e3a316b,#1e3a3100 62%)}.vitoria__caixa{width:min(384px,100%);display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-soft);text-align:center;animation:comemorar var(--duration-celebrate) var(--ease-standard)}.vitoria__selo{display:grid;place-items:center;width:56px;height:56px;border:3px solid var(--color-ink);border-radius:var(--radius-round);background:var(--color-gold-light);color:var(--color-ink)}.vitoria__selo svg{width:44px;height:44px}.vitoria__copia{width:100%;padding:var(--space-3);border:2px solid var(--outline);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-caption);resize:none}.vitoria__titulo{font-size:var(--text-heading)}.vitoria__texto{margin:0;color:var(--ink-muted)}.vitoria__acoes{display:grid;gap:var(--space-2);width:100%}@media(max-width:899px){.vitoria__caixa{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;column-gap:var(--space-3);row-gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-3);text-align:left}.vitoria__selo{width:40px;height:40px;border-width:2px}.vitoria__selo svg{width:32px;height:32px}.vitoria__titulo{font-size:24px}.vitoria__texto,.vitoria__acoes{grid-column:1 / -1}.vitoria__acoes{grid-template-columns:repeat(2,minmax(0,1fr))}.vitoria__acoes--coluna{grid-template-columns:minmax(0,1fr)}.vitoria__acoes>.botao--principal,.vitoria__copia{grid-column:1 / -1}.vitoria__acoes>.botao--texto:nth-child(2n){grid-column:1 / -1}.jogo--dialogo{height:100svh;grid-template-rows:auto auto minmax(140px,1fr) auto}.jogo--dialogo .jogo__dica,.jogo--dialogo .jogo__controles{display:none}.jogo--dialogo .jogo__tabuleiro{display:flex;align-items:flex-start;justify-content:center;min-height:0;height:100%}.jogo--dialogo .tabuleiro{height:100%}.jogo--dialogo .vitoria{position:static;display:block;padding:0;background:none}.jogo--dialogo .vitoria__caixa{width:100%}.vitoria__acoes .botao{padding-inline:var(--space-2)}}.final{display:grid;justify-items:center;align-content:center;gap:var(--space-4);min-height:100svh;max-width:560px;margin:0 auto;padding:var(--space-6) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom));text-align:center}.final__titulo{font-size:clamp(28px,8vw,40px)}.final__texto{margin:0;color:var(--ink-muted)}.final__arte{width:min(100%,420px);height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.final__acoes{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@keyframes comemorar{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@media(min-width:900px){.jogo{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:"cabecalho cabecalho" "tabuleiro escada" "tabuleiro dica" "tabuleiro controles" "tabuleiro setas" "tabuleiro folga";column-gap:var(--space-8);padding-inline:var(--space-8)}.jogo__cabecalho{grid-area:cabecalho}.jogo__tabuleiro{grid-area:tabuleiro;align-self:start}.jogo__escada{grid-area:escada;align-self:start}.escada{flex-wrap:wrap;border-radius:var(--radius-md);padding:var(--space-2)}.setas{grid-area:setas;position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;display:grid;grid-template-columns:repeat(3,56px);grid-template-areas:". up ." "left down right";gap:var(--space-2);justify-content:center;align-self:start}.setas__botao{min-height:56px;padding:0}.setas__botao--up{grid-area:up}.setas__botao--down{grid-area:down}.setas__botao--left{grid-area:left}.setas__botao--right{grid-area:right}.jogo__dica{grid-area:dica;align-self:end;justify-content:flex-start;text-align:left;font-size:var(--text-body)}.jogo__controles{grid-area:controles;align-self:start}.tabuleiro{--altura-maxima: min(78svh, 640px)}.vitoria{place-items:center end;padding-right:max(var(--space-8),calc((100vw - 960px) / 2 + var(--space-8)));background:none}.vitoria__caixa{width:min(300px,100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.jogo__tabuleiro{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.jogo__tabuleiro:active{cursor:grabbing}.tabuleiro{--altura-maxima: min(54svh, 560px);width:min(100%,calc(var(--altura-maxima) * var(--proporcao, 1)));height:auto;overflow:visible;filter:drop-shadow(0 8px 18px rgb(30 58 49 / .2))}.tabuleiro__moldura{fill:var(--color-crate);stroke:var(--color-ink);stroke-width:8}.tabuleiro__fundo{fill:var(--color-crate-dark)}.celula{fill:var(--color-slot);stroke:var(--color-slot-line);stroke-width:2}.caixote__tampa{fill:var(--color-crate-light);stroke:var(--color-ink);stroke-width:4}.caixote__ripa{fill:none;stroke:var(--color-crate-dark);stroke-width:9;stroke-linecap:round}.caixote__borda{fill:none;stroke:var(--color-ink);stroke-width:3}.fruta{transition:transform var(--duration-slide) var(--ease-standard)}.fruta__corpo,.fruta__raios{transform-box:view-box;transform-origin:0 0}.fruta__cartao{stroke:var(--color-ink);stroke-width:4}.fruta__degrau{font-family:var(--font-display);font-size:15px;font-weight:600;fill:var(--color-ink);opacity:.62}.fruta__estrelas{font-size:13px;fill:var(--color-ink)}.fruta--nova .fruta__corpo{animation:nascer var(--duration-born) var(--ease-standard) var(--duration-slide) both}.fruta--fundida .fruta__corpo{animation:estourar var(--duration-pop) var(--ease-standard) calc(var(--duration-slide) - 20ms) both}.fruta--sumindo{opacity:0;transition:transform var(--duration-slide) var(--ease-standard),opacity 30ms linear calc(var(--duration-slide) - 10ms)}.fruta__raios{fill:none;stroke:var(--color-gold);stroke-width:7;stroke-linecap:round;opacity:0}.tabuleiro--festa .fruta--premiada .fruta__corpo{animation:estourar var(--duration-pop) var(--ease-standard) calc(var(--duration-slide) - 20ms) both,pular .52s var(--ease-standard) .42s 2}.tabuleiro--festa .fruta--premiada .fruta__raios{animation:raiar .52s var(--ease-standard) .42s 2}.tabuleiro--festa .fruta--premiada .fruta__cartao{stroke-width:6}@keyframes nascer{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes estourar{0%{opacity:0;transform:scale(.72)}1%{opacity:1}55%{opacity:1;transform:scale(1.16)}to{opacity:1;transform:scale(1)}}@keyframes pular{0%,to{transform:scale(1)}45%{transform:scale(1.12)}}@keyframes raiar{0%,to{opacity:0;transform:scale(.8)}45%{opacity:1;transform:scale(1)}}