:root{--cream: #fdf6e9;--ink: #3d3733;--terracotta: #a8511f;--gold: #b8860b;--sky1: #a5ddf3;--sky2: #d9f0fa;--grass1: #8fd05e;--grass2: #5aa73c}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--sky2);-webkit-tap-highlight-color:transparent}#app{height:100dvh;display:flex;flex-direction:column}.hiddenc{display:none!important}.hud{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--cream);border-bottom:2px solid #e5d9c0;z-index:30;flex-wrap:wrap}.title{font-weight:800;letter-spacing:.04em;color:var(--terracotta);font-size:1.05rem;margin-right:4px}.counter{display:flex;align-items:baseline;gap:4px;background:#fff;border:1.5px solid #e5d9c0;border-radius:999px;padding:3px 12px;font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums}.counter .extra{font-weight:500;font-size:.78rem;color:#8a8072}.hud-right{margin-left:auto;display:flex;gap:6px}.iconbtn{position:relative;font-size:1.2rem;background:#fff;border:1.5px solid #e5d9c0;border-radius:12px;padding:4px 10px;cursor:pointer}.iconbtn:active{transform:scale(.94)}.badge{position:absolute;top:-7px;right:-10px;background:var(--terracotta);color:#fff;font-size:.6rem;font-weight:700;border-radius:999px;padding:2px 5px}.scene{position:relative;flex:1;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:55%;left:0;background:linear-gradient(var(--sky1),var(--sky2))}.sun{position:absolute;top:8%;right:6%;font-size:2.4rem}.cloud{position:absolute;font-size:2rem;opacity:.9;animation:drift 60s linear infinite}.c1{top:12%;left:15%}.c2{top:26%;left:55%;animation-duration:85s;animation-delay:-30s}@keyframes drift{0%{transform:translate(-10vw)}to{transform:translate(100vw)}}.world{position:absolute;top:0;bottom:0;left:0;will-change:transform}.grass{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(var(--grass1),var(--grass2))}.house{position:absolute;bottom:24%;width:300px;height:52%;transform:translate(-50%);z-index:5}.roof{width:100%;height:34%;background:var(--terracotta);clip-path:polygon(50% 0,100% 100%,0 100%)}.wall{position:relative;width:84%;height:66%;margin:0 auto;background:var(--cream);border:3px solid #d9c8a7;border-top:none}.tag.house-tag{position:absolute;top:40%;bottom:auto;left:50%;transform:translate(-50%)}.door{position:absolute;bottom:0;left:12%;width:42%;height:78%;cursor:pointer}.door-inside{position:absolute;top:0;right:0;bottom:0;left:0;background:#241a12;color:#cbb27e;display:flex;align-items:center;justify-content:center;font-size:.62rem;letter-spacing:.05em;text-align:center;opacity:0}.door-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:#7a4a21;border:2px solid #5d3818;border-radius:4px 4px 0 0;transform-origin:left center;transition:transform 1.2s ease-in-out}.door-panel:after{content:"";position:absolute;right:12%;top:48%;width:7px;height:7px;border-radius:50%;background:#e8c05a;box-shadow:0 1px 1px #0006}.door.open .door-panel{transform:perspective(300px) rotateY(-105deg)}.door.open .door-inside{opacity:1;transition:opacity 1s .5s}.door-lock{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:#fff;border:1.5px solid #e5d9c0;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700;white-space:nowrap}.door.unlockable .door-panel{animation:pulse 1.2s ease-in-out infinite}.torneira{position:absolute;right:4%;bottom:6%;font-size:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.torneira:active{transform:scale(.9)}.torneira.dry{filter:grayscale(.7)}.player{position:absolute;bottom:5%;transform:translate(-50%);font-size:2.6rem;line-height:1;z-index:12;-webkit-user-select:none;user-select:none;cursor:pointer}.pflip,.pbob{display:inline-block}.player.walking .pbob{animation:walkbob .35s ease-in-out infinite}@keyframes walkbob{50%{transform:translateY(-5px) rotate(2deg)}}.thing,.tree,.gapple,.sign{position:absolute;transform:translate(-50%);-webkit-user-select:none;user-select:none;cursor:pointer;line-height:1}.tag{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);background:#ffffffeb;color:var(--ink);font-size:.66rem;font-weight:600;letter-spacing:.02em;padding:1px 7px;border-radius:999px;white-space:nowrap;pointer-events:none}@keyframes glow{0%,to{filter:drop-shadow(0 0 3px rgba(255,230,120,.9))}50%{filter:drop-shadow(0 0 10px rgba(255,230,120,1))}}.tree{bottom:12%;font-size:4rem;z-index:4}.tree.sprout{animation:sprout .7s cubic-bezier(.2,1.6,.4,1)}@keyframes sprout{0%{transform:translate(-50%) scale(0)}}.tree.shake{animation:shake .3s ease-in-out}@keyframes shake{25%{transform:translate(-50%) rotate(-4deg) scale(1.04)}75%{transform:translate(-50%) rotate(4deg) scale(1.04)}}.tree.wet{filter:brightness(1.15) saturate(1.3)}.tree.wet:after{content:"✨";position:absolute;top:-8px;right:-10px;font-size:1rem;animation:twinkle .9s ease-in-out infinite}@keyframes twinkle{50%{opacity:.2;transform:scale(1.3)}}.gapple{bottom:6%;font-size:1.7rem;z-index:9;animation:glow 2s ease-in-out infinite}.tag.mini{font-size:.56rem;bottom:-13px;padding:0 5px;opacity:.9}.gapple.falling{animation:fall .55s cubic-bezier(.3,0,.6,1.4),glow 2s ease-in-out infinite}@keyframes fall{0%{transform:translate(-50%) translateY(calc(-1 * var(--fall, 90px)))}}.gapple.popped{animation:pop .3s ease-out forwards;pointer-events:none}@keyframes pop{to{transform:translate(-50%) translateY(-30px) scale(1.6);opacity:0}}.sign{bottom:14%;font-size:2.4rem;z-index:3}.spot{bottom:5%;font-size:2.7rem;z-index:10}.spot.arrive{animation:arrive 1.6s ease-out}@keyframes arrive{0%{transform:translate(200px);opacity:0}to{transform:translate(-50%);opacity:1}}.spot.dash{animation:dash 1.5s ease-in-out}@keyframes dash{0%{transform:translate(-50%) scaleX(1)}40%{transform:translate(110px) scaleX(1)}50%{transform:translate(110px) scaleX(-1)}95%{transform:translate(-50%) scaleX(-1)}to{transform:translate(-50%) scaleX(1)}}.bubble{position:absolute;top:-30px;left:60%;font-size:1.1rem;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px)}}.nel{bottom:11%;font-size:2rem;z-index:10}.zzz{position:absolute;top:-18px;right:-14px;font-size:.95rem;animation:bob 2s ease-in-out infinite}.cesta-el{bottom:5%;font-size:2.2rem;z-index:7;cursor:default}.maquina{bottom:5%;font-size:2.1rem;z-index:7;cursor:default}.maquina.working{animation:hum 1.8s ease-in-out infinite}@keyframes hum{50%{transform:translate(-50%) rotate(12deg)}}.controls{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:space-between;padding:0 14px;z-index:26;pointer-events:none}.ctl{pointer-events:auto;width:62px;height:62px;border-radius:50%;border:2px solid #e0d2b4;background:#ffffffd1;font-size:1.5rem;font-weight:800;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.ctl:active{transform:scale(.92);background:#fff}.fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.regar-can{position:absolute;top:16%;left:0;font-size:2.4rem;animation:sweep 2.5s ease-in-out forwards}@keyframes sweep{0%{transform:translate(10vw) rotate(-15deg)}to{transform:translate(80vw) rotate(-15deg)}}.drop{position:absolute;font-size:1rem;opacity:0;animation:dropfall 1s ease-in forwards}@keyframes dropfall{0%{opacity:0;transform:translateY(-30px)}30%{opacity:1}to{opacity:0;transform:translateY(50px)}}.fx-ball{position:absolute;font-size:1.6rem;animation:throwball 1.5s ease-in-out}@keyframes throwball{0%{transform:translate(0)}45%{transform:translate(24vw,-8vh)}55%{transform:translate(24vw,-8vh)}to{transform:translate(0)}}.confetti{position:absolute;top:-8%;font-size:1.3rem;animation:confettifall linear forwards}@keyframes confettifall{to{transform:translateY(115vh) rotate(540deg)}}.float{position:fixed;z-index:60;pointer-events:none;font-weight:800;font-size:1rem;color:var(--ink);text-shadow:0 1px 0 #fff,0 0 6px #fff;transform:translate(-50%,-100%);animation:floatup 1.05s ease-out forwards}.float.gold{color:var(--gold)}@keyframes floatup{to{transform:translate(-50%,-220%);opacity:0}}.toasts{position:absolute;bottom:84px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:25;pointer-events:none;width:max-content;max-width:92vw}.toast{background:var(--cream);border:2px solid #e0d2b4;border-radius:14px;padding:7px 16px;font-size:1rem;font-weight:700;box-shadow:0 3px 10px #3c280a2e;animation:toastin .35s cubic-bezier(.2,1.4,.4,1)}.toast.out{opacity:0;transition:opacity .6s}@keyframes toastin{0%{transform:translateY(20px);opacity:0}}.panel{display:flex;gap:8px;padding:10px;background:var(--cream);border-top:2px solid #e5d9c0;overflow-x:auto;z-index:30;min-height:74px}.action{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:108px;min-height:54px;padding:8px 12px;background:#fff;color:var(--ink);border:2px solid #e0d2b4;border-radius:14px;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;flex-shrink:0}.action:disabled{opacity:.45;cursor:default}.action:not(:disabled):active{transform:scale(.95)}.action.ready{border-color:var(--terracotta);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #a8511f40}}.cost{font-size:.74rem;font-weight:700;color:#8a8072;background:#f4ecdb;border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums}.bar{position:absolute;left:0;bottom:0;height:4px;width:0;background:var(--terracotta);border-radius:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#281e0f8c;display:flex;align-items:center;justify-content:center;padding:16px}.colecao{background:var(--cream);border-radius:18px;padding:18px;max-width:560px;width:100%;max-height:84dvh;overflow-y:auto}.colecao h2{color:var(--terracotta);font-size:1.2rem;letter-spacing:.04em;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.card{position:relative;background:#fff;border:2px solid #e0d2b4;border-radius:12px;padding:10px 6px 8px;text-align:center}.card.unknown{opacity:.45;filter:grayscale(1)}.cicon2{font-size:1.7rem}.cword{font-size:.78rem;font-weight:700;margin-top:4px}.speakbtn{position:absolute;top:2px;right:2px;background:none;border:none;font-size:.85rem;cursor:pointer}.colecao-foot{display:flex;justify-content:space-between;margin-top:14px}.closebtn,.resetbtn{background:#fff;border:2px solid #e0d2b4;border-radius:10px;padding:6px 14px;font-weight:700;font-family:inherit;cursor:pointer}.resetbtn{color:#a33;border-color:#dbb;font-size:.8rem}@media(max-width:520px){.counter{font-size:.85rem;padding:2px 9px}.action{min-width:96px}.ctl{width:56px;height:56px}}