*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overscroll-behavior:none;background:#1d2a18;height:100%;margin:0;overflow:hidden}body{color:#3a2414;font-family:Pixelify Sans,ui-monospace,monospace}#game{image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:fixed;top:0;left:0}button{font-family:inherit}.wood{background:#e9d3a3;border:3px solid #3a2414;border-radius:6px;box-shadow:inset 2px 2px #fff4d8,inset -2px -2px #c8b07e,0 3px #2a1a1299}#hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}.stat{align-items:center;gap:6px;display:flex}.hudic{width:14px;height:14px;image-rendering:pixelated}.track{background:#6a4a2a;border:2px solid #3a2414;border-radius:2px;width:92px;height:10px;position:relative;overflow:hidden}.fill{height:100%;transition:width .3s;box-shadow:inset 0 2px #ffffff59}.fill.vida{background:#d83a2a}.fill.fome{background:#d89a4a}.fill.sede{background:#3a78c2}.fill.energia{background:#e0b020}.fill.temperatura{position:relative}.fill.temperatura:after{content:"";top:-2px;bottom:-2px;left:var(--mark,50%);background:#2a1a12;width:3px;margin-left:-1px;position:absolute}#topright{right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));color:#fff;text-shadow:1px 1px #2a1a12,-1px 0 #2a1a12,0 -1px #2a1a12,1px 0 #2a1a12;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;display:flex;position:absolute}.clockrow{justify-content:flex-end;align-items:center;gap:6px;font-weight:600;display:flex}#clockic{width:14px;height:14px;image-rendering:pixelated}#biome{opacity:.85;font-size:13px}#topbtns{left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));gap:6px;display:flex;position:absolute}.ibtn{color:#3a2414;cursor:pointer;background:#e9d3a3;border:3px solid #3a2414;border-radius:6px;width:38px;height:38px;padding:0;font-size:18px;line-height:1;box-shadow:inset 2px 2px #fff4d8,inset -2px -2px #c8b07e}.ibtn:active{transform:translateY(1px)}#bottom{left:50%;bottom:max(8px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:3px;display:flex;position:absolute;transform:translate(-50%)}#hotbar{background:#8a5a30;gap:4px;padding:4px;display:flex}#status{pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 4px;display:flex}#status canvas{image-rendering:pixelated;width:180px;height:40px}#status #stT{width:14px;height:14px;margin-bottom:12px;transition:opacity .3s}#minimap{width:128px;height:128px;image-rendering:pixelated;cursor:pointer;background:#2b2218;border:3px solid #3a2414;border-radius:6px;box-shadow:inset 0 0 0 2px #c89a62,0 3px #2a1a1299}#minimap:hover{filter:brightness(1.08)}.mapbox{flex-direction:column;width:min(94vw,900px);height:min(88vh,700px);display:flex}#bigmap{width:100%;min-height:0;image-rendering:pixelated;cursor:grab;touch-action:none;background:#2b2218;border:3px solid #3a2414;border-radius:4px;flex:1}.mapbtns{gap:6px;display:flex}#mapInfo{opacity:.8;margin-top:6px;font-size:14px}.slot{cursor:pointer;background:#e9d3a3;border:2px solid #5a3618;border-radius:3px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:inset 2px 2px #c8b07e,inset -2px -2px #fff4d8}.slot canvas{image-rendering:pixelated;pointer-events:none}.slot .n{color:#fff;text-shadow:1px 1px #2a1a12,-1px 0 #2a1a12,0 -1px #2a1a12;pointer-events:none;font-size:13px;font-weight:600;position:absolute;bottom:0;right:2px}.slot.sel{outline-offset:-1px;z-index:1;outline:3px solid #ffd84a}.slot.pend{background:#bfe4ff}.slot.hb{background:#f3e2b8}#selname{color:#fff;text-shadow:2px 2px #2a1a12;opacity:0;pointer-events:none;white-space:nowrap;font-size:16px;transition:opacity .4s;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:min(90vw,520px);display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.toast{color:#fff4d8;text-align:center;background:#2a1a12e0;border-radius:6px;padding:6px 12px;font-size:15px;transition:opacity .5s}.toast.out,.pick.out{opacity:0}#pickups{pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:130px;left:10px}.pick{color:#fff;text-shadow:2px 2px #2a1a12;align-items:center;gap:4px;font-size:15px;transition:opacity .5s;display:flex}.pick canvas{image-rendering:pixelated}#big{text-align:center;color:#fff;text-shadow:2px 2px #2a1a12;opacity:0;pointer-events:none;max-width:min(90vw,520px);font-size:20px;transition:opacity .6s;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#big.on{opacity:1}#mobile{display:none}body.touch #mobile{display:block}#joy{left:max(18px,env(safe-area-inset-left));touch-action:none;background:#2a1a1240;border:3px solid #fff4d88c;border-radius:50%;width:120px;height:120px;position:absolute;bottom:130px}#knob{pointer-events:none;background:#fff4d8bf;border:3px solid #3a2414;border-radius:50%;width:44px;height:44px;position:absolute;top:35px;left:35px}#btns{right:max(18px,env(safe-area-inset-right));align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:130px}.rbtn{touch-action:none;background:#e9d3a3;border:3px solid #3a2414;border-radius:50%;width:64px;height:64px;font-size:26px;box-shadow:inset 2px 2px #fff4d8,inset -3px -3px #c8b07e}.rbtn.use{background:#f6e2b0;width:72px;height:72px;margin-bottom:28px}.rbtn:active{transform:scale(.95)}body.touch #hotbar .slot{width:40px;height:40px}@media (max-width:420px){.slot{width:36px!important;height:36px!important}#status canvas{width:135px;height:30px}#minimap{width:96px;height:96px}#topright{font-size:12px}}@media (max-height:440px){#minimap{width:96px;height:96px}#joy,#btns{bottom:110px}}.overlay{z-index:10;background:#140e0a8c;justify-content:center;align-items:center;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.overlay.on{display:flex}.box{touch-action:pan-y;max-width:min(96vw,860px);max-height:92vh;padding:12px 14px;overflow:auto}.phead{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:22px;font-weight:600;display:flex}#panelBody{flex-wrap:wrap;gap:16px;display:flex}.sec{flex:300px}.sec h3{margin:4px 0 6px;font-size:17px}.grid{grid-template-columns:repeat(8,44px);gap:4px;display:grid}@media (max-width:420px){.grid{grid-template-columns:repeat(8,36px)}}.hint{opacity:.75;margin:6px 0;font-size:13px}.recipes{flex-direction:column;gap:6px;display:flex}.recipe{opacity:.6;background:#f3e2b8;border:2px solid #c8b07e;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:6px;display:flex}.recipe.ok{opacity:1;border-color:#5a3618}.rl{align-items:center;gap:8px;display:flex}.rl canvas{image-rendering:pixelated}.rn{font-size:15px;font-weight:600}.need{flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.need span{align-items:center;gap:2px;display:flex}.need canvas{image-rendering:pixelated}.miss{color:#a32d2d}.has{color:#3b6d11}.bench{font-size:12px}.btn{color:#3a2414;cursor:pointer;background:#f6e2b0;border:3px solid #3a2414;border-radius:6px;padding:8px 16px;font-size:17px;box-shadow:inset 2px 2px #fff4d8,inset -2px -2px #c8b07e,0 3px #3a2414}.btn:active{transform:translateY(2px);box-shadow:inset 2px 2px #fff4d8,inset -2px -2px #c8b07e,0 1px #3a2414}.btn.primary{color:#173404;background:#7cc455}.btn.small{padding:5px 10px;font-size:14px}.btn.dim{opacity:.5}.btn.warn{color:#4a1b0c;background:#f0997b}.menu{text-align:center;width:min(92vw,420px)}.logo{letter-spacing:1px;color:#2f6a3a;text-shadow:3px 3px #3a2414;margin:4px 0 0;font-size:44px}.logo span{display:inline-block}.logo .w1{color:#e0892f;animation:3.2s ease-in-out infinite bob}.logo .w2{animation:3.2s ease-in-out .4s infinite bob}#slogan{margin:2px 0 14px;font-size:16px}#menuBody{flex-direction:column;gap:10px;display:flex}#menuBody .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.help{white-space:pre-line;text-align:left;background:#f3e2b8;border:2px solid #c8b07e;border-radius:4px;margin:12px 0 0;padding:8px;font-size:14px;display:none}.help.on{display:block}#ver{opacity:.6;margin:12px 0 0;font-size:12px}body:not(.playing) #hud{display:none}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes boxin{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:none}}@keyframes slidein{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes dropin{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{filter:none}50%{filter:brightness(1.6)}}@keyframes fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:.9;transform:translate(60px,105vh)rotate(540deg)}}.overlay.on .box{animation:.2s ease-out boxin}.menu{position:relative;overflow:hidden}.leaves{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.leaves i{opacity:0;background:#62b04a;border-radius:6px 0;width:8px;height:5px;animation:9s linear infinite fall;position:absolute;top:-10px}.leaves i:first-child{animation-delay:0s;left:8%}.leaves i:nth-child(2){background:#e0892f;animation-delay:2.5s;left:28%}.leaves i:nth-child(3){animation-delay:5s;left:52%}.leaves i:nth-child(4){background:#d4a064;animation-delay:1.2s;left:72%}.leaves i:nth-child(5){animation-delay:6.5s;left:88%}.leaves i:nth-child(6){background:#92d062;animation-delay:3.8s;left:40%}#menuBody,#slogan,.logo,#help,#ver{position:relative}#hotbar .slot{transition:transform .12s ease-out}#hotbar .slot.sel{transform:translateY(-5px)}.slot .n.pop{animation:.25s ease-out pop}.pick{animation:.25s ease-out slidein}.toast{animation:.25s ease-out dropin}.track.low{animation:.8s ease-in-out infinite pulse}.btn{transition:transform 80ms}.btn:hover{transform:translateY(-1px)}.recipe.ok{transition:transform .1s}.recipe.ok:hover{transform:translate(2px)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.who{background:#f3e2b8;border:2px solid #c8b07e;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:6px 10px;display:flex}.whoimg{width:32px;height:58px;image-rendering:pixelated}.whotxt{text-align:left;flex-direction:column;line-height:1.2;display:flex}.whotxt small{opacity:.7;font-size:12px}.whotxt b{font-size:18px}.btn.google{color:#3a2414;background:#fff}form.login{text-align:left;flex-direction:column;gap:8px;display:flex}form.login input,.copts input{font:inherit;color:#3a2414;background:#fff8e8;border:3px solid #3a2414;border-radius:6px;width:100%;padding:8px 10px;font-size:16px}form.login .row{gap:8px;display:flex}form.login .row .btn{flex:1}.err{color:#a32d2d;min-height:1em;font-size:14px}.creatorov{z-index:12}.creator{text-align:left;width:min(94vw,720px)}.creator h2{color:#2f6a3a;text-align:center;margin:0 0 10px;font-size:24px}.cgrid{flex-wrap:wrap;gap:18px;display:flex}.cprev{background:#5ca842;border:3px solid #3a2414;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:8px;padding:12px 18px;display:flex;box-shadow:inset 0 -18px #478f37}.cprevimg{width:96px;height:174px;image-rendering:pixelated}.cprev .row{gap:8px;display:flex}.copts{flex-direction:column;flex:300px;gap:6px;min-width:0;display:flex}.crow{align-items:center;gap:10px;display:flex}.crow .swatches{flex-wrap:wrap;flex:1;gap:6px;display:flex}.crow.sub{margin-top:-2px}.clabel{min-width:74px;font-size:15px;font-weight:600}.crow.sub .clabel{visibility:hidden}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw{cursor:pointer;border:3px solid #3a2414;border-radius:6px;width:28px;height:28px;padding:0;box-shadow:inset 2px 2px #ffffff59}.sw.on{outline-offset:1px;outline:3px solid #ffd84a;transform:translateY(-2px)}.cycle{align-items:center;gap:6px;display:flex}.cval{text-align:center;min-width:130px;font-size:16px}.cfoot{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}@media (max-width:520px){.cprev{flex-flow:wrap;flex:100%;justify-content:center}.cprevimg{width:64px;height:116px}.cval{min-width:96px}.clabel{min-width:60px}.crow .swatches{gap:5px}.crow .sw{width:26px;height:26px}}.slot{position:relative}.slot .dur{background:#2a1a12;border-radius:1px;height:3px;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.slot .dur i{height:100%;display:block}