body,html{touch-action:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.numpad{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;font-size:30px;font-family:arial,"sans serif"}.numpad button{border:0;background:#393;width:55px;height:55px;font:inherit;display:flex;justify-content:center;align-items:center}.numpad button:focus{outline:0}.numpad .display{display:flex;justify-content:center;align-items:center}.numpad .display .value{width:150px;text-align:center;font-size:120%;font-weight:700;letter-spacing:4px}.numpad .display .value.animate-shake{-webkit-animation:shake .1s 2,red .4s;animation:shake .1s 2,red .4s}@-webkit-keyframes red{0%{color:inherit}50%{color:red}to{color:inherit}}@keyframes red{0%{color:inherit}50%{color:red}to{color:inherit}}.numpad .display button.cancel{background:none;border-radius:50%;xborder:1px solid #aa4040;color:#919191}.numpad .display button.accept{background:#225319;border-radius:50%;border:4px solid #397434;color:#fff}.numpad .display button:disabled.accept{background:#4d4d4d;border:1px solid #282828;color:#919191}.numpad .numbers{margin:0 auto}.numpad .numbers div{display:flex;justify-content:center}.numpad .numbers button{margin:1px;background:#747466;border-radius:10px}body{color:#eee;font-family:arial,sans-serif}.app{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;background:#000}.app,footer{left:0;right:0;bottom:0}footer{position:fixed;text-align:center;font-size:x-small;color:#888;margin-bottom:1em}footer.dev{color:#e77}footer.hidden{visibility:hidden;opacity:0;-webkit-transition:visibility 0s 2s,opacity 2s linear;transition:visibility 0s 2s,opacity 2s linear}.walkie{margin:auto;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:space-evenly}.map:focus{outline:none}.map{border:8px solid #232323}.walkie .controls{margin-top:15px;font-size:20px;background:#232323;border-radius:35px;padding:.5em;display:flex;justify-content:space-between;align-items:center}.walkie .controls button{background:#27344f;border-radius:50%;border:0;font:inherit;color:inherit;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.walkie .controls button:focus{outline:none}.walkie .controls button:active{-webkit-transition:all .1s;transition:all .1s;-webkit-transform:scale(.8);transform:scale(.8);background-color:#37567c}.win-level{flex-direction:column;background:-webkit-linear-gradient(135deg,#1b482d,#484a47);background:linear-gradient(-45deg,#1b482d,#484a47);position:relative}.win-level,.win-level button.next{display:flex;justify-content:center;align-items:center}.win-level button.next{background:#181;width:100px;height:100px;border:none;border-radius:50%;font-size:40px;color:#fff}.win-level button.list{position:absolute;bottom:10px;right:10px;width:30px;height:30px;border-radius:50%;background:none;border:none;box-shadow:0 0 10px 0 #5c8f71}.win-level button:focus{outline:none}.choose-level{align-items:center;background:-webkit-linear-gradient(135deg,#222,#333);background:linear-gradient(-45deg,#222,#333);position:relative;overflow-y:auto}.choose-level .level-list{position:absolute;left:0;right:0;flex-wrap:wrap}.choose-level .level-list,.choose-level button{display:flex;justify-content:center;align-items:center}.choose-level button{background:#22494b;width:44px;height:44px;margin:5px;border:none;border-radius:50%;font-size:22px;color:#fff}.choose-level button:focus{outline:none}.choose-level button.current{background:#1d9336}.popover{position:absolute;top:0;width:100%;height:100%;background:#111;flex-direction:column}.popover,.popover .speech{display:flex;justify-content:center;align-items:center}.popover .speech .who{font-size:60px;margin-right:25px;border-radius:50%;background:#777;padding:5px}.popover .speech .what{font-size:60px;position:relative;background:#999;border-radius:.2em;min-height:2em;min-width:2em;display:flex;justify-content:center;align-items:center}.popover .speech .what:after{content:"";position:absolute;left:0;top:50%;width:0;height:0;border:19px solid transparent;border-right-color:#999;border-left:0;margin-top:-19px;margin-left:-19px}.popover>button{margin-top:30px;background:#060;border:none;border-radius:50%;width:60px;height:60px;font-size:30px;visibility:hidden}.popover>button:focus{outline:none}.popover>button.show{visibility:visible}.background{position:absolute}.duckpond{width:100%;height:100%;background:#1b61b6;border-radius:20px;position:relative;border:5px solid #f4a460;box-sizing:border-box}.duckpond .duck{position:absolute;font-size:22px}.door,.figure,.lock,.npc,.numpad-lock,.player,.target,.wall{display:flex;x-flex-direction:column;justify-content:center;text-align:center;font-size:30px;position:absolute}.player{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.player,.player.next{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.player.next{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.player.animate-eat{-webkit-animation-name:eat;animation-name:eat;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes eat{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes eat{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}.player.animate-shake{-webkit-animation:shake .1s 2;animation:shake .1s 2}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}67%{-webkit-transform:translateX(6px);transform:translateX(6px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}33%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}67%{-webkit-transform:translateX(6px);transform:translateX(6px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.player.animate-drop{-webkit-animation:drop .3s;animation:drop .3s}@-webkit-keyframes drop{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes drop{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}.player.animate-teleport{-webkit-animation:teleport-in .1s,teleport-out .1s;animation:teleport-in .1s,teleport-out .1s;-webkit-animation-delay:0s,.1s;animation-delay:0s,.1s}@-webkit-keyframes teleport-in{0%{left:var(--cur-x);top:var(--cur-y);-webkit-transform:scale(1);transform:scale(1)}to{left:var(--in-x);top:var(--in-y);-webkit-transform:scale(0);transform:scale(0)}}@keyframes teleport-in{0%{left:var(--cur-x);top:var(--cur-y);-webkit-transform:scale(1);transform:scale(1)}to{left:var(--in-x);top:var(--in-y);-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes teleport-out{0%{left:var(--out-x);top:var(--out-y);-webkit-transform:scale(0);transform:scale(0)}to{left:var(--end-x);top:var(--end-y);-webkit-transform:scale(1);transform:scale(1)}}@keyframes teleport-out{0%{left:var(--out-x);top:var(--out-y);-webkit-transform:scale(0);transform:scale(0)}to{left:var(--end-x);top:var(--end-y);-webkit-transform:scale(1);transform:scale(1)}}.player .carry{position:absolute;top:15px;left:-1px;font-size:19px}.player .carry .figure{-webkit-transform:scale(.5);transform:scale(.5);border:1px solid #000}.wall{border-radius:40%;border:3px solid #333;background:#000;box-sizing:border-box}.hint{text-shadow:2px 2px 3px #000;letter-spacing:8px;font-weight:700}
/*# sourceMappingURL=main.5d5620af.chunk.css.map */