:root{--ceu: #7bd3f0;--ceu2: #c9f3ff;--sol: #ffe07a;--terra: #f8d9a8;--card: #fffaf3;--ink: #243446;--rosa: #ff7aa2;--verde: #7ed957;--lilas: #b9a7ff;--laranja: #ff9f5a;--azul: #4d9fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,var(--ceu),var(--ceu2) 40%,#e8fbe4);color:var(--ink);font-family:Nunito,system-ui,sans-serif}body{overscroll-behavior:none}.app-jogos{max-width:28rem;margin:0 auto;min-height:100dvh;padding:.6rem .8rem 1.4rem;display:flex;flex-direction:column}.jg-topo{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.jg-topo h1{font-family:Fredoka,sans-serif;margin:0;font-size:1.6rem}.jg-voltar-cidade,.jg-entrar,.jg-btn,.jg-card,.jg-acao{font:inherit}.jg-voltar-cidade,.jg-entrar{background:#fffaf3;border:0;border-radius:999px;padding:.4rem .75rem;font-weight:800;text-decoration:none;color:inherit;box-shadow:0 4px #e2d3b8}.jg-entrar{background:#e85d4c;color:#fff;box-shadow:0 4px #c2473a}.jg-saldo{margin:.6rem 0 .8rem;font-weight:800}.jg-grade{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.jg-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:8.4rem;border:0;border-radius:1.3rem;padding:.8rem;text-align:left;color:#243446;font-weight:800;box-shadow:0 8px #2434461f;cursor:pointer}.jg-card span{font-family:Fredoka,sans-serif;font-size:1.15rem;line-height:1.15}.jg-card small{opacity:.8;margin-top:.25rem}.jg-card[data-jogo=pula-telhado]{background:linear-gradient(180deg,#ffd3a8,#ff9f7a)}.jg-card[data-jogo=pega-moeda]{background:linear-gradient(180deg,#ffe07a,#ffc14d)}.jg-card[data-jogo=entregador]{background:linear-gradient(180deg,#b9f3d0,#7ed957)}.jg-card[data-jogo=memoria]{background:linear-gradient(180deg,#e0d4ff,#b9a7ff)}.jg-card[data-jogo=corrida]{background:linear-gradient(180deg,#bdd9ff,#4d9fff)}.jg-card[data-jogo=bicho]{background:linear-gradient(180deg,#ffd0e4,#ff7aa2)}.jg-card[data-jogo=jardim]{background:linear-gradient(180deg,#d8f8b0,#9be36b)}.jg-hud{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.jg-hud h2{font-family:Fredoka,sans-serif;margin:0;font-size:1.2rem}.jg-hud button,.jg-btn{border:0;border-radius:999px;padding:.4rem .8rem;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.jg-tela{background:var(--card);border-radius:1.3rem;overflow:hidden;box-shadow:0 10px #2434461a;position:relative;touch-action:none}.jg-tela canvas{display:block;width:100%;height:auto;background:#7bd3f0}.jg-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#243446aa;color:#fff;text-align:center;padding:1rem}.jg-msg h3{font-family:Fredoka,sans-serif;font-size:1.6rem;margin:0}.jg-aviso{background:#ffe8b8;border-radius:1rem;padding:.8rem 1rem;font-weight:800}.memoria-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;padding:.7rem;background:#f3e9ff}.memoria-carta{aspect-ratio:1;border:0;border-radius:.8rem;background:#7b5cff;color:#fff;font-size:1.6rem;box-shadow:0 4px #5a3fd6;cursor:pointer}.memoria-carta.aberta,.memoria-carta.certa{background:#fffaf3;color:#243446;box-shadow:0 4px #e2d3b8}.memoria-carta.certa{background:#eef6c9}.bicho-box,.jardim-box{padding:.8rem;text-align:center}.bicho-cara{width:10rem;height:10rem;margin:.4rem auto;filter:drop-shadow(0 8px 0 #e2d3b8)}.bicho-barras{display:grid;gap:.45rem;text-align:left;font-weight:800}.bicho-barra{height:.7rem;background:#eadfce;border-radius:999px;overflow:hidden}.bicho-barra>i{display:block;height:100%;background:#7ed957;border-radius:inherit}.jg-acoes{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.8rem}.jg-acao{border:0;border-radius:999px;padding:.6rem .9rem;font-weight:800;cursor:pointer;background:#ffd0e4;box-shadow:0 4px #e89ab4}.jardim-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.canteiro{border:0;border-radius:1rem;min-height:6.2rem;background:#c9844a;color:#fff;font-size:1.8rem;box-shadow:inset 0 -10px #a36632;cursor:pointer;font-weight:800}.canteiro.vazio{background:#d9a066}.canteiro.pronto{box-shadow:inset 0 -10px #a36632,0 0 0 3px #ffe07a}.jg-dica{font-size:.9rem;font-weight:700;color:#5a6a7a;margin:.4rem 0 0}.jg-tela{min-height:58dvh;height:62dvh;background:transparent}.jg-tela canvas{display:block;width:100%!important;height:100%!important;background:transparent}body.jg-shot .jg-saldo,body.jg-shot .jg-aviso{display:none}.jg-pad{position:absolute;left:.6rem;bottom:.6rem;width:112px;height:112px;border-radius:50%;background:#24344633;touch-action:none;z-index:4}.jg-pad i{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:#fffaf3;box-shadow:0 4px #e2d3b8;pointer-events:none}.jg-pad-btns{position:absolute;left:130px;bottom:8px;display:flex;gap:.4rem}.jg-pad-btns button{width:52px;height:52px;border:0;border-radius:50%;background:#e85d4c;color:#fff;font-size:1.2rem;font-weight:800;box-shadow:0 4px #c2473a;touch-action:none}.memoria-3d{perspective:700px}.memoria-carta{position:relative;transform-style:preserve-3d;transition:transform .45s ease;background:transparent!important;box-shadow:none!important;padding:0}.memoria-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:.8rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.memoria-costas{background:linear-gradient(145deg,#7b5cff,#5a3fd6);color:#fff;font-size:1.8rem;font-weight:800;box-shadow:0 4px #4a32b8}.memoria-frente{background:#fffaf3;transform:rotateY(180deg);box-shadow:0 4px #e2d3b8}.memoria-frente img{width:78%;height:78%;object-fit:contain}.memoria-carta.aberta,.memoria-carta.certa{transform:rotateY(180deg)}.memoria-carta.certa .memoria-frente{background:#eef6c9}.bicho-hud,.jardim-hud{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#fffaf3f0,#fffaf3cc 70%,#fffaf300);padding:.6rem .8rem .8rem;text-align:center}.bicho-hud .bicho-barras{text-align:left}.jg-tela:has(.memoria-grade){height:auto;min-height:0}