html{background:#fff;height:100vh;width:100vw}body{-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;font-display:swap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;margin:0!important;overscroll-behavior-y:contain;padding:0!important;width:100vw}body,body *{-webkit-font-smoothing:auto;-moz-font-smoothing:auto;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;transition:display .1s ease-in-out}body #root{background:#fff!important;height:100vh;overflow:hidden;width:100vw}body #root *{transition:background-color .3s ease,display .1s linear .2s;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}body #root div,body #root li,body #root section,body #root span,body #root table,body #root tbody,body #root td,body #root tfoot,body #root thead,body #root tr{transition:top .05s linear .2s,right .05s linear .2s,bottom .05s linear .2s,left .05s linear .2s}body #root a,body #root button{overflow:hidden;transition:background-color .1s ease}.app-main,.main-lay{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:100vh;justify-content:center;position:relative;width:100vw}.main-lay{background:#000}.main-lay .header-lay{align-items:center;background:#43b02a;cursor:default!important;display:flex;flex-direction:row;flex-shrink:0;height:120px;justify-content:center;position:relative;width:100vw}.main-lay .header-lay .header-left{position:relative;width:200px}.main-lay .header-lay .header-left,.main-lay .header-lay .header-left .header-image-top{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center}.main-lay .header-lay .header-left .header-image-top{cursor:pointer;position:absolute;width:100%;z-index:1}.main-lay .header-lay .header-left .header-image{border-radius:4px;box-shadow:0 .6px 4px 0 rgba(0,0,0,.267);height:100px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100px;z-index:0}.main-lay .header-lay .header-center,.main-lay .header-lay .header-left .header-image{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;position:relative}.main-lay .header-lay .header-center{height:100%;width:calc(100% - 400px)}.main-lay .header-lay .header-center .header-timer{color:#fff;font-size:28px;font-weight:700;letter-spacing:4px;margin:4px 8px;position:relative}.main-lay .header-lay .header-center .header-timer-red{color:#f5660d}.main-lay .header-lay .header-center .header-play-btn{align-items:center;background:#f1f1f1;border:none!important;border-radius:8px;box-shadow:0 .6px 4px 0 rgba(0,0,0,.267);color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:700;height:40px;justify-content:center;letter-spacing:2px;margin:4px 8px;min-width:75px;padding:4px 8px;position:relative;width:auto}.main-lay .header-lay .header-center .header-play-btn:active{background:#ababac}.main-lay .header-lay .header-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center;position:relative;width:200px}.main-lay .header-lay .header-right .header-mode-title{color:#fff;font-size:16px;font-weight:700;letter-spacing:2px;margin:4px 8px;position:relative}.main-lay .header-lay .header-right .header-mode-text{color:#fff;font-size:16px;font-weight:400;letter-spacing:2px;margin:4px 8px;position:relative}.main-lay .header-lay .header-right .header-mode-btn{align-items:center;background:#f1f1f1;border:none!important;border-radius:8px;box-shadow:0 .6px 4px 0 rgba(0,0,0,.267);color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:700;height:40px;justify-content:center;letter-spacing:2px;margin:4px 8px;padding:4px 8px;position:relative;width:auto}.main-lay .header-lay .header-right .header-mode-btn:active{background:#ababac}.main-lay .puzzle-lay{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 120px);justify-content:center;position:relative;width:100vw}.main-lay .puzzle-lay .puzzle-top{cursor:default!important;position:absolute;width:100%;z-index:1}.main-lay .puzzle-lay .puzzle,.main-lay .puzzle-lay .puzzle-top{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center}.main-lay .puzzle-lay .puzzle{background:#fff;position:relative;width:inherit;z-index:0}.main-lay .puzzle-lay .puzzle .konvajs-content{height:inherit!important;position:relative;width:inherit!important}.main-lay .puzzle-lay .puzzle .konvajs-content,.mode-dialog{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center}.mode-dialog{-webkit-animation:dialog-bg .25s linear;animation:dialog-bg .25s linear;background:rgba(0,0,0,.561);bottom:0;cursor:default!important;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:999}.mode-dialog .mode-dialog-content{align-items:center;-webkit-animation:dialog-show .25s linear;animation:dialog-show .25s linear;background:#fff;border-radius:8px;box-shadow:0 .6px 4px 0 rgba(0,0,0,.267);display:flex;flex-direction:column;flex-shrink:0;height:50%;justify-content:center;max-height:500px;max-width:300px;position:relative;width:60%}.mode-dialog .mode-dialog-content .mode-dialog-header{color:#000;font-size:20px;font-weight:700;height:50px;letter-spacing:2px}.mode-dialog .mode-dialog-content .mode-dialog-body,.mode-dialog .mode-dialog-content .mode-dialog-header{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;position:relative;width:100%}.mode-dialog .mode-dialog-content .mode-dialog-body{height:calc(100% - 100px)}.mode-dialog .mode-dialog-content .mode-dialog-body .mode-dialog-btn{align-items:center;background:#64aaff;border:none!important;border-radius:8px;box-shadow:0 .6px 4px 0 rgba(0,0,0,.267);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:18px;font-weight:700;height:40px;justify-content:center;letter-spacing:2px;margin:8px;position:relative;width:150px}.mode-dialog .mode-dialog-content .mode-dialog-body .mode-dialog-btn:active,.mode-dialog .mode-dialog-content .mode-dialog-body .mode-dialog-btn:focus{background:#2462ad}.mode-dialog .mode-dialog-content .mode-dialog-footer{align-items:center;display:flex;flex-direction:row;flex-shrink:0;height:50px;justify-content:center;position:relative;width:100%}.mode-dialog .mode-dialog-content .mode-dialog-footer .mode-dialog-close-btn{align-items:center;background:#ff6464;border:none!important;border-radius:8px;box-shadow:0 .6px 4px 0 rgba(0,0,0,.267);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:18px;font-weight:700;height:40px;justify-content:center;letter-spacing:2px;position:relative;width:150px}.mode-dialog .mode-dialog-content .mode-dialog-footer .mode-dialog-close-btn:active,.mode-dialog .mode-dialog-content .mode-dialog-footer .mode-dialog-close-btn:focus{background:#ad2424}.image-dialog{align-items:center;-webkit-animation:dialog-bg .25s linear;animation:dialog-bg .25s linear;background:rgba(0,0,0,.561);bottom:0;cursor:default!important;display:flex;flex-direction:column;flex-shrink:0;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:999}.image-dialog .image-dialog-content{-webkit-animation:dialog-show .25s linear;animation:dialog-show .25s linear;background:#fff;border-radius:8px;box-shadow:0 .6px 4px 0 rgba(0,0,0,.267);height:70%;max-height:700px;max-width:500px;width:80%}.image-dialog .image-dialog-content,.image-dialog .image-dialog-content .image-dialog-header{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;position:relative}.image-dialog .image-dialog-content .image-dialog-header{color:#000;font-size:20px;font-weight:700;height:50px;letter-spacing:2px;width:100%}.image-dialog .image-dialog-content .image-dialog-body{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;height:calc(100% - 100px);justify-content:center;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.image-dialog .image-dialog-content .image-dialog-body .image-dialog-image-lay{align-items:center;border-radius:8px;box-shadow:0 .6px 4px 0 rgba(0,0,0,.267);display:flex;flex-direction:column;height:150px;justify-content:center;margin:4px;position:relative;width:150px}.image-dialog .image-dialog-content .image-dialog-body .image-dialog-image-lay .image-dialog-image-top{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.image-dialog .image-dialog-content .image-dialog-body .image-dialog-image-lay .image-dialog-image-top:active,.image-dialog .image-dialog-content .image-dialog-body .image-dialog-image-lay .image-dialog-image-top:focus{background:rgba(36,98,173,.514)}.image-dialog .image-dialog-content .image-dialog-body .image-dialog-image-lay .image-dialog-image{align-items:center;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;width:100%;z-index:0}.image-dialog .image-dialog-content .image-dialog-footer{align-items:center;display:flex;flex-direction:row;flex-shrink:0;height:50px;justify-content:center;position:relative;width:100%}.image-dialog .image-dialog-content .image-dialog-footer .image-dialog-close-btn{align-items:center;background:#ff6464;border:none!important;border-radius:8px;box-shadow:0 .6px 4px 0 rgba(0,0,0,.267);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:18px;font-weight:700;height:40px;justify-content:center;letter-spacing:2px;position:relative;width:150px}.image-dialog .image-dialog-content .image-dialog-footer .image-dialog-close-btn:active,.image-dialog .image-dialog-content .image-dialog-footer .image-dialog-close-btn:focus{background:#ad2424}@-webkit-keyframes gradient-anim{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes gradient-anim{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@-webkit-keyframes dialog-bg{0%{background:transparent}50%{background:rgba(0,0,0,.561)}}@keyframes dialog-bg{0%{background:transparent}50%{background:rgba(0,0,0,.561)}}@-webkit-keyframes dialog-show{0%{scale:.5}50%{scale:1.1}to{scale:1}}@keyframes dialog-show{0%{scale:.5}50%{scale:1.1}to{scale:1}}
/*# sourceMappingURL=main.1b1fba60.css.map*/