:root{--fundo: #e8f4d6;--tinta: #24331c;--tinta-suave: #50633f;--verde: #2f7a2b;--verde-escuro: #1f5a1c;--cartao: #fffdf6;--contorno: #2b2d2a;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--fundo);color:var(--tinta);font-family:"Baloo 2",ui-rounded,Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.app{max-width:640px;margin:0 auto;padding:12px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:100dvh}.topo{text-align:center}.topo h1{margin:0;font-size:clamp(2.2rem,9vw,3rem);line-height:1;color:#ffc928;-webkit-text-stroke:2px var(--contorno);paint-order:stroke fill;text-shadow:0 4px 0 var(--contorno);letter-spacing:.02em}.subtitulo{margin:6px 0 0;color:var(--tinta-suave);font-weight:600}.painel{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}.objetivo{display:flex;align-items:center;gap:8px;background:var(--cartao);border:3px solid var(--contorno);border-radius:999px;padding:4px 14px 4px 6px;font-weight:600;line-height:1.2}.contador{display:flex;align-items:baseline;gap:6px;background:var(--cartao);border:3px solid var(--contorno);border-radius:999px;padding:2px 14px}.contadores{display:flex;align-items:center;gap:6px}.recorde{display:flex;align-items:baseline;gap:4px;background:#ffc928;border:3px solid var(--contorno);border-radius:999px;padding:2px 12px;font-weight:700}.recorde .numero{font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums}.recorde .rotulo{font-size:.85rem}.selo{display:inline-block;margin:6px 0 0;padding:2px 14px;background:#ffc928;border:3px solid var(--contorno);border-radius:999px;font-weight:800;transform:rotate(-3deg);animation:pular .4s .2s cubic-bezier(.3,1.6,.5,1) both}.contador .numero{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums}.contador .rotulo{color:var(--tinta-suave);font-weight:600}.moldura{width:min(100%,calc(100dvh - 250px));min-width:280px;aspect-ratio:1}.tabuleiro{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 6px 0 rgba(30,50,20,.25))}.nome-jardim{font-family:"Baloo 2",ui-rounded,system-ui,sans-serif;font-weight:800;letter-spacing:1px}.tatu.interativo{cursor:grab}.tatu.interativo:active{cursor:grabbing}.forma-parado,.forma-bola{transition:opacity .14s ease,transform .16s ease;transform-origin:0 10px}.forma-parado.oculto{opacity:0;transform:scale(.6)}.forma-bola.oculto{opacity:0;transform:scale(.5)}.forma-bola:not(.oculto){transform:scale(1)}.rolando{animation:rolar linear infinite;transform-origin:0 0}@keyframes rolar{to{transform:rotate(360deg)}}.seta{animation:surgir .12s ease-out}@keyframes surgir{0%{opacity:0}}.acoes{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.botao{font:inherit;font-weight:700;font-size:1.1rem;padding:8px 22px;border-radius:999px;border:3px solid var(--contorno);background:#ffc928;color:var(--contorno);box-shadow:0 4px 0 var(--contorno);cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease}.botao:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--contorno)}.botao:disabled{opacity:.45;cursor:default}.ajuda{margin:0;text-align:center;color:var(--tinta-suave);font-size:.95rem}.sobreposicao{position:fixed;top:0;right:0;bottom:0;left:0;background:#14230f73;display:grid;place-items:center;padding:16px;animation:surgir .2s ease-out}.cartao{background:var(--cartao);border:4px solid var(--contorno);border-radius:24px;box-shadow:0 8px 0 var(--contorno);padding:20px 24px;text-align:center;width:min(100%,360px);animation:pular .32s cubic-bezier(.3,1.6,.5,1)}@keyframes pular{0%{transform:scale(.7);opacity:0}}.cartao h2{margin:0;font-size:2rem;color:var(--verde)}.resultado{margin:4px 0;font-size:1.2rem;font-weight:600}.resultado .numero{font-size:2.4rem;font-weight:800}.nota{margin:0 0 14px;color:var(--tinta-suave);font-size:.9rem}@media(max-width:420px){.painel{gap:6px;font-size:.9rem;flex-wrap:wrap;justify-content:center}.objetivo{padding-right:10px}.contador{padding:2px 10px}.contador .numero{font-size:1.3rem}.moldura{width:100%}}@media(prefers-reduced-motion:reduce){.rolando,.cartao,.sobreposicao,.seta{animation:none}}.datas{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.datas .subtitulo{margin:0;min-width:11em}.seta-dia{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;border:3px solid var(--contorno);background:var(--cartao);color:var(--contorno);font-size:1.4rem;font-weight:800;line-height:1;text-decoration:none;padding-bottom:3px}.seta-dia.desativada{opacity:.3}.faixa-reproducao{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#3a86ff;color:#fff;border:3px solid var(--contorno);border-radius:16px;padding:4px 6px 4px 14px;font-weight:700}.botao.pequeno{font-size:.95rem;padding:2px 14px;box-shadow:0 3px 0 var(--contorno)}.botao.secundario{background:var(--cartao)}.link{margin-top:10px;background:none;border:0;padding:4px;font:inherit;font-weight:700;color:var(--tinta-suave);text-decoration:underline;cursor:pointer}.cartao p{margin:6px 0}.historico ul{list-style:none;margin:10px 0 14px;padding:0;max-height:min(55dvh,460px);overflow-y:auto;text-align:left}.historico li a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:2px dashed #d8dccb;color:var(--tinta);text-decoration:none;font-weight:600}.historico li a:hover{background:#f1f6e4}.historico .estado{color:var(--tinta-suave);font-size:.95rem}.historico .estado.resolvido{color:var(--verde);font-weight:800}.aviso{position:fixed;left:50%;bottom:20px;transform:translate(-50%);max-width:calc(100% - 32px);background:var(--contorno);color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;text-align:center;animation:surgir .2s ease-out;z-index:10}.entrando{animation:entrar-na-toca .56s .12s cubic-bezier(.5,0,.75,0) forwards}@keyframes entrar-na-toca{0%{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-14px) scale(1.05);opacity:1}to{transform:translateY(10px) scale(.12);opacity:0}}.pousou{animation:quicar .24s ease-out;transform-origin:0 30px}@keyframes quicar{0%{transform:scale(1.12,.86)}55%{transform:scale(.95,1.06)}to{transform:scale(1)}}.faisca{opacity:0;animation:faiscar .7s ease-out forwards}@keyframes faiscar{0%{opacity:0;transform:translateY(0) scale(.3)}25%{opacity:1}to{opacity:0;transform:translateY(-62px) scale(1.1) rotate(90deg)}}@media(prefers-reduced-motion:reduce){.entrando{animation-duration:1ms;animation-delay:0ms}.pousou,.faisca{animation:none}}