#react-target,.app,.game{width:100%;height:100%}.app{position:relative}.game-canvas{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;position:absolute;border:none;width:100%;height:100%;outline:none;touch-action:none;-ms-touch-action:none}canvas:focus{outline:none}@keyframes attention-sign-in{0%{transform:scale(1)}94%{transform:scale(1)}97%{transform:scale(1.3)}to{transform:scale(1)}}.game-canvas.paused{filter:blur(3px)}.joystick{pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:1px solid black}.joystick .stick{pointer-events:none;position:absolute;width:1rem;height:1rem;border-radius:50%;background:gold;transform:translate(-50%,-50%);left:50%;top:50%}#fps{font-size:.5rem;position:fixed;bottom:0;right:0;pointer-events:auto}.ads-temp{padding:3rem;display:flex;flex-direction:column;align-items:center;background:var(--db-color-neutral-100);position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000}.ads-temp img{height:5rem;width:5rem}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.window{pointer-events:auto;background:var(--db-color-neutral-50);border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.2rem;position:absolute;top:50%;left:50%;min-width:10rem;max-height:calc(49% - 2rem);transform:translate(-50%,calc(-100% - 2rem));overflow-x:hidden;overflow-y:auto}.window-title{font-size:var(--db-text-size-lg)}.shop-item-actions{display:flex;gap:.25rem;align-items:center}#btn-pause,#btn-upgrades{position:fixed;top:.4rem;background-color:#fff4de;border-radius:10px;background-image:url(./btn_bg_light-106c5ea5.png);background-size:contain;padding:.25rem;pointer-events:auto;display:flex}#btn-pause{right:.25rem}#btn-pause img,#btn-upgrades img{width:1.5rem;height:1.5rem;margin:auto}#btn-upgrades{right:3rem}#btn-upgrades .sign{position:absolute;top:-.4rem;right:-.4rem;width:1.25rem;height:1.25rem;animation-name:attention-sign-in;animation-duration:6s;animation-delay:.5s;animation-iteration-count:infinite}.inventory{pointer-events:auto;position:absolute;top:calc(50% + 1rem);right:.5rem;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.inventory-coins{left:0;top:.1rem;position:fixed;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.2rem;color:var(--db-color-neutral-800);background:var(--db-color-wood-50);border-radius:0 .2rem .2rem 0;padding:.1rem .4rem;font-size:.8em}.inventory-coins img{width:1rem;height:1rem}@media only screen and (min-width: 992px){.inventory-coins{font-size:1em}.inventory-coins img{width:1.25rem;height:1.25rem}}.inventory-items__list{display:flex;gap:.1rem;flex-direction:column;flex-wrap:nowrap}.inventory-items__item{pointer-events:auto;width:1.75rem;height:1.75rem;width:min(2rem,9vh);height:min(2rem,9vh);position:relative;border:0;border-radius:2px;background:var(--db-color-wood-50);display:flex;flex-direction:column;cursor:pointer;outline:none}.inventory-items__item:focus{outline:none}.inventory-items__item.locked-slot{background:#fff1e0aa}.inventory-items__item .lock-icon{position:absolute;top:0;right:0;background-image:url(./icon_lock-a8615a5b.png);background-size:contain;width:.8rem;height:.8rem;display:block;transform:translate(50%,-40%)}.inventory-items__item.droppable:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border:2px solid;border-radius:2px;border-color:var(--db-color-red-500)}@keyframes droppable{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}.inventory-items__item.droppable img{animation-name:droppable;animation-duration:.2s;animation-iteration-count:infinite;animation-direction:alternate}.inventory-item-icon{position:absolute;height:100%;width:100%}.player-effects{position:absolute;left:50%;top:.2rem;transform:translate(-50%);display:flex;gap:.2rem}.player-effect{width:2.5rem;height:2.5rem;position:relative;border-radius:4px}.player-effect.positive{background:#68a37196}.player-effect.negative{background:#a3686896}.player-effect .effect-duration{position:absolute;bottom:0;left:0;right:0;padding:.1rem;font-size:.6rem;text-align:center;color:#eee;background:#3e3e3ea0}.player-effect img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pause-popup{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0}.pause-popup .popup-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--db-color-wood-50);opacity:.2}.pause-popup h3{white-space:nowrap;position:absolute;left:50%;top:-1.25rem;transform:translate(-50%);text-align:center;padding:.3rem 2rem;margin:0;background:center / contain no-repeat url(./banner-5311ceaf.png);color:var(--db-color-wood-50)}.pause-popup .links{display:flex;align-items:center;justify-content:center;gap:1rem}.pause-popup .close-btn{position:absolute;width:1.75rem;height:1.75rem;right:-1rem;top:-1rem;background:none;padding:0}.pause-popup .popup-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;padding:1.5rem .5rem .5rem;flex-direction:column;gap:1rem;width:90%;max-width:300px;width:min(90vw,300px);border:10px solid #e1c58f;background-color:#f6dea6;border-radius:16px}.pause-popup>*{pointer-events:auto}.pause-popup .popup-body label{display:flex;align-items:center;cursor:pointer}.pause-popup .popup-body label input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;margin-left:auto}.pause-popup .popup-body label select{cursor:pointer;margin-left:auto;font-family:inherit;font-size:.8em;border:2px solid #9d784a;border-radius:.1rem;width:12ch;text-align:right;background-color:transparent}#game-version{font-size:.5rem;position:fixed;bottom:.5rem;right:0;pointer-events:auto}.ads-offer{pointer-events:auto;position:fixed;top:7rem;left:.25rem;background:var(--db-color-purple-500);display:grid;grid-template-rows:max-content max-content;grid-template-columns:min-content;row-gap:.2rem;border-radius:.5rem;cursor:pointer;border-image-source:url(./btn_bg_accent-807637d5.png);border-image-slice:10 10 16 10 fill;border-image-repeat:stretch;border-width:.5rem;border-style:ridge;padding:0rem .5rem}.ads-offer .stars{color:#fff;font-size:.3em;position:absolute;left:50%;transform:translate(-50%);width:2.5rem}.ads-offer .stars>*{position:absolute;top:-.5rem;animation-name:star-glow;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.ads-offer .stars>*:nth-child(1){left:100%}.ads-offer .stars>*:nth-child(2){left:2rem;top:-.8rem}.ads-offer .stars>*:nth-child(3){left:1.4rem;top:-1.2rem}.ads-offer .stars>*:nth-child(4){left:.5rem;top:-.7rem}@keyframes star-glow{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.3) rotate(90deg)}70%{transform:scale(1) rotate(90deg)}to{transform:scale(0) rotate(180deg)}}.ads-offer .offer{position:relative;display:flex;flex-direction:column;align-items:center;color:var(--db-color-neutral-100);justify-content:center;white-space:nowrap}.ads-offer .offer.small{font-size:.6rem}.ads-offer .offer-icon{animation-name:offer-icon-in;animation-duration:.3s;animation-delay:.7s;animation-iteration-count:1;animation-timing-function:ease-in}@keyframes offer-icon-in{0%{transform:scale(1)}70%{transform:scale(1.5)}to{transform:scale(1)}}.ads-offer img{height:1.5rem;width:1.5rem}.ads-offer .video-icon{height:1.5rem;width:1.5rem;margin:auto}.ads-offer .offer>div{display:flex;flex-direction:column;align-items:center}.ads-offer .offer .coins-icon{top:-1.1rem;position:absolute}.ads-offer .offer .coins-mult-icon{top:-1.1rem;left:calc(50% - .5rem);position:absolute}.ads-offer .offer .effect-icon{top:-1.1rem;position:absolute}.ads-offer .speed-boost-val,.ads-offer .double-income-val{position:relative;font-size:.8rem;margin-top:.5rem}.ads-offer .coins-amount-val{margin-top:.5rem}.ads-offer.animate-in{animation-name:offer-in;animation-duration:.5s;animation-iteration-count:1}@keyframes offer-in{0%{left:-5rem}to{left:.25rem}}.upgrades-popup{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0}.upgrades-popup .popup-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--db-color-wood-50);opacity:.2}.upgrades-popup .popup-body{width:90%;max-width:500px;width:min(90vw,500px);position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;padding:1rem .3rem .25rem;flex-direction:column;gap:1rem;max-height:80vh;border:8px solid #e1c58f;background-color:#f6dea6;border-radius:16px}.upgrades-popup h3{white-space:nowrap;position:absolute;left:50%;top:-1.25rem;transform:translate(-50%);text-align:center;padding:.3rem 2rem;margin:0;background:center / contain no-repeat url(./banner-5311ceaf.png);color:var(--db-color-wood-50)}.upgrades-popup>*{pointer-events:auto}.upgrades-popup .close-btn{position:absolute;width:1.75rem;height:1.75rem;right:-1rem;top:-1rem;background:none;padding:0}.upgrades-popup .items{overflow-y:scroll;display:flex;flex-direction:column;gap:.25rem}.upgrades-popup .items .item{display:flex;justify-content:space-between;gap:.4rem;padding:.4rem;background-color:var(--db-color-wood-50);border-radius:.25rem}.upgrades-popup .items .item img{width:1rem;height:1rem}.upgrades-popup .items .item>span{width:35%}.upgrades-popup .not-enough-coins{position:absolute;top:.5rem;left:50%;transform:translate(-50%);border-image-source:url(./back-37542e49.png);border-image-slice:15 10 10 15 fill;border-image-repeat:stretch;border-width:.4rem;border-style:ridge;animation:.4s ease-in 0s ca1}@keyframes ca1{0%{top:-1.5rem}80%{top:.5rem}90%{top:.1rem}to{top:.5rem}}.upgrades-popup .not-enough-coins p{padding:.1rem 1rem;margin:0}.buyable-effects{display:flex;flex-direction:column;gap:.2rem}.buyable-effects .effect{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.1rem}.buyable-effects .effect img{width:1rem;height:1rem}.buyable-effects .effect>span{font-size:.8rem;justify-self:end}.buyable-effects .effect .btn-upgrade{white-space:nowrap;display:flex;align-items:center;justify-content:center;width:3.5rem;gap:.1rem;border-image-source:url(./btn_bg_accent-807637d5.png);border-image-slice:10 10 10 10 fill;border-image-repeat:stretch;border-width:.2rem;border-style:ridge;padding:0}.attentions{position:absolute;left:.1rem;top:60%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.25rem}.attention{position:relative;border-radius:50%;width:1.75rem;height:1.75rem;background:var(--db-color-wood-50);pointer-events:auto;cursor:pointer}.attention img{position:relative}.attention .sign{position:absolute;top:-.6rem;right:-.4rem;width:1.25rem;height:1.25rem;animation-name:attention-sign-in;animation-duration:5s;animation-delay:.5s;animation-iteration-count:infinite}.tutorials{position:absolute;top:0;right:0;bottom:0;left:0}.tutorial{padding:0 .1rem;display:flex;flex-wrap:nowrap;gap:.1rem;align-items:center;position:fixed}.tutorial.with-text{background:url(./back-37542e49.png);background-size:100% 100%;background-repeat:no-repeat;padding:.3rem .5rem}.tutorial-pointer{width:1rem;height:1rem}.tutorial-dragToMove{top:30%;left:50%;transform:translate(-30%)}.tutorial-arrows{margin-right:.5rem;position:relative;top:.6rem;left:.75rem}.tutorial-arrows>*{font-size:.8rem;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;transform:translate(-50%,-50%);border:2px solid var(--db-color-light-neutral-800);border-radius:6px;background:var(--db-color-wood-100);width:1.25rem;height:1.25rem}.tutorial-arrows .u{left:-1.25rem;top:-1.25rem}.tutorial-arrows .l{left:-2.5rem}.tutorial-arrows .d{left:-1.25rem}.tutorial-takeLogs,.tutorial-goToSawmill,.tutorial-collectCoins{top:30%;left:50%;transform:translate(-50%)}.tutorial-takeLogs img,.tutorial-collectCoins img{margin-left:.1rem;width:1.25rem;height:1.25rem}.tutorial-openUpgrades{top:4rem;right:3rem}.tutorial-buyUpgrade{top:3.8rem;right:calc(50% + 3ch - 250px);right:calc(50% + 3ch - (min(90vw,500px)/2));border:none}.tutorial-closeUpgrades{padding:0;top:1rem;right:calc(50% - .5rem - 250px);right:calc(50% - .5rem - (min(90vw,500px)/2))}.tutorial-dropItem{top:calc(50% + .7rem - (3*min(2rem,9vh)));right:calc(1rem + min(2rem,9vh))}.tutorial-dragToMove .text{margin-left:1.25rem}.tutorial-phone{width:2rem;height:2rem;position:absolute;left:-.4rem}.tutorial-dragToMove .tutorial-pointer{position:absolute;font-size:1rem;animation-name:pointer-move;animation-duration:2s;animation-iteration-count:infinite;animation-fill-mode:both;animation-direction:alternate;animation-delay:0;animation-timing-function:linear}@keyframes pointer-move{0%{top:.2rem;left:.2rem}50%{top:.8rem;left:.5rem}to{top:.2rem;left:.8rem}}.tutorial-wakeUp{top:calc(60% - .5rem);left:2.5rem}.tutorial-openUpgrades .tutorial-pointer,.tutorial-buyUpgrade .tutorial-pointer,.tutorial-closeUpgrades .tutorial-pointer,.tutorial-wakeUp .tutorial-pointer,.tutorial-dropItem .tutorial-pointer{position:absolute;top:-2rem;right:1.3rem;font-size:1rem;animation-name:pointer-click;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both;animation-direction:alternate;animation-delay:0;animation-timing-function:linear}.tutorial-openUpgrades .tutorial-pointer{top:-3rem;right:0rem;width:1.5rem;height:1.5rem}.tutorial-buyUpgrade .tutorial-pointer,.tutorial-closeUpgrades .tutorial-pointer{top:0;right:0}.tutorial-dropItem .tutorial-pointer{top:.2rem;right:calc(-1rem - (min(2rem,9vh)/2))}.tutorial-wakeUp .tutorial-pointer{right:unset;top:unset;left:-2rem}@keyframes pointer-click{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.service-overlay{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem}.service-overlay .close-btn{pointer-events:auto;position:absolute;right:.5rem;bottom:.5rem;padding:.6rem .5rem}.service-overlay .elements{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:700px;display:flex;flex-direction:column;gap:4rem}.service-overlay .elements .element{pointer-events:auto;display:grid;grid-template-columns:2fr 1fr 3fr 1fr 2fr;grid-template-rows:2.5rem;gap:.3rem;align-items:center}.service-overlay .elements .element button,.service-overlay .elements .element input{align-self:stretch;height:auto}.service-overlay .elements .element-title{background-color:rgba(250,235,215,.6);border-radius:.3rem;padding:.2rem}.wall-overlay{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem}.wall-overlay .close-btn{pointer-events:auto;position:absolute;right:.5rem;bottom:.5rem;padding:.6rem .5rem}.wall-overlay .elements{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;display:flex;flex-direction:column;gap:.5rem}.wall-overlay .controls{display:flex;flex-wrap:nowrap;gap:.2rem}.wall-overlay .clr{height:2.5rem;width:2.5rem;border-radius:2px;margin-left:auto}.wall-overlay .clr-white{background-color:#fff}.wall-overlay .clr-black{background-color:#000}.wall-overlay input{height:2.5rem;width:4rem;align-self:center}.wall-overlay .cells{display:grid;grid-template-columns:repeat(8,calc(12.5% - 2px));grid-template-rows:repeat(6,2rem);gap:.1rem}.world-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.anim-picking-item{width:64px;height:64px;position:absolute;top:50%;left:50%;opacity:1;transition:left .8s,top .8s,opacity .1s .6s;background-size:contain}.producer{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-170%);left:-999999px}.producer-window{z-index:1;font-size:.75rem}.producer-tip{display:flex;align-items:center;font-size:2em}.producer-tip img{width:1em;height:1em}.producer-progress{position:relative;display:grid;background:var(--db-color-wood-50);border-radius:.2rem;border:1px solid var(--db-color-wood-50);overflow:hidden;width:5rem;height:.4rem;grid-auto-flow:column;grid-auto-columns:1fr;grid-template-rows:.7rem}.producer-progress .bar{position:relative}.producer-progress .bar:not(:last-child){border-right:1px solid var(--db-color-wood-800)}.producer-progress .bar.min{border-right:2px solid var(--db-color-red-500)}.producer-progress .bar.filled{background-color:#77f53d}.producer-progress .prgs{position:absolute;left:0;top:0;bottom:0;right:0;background-color:#77f53d}.sawmill-tutorial.npc-needs:after{left:50%}.item-holder{display:flex;align-items:center;position:absolute;background:var(--db-color-purple-500);background:#8b5cf6aa;border-radius:4px;padding:0 .2rem;transform:translate(-50%,-50%);color:var(--db-color-light-neutral-100);transition:opacity .5s;left:-999999px}.item-holder img{width:1.5rem;height:1.5rem}.npc-needs{display:flex;align-items:center;position:absolute;background:var(--db-color-light-neutral-50);border-radius:.5rem;padding:.2rem;transform:translate(-50%,-50%);color:var(--db-color-light-neutral-800);transition:opacity .5s;left:-99999px}.npc-needs:after{content:"";position:absolute;bottom:-.3rem;left:25%;border-left:.3rem solid transparent;border-right:.3rem solid transparent;border-top:.4rem solid var(--db-color-light-neutral-50)}.npc-needs img{width:1.5rem;height:1.5rem}.npc-emoji{display:flex;align-items:center;position:absolute;background:var(--db-color-light-neutral-50);border-radius:.5rem;padding:.2rem;transform:translate(-50%,-50%);color:var(--db-color-light-neutral-800);transition:opacity .5s;left:-99999px}.npc-emoji:after{content:"";position:absolute;bottom:-.3rem;left:25%;border-left:.3rem solid transparent;border-right:.3rem solid transparent;border-top:.4rem solid var(--db-color-light-neutral-50)}.npc-emoji img{width:1.5rem;height:1.5rem}.anim-shaker-1{animation:shake1 .5s;animation-iteration-count:infinite}@keyframes shake1{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.bonus-resource{display:flex;align-items:center;flex-wrap:wrap;position:absolute;background:var(--db-color-light-neutral-50);border-radius:.5rem;padding:.2rem;transform:translate(-50%,-50%);color:var(--db-color-light-neutral-800);transition:opacity .5s;left:-99999px}.bonus-resource:after{content:"";position:absolute;bottom:-.3rem;left:40%;border-left:.3rem solid transparent;border-right:.3rem solid transparent;border-top:.4rem solid var(--db-color-light-neutral-50)}.bonus-resource img{width:1.5rem;height:1.5rem}.bonus-resource .launch-progress{position:absolute;bottom:-4rem;left:50%;transform:translate(-50%);width:2.5rem;border-radius:4px;background-color:#fff1e0;background-color:var(--db-color-wood-50)}.bonus-resource .launch-progress .launch-bar{height:.75rem;width:0%;border-radius:4px;background-color:#8b5cf6;background-color:var(--db-color-purple-500)}.bonus-resource .ads-icon{position:absolute;width:2rem;height:2rem;top:0;left:50%;transform:translate(-50%,-60%)}