@font-face{font-family:Marchant Copy;src:url(/static/media/dpcomic.d7850454ee2ba505e533.ttf)}#root,html{-ms-interpolation-mode:nearest-neighbor;font-family:Marchant Copy;height:100%;image-rendering:-moz-crisp-edges;image-rendering:pixelated}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App,body{height:100%}.App{background-color:#7ce4e7;overflow:hidden}.mainmenu{align-items:center;background-color:rgba(133,154,209,.484);display:flex;flex-flow:column;padding:15px;width:300px}.battleApp{height:100%;overflow:hidden}h4{margin:0;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.box{align-items:center;background-color:gray;border:2px solid #000;display:flex;font-size:60px;justify-content:center}.box,.prop{height:100px;width:100px}.prop{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.player{border:0 solid rgba(0,0,0,.11);cursor:pointer}.imgpropcontainer{height:300px;left:0;pointer-events:none;position:absolute;top:-250px;-webkit-transform:rotateX(90deg) rotateY(270deg);transform:rotateX(90deg) rotateY(270deg);-webkit-transform-origin:bottom;transform-origin:bottom;width:100px}.infoplayer{bottom:175px;height:30px}.info,.infoplayer{background-color:rgba(0,204,255,.5);opacity:1;pointer-events:all;position:absolute;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .3s;width:100%}.info{bottom:140px;height:45px}.infobox{display:flex;flex-direction:column}.enemy{cursor:pointer;pointer-events:all!important}.imgpropcontainer:hover>.info{opacity:1!important;transition:all .3s}.imgprop{bottom:0;pointer-events:all;position:absolute;width:100%}.highlight:hover{-webkit-filter:brightness(200%);filter:brightness(200%)}.imgplayertop{bottom:-15px;cursor:pointer;height:70px;position:relative;transition:all .3s}.tree:hover>.imgplayer1{opacity:.6;transition:all .3s}.tree:hover>.imgplayer2{opacity:.2;transition:all .3s}.tree{pointer-events:none!important}.triangle{border-bottom:40px solid blue;border-left:20px solid transparent;border-right:20px solid transparent;position:absolute;-webkit-transform-origin:center;transform-origin:center}.circle{background-color:#000086;border-radius:50%;height:40px;-webkit-transform:translateZ(21px);transform:translateZ(21px);width:40px}.flatpointer{border:4px solid red;border-radius:50%;cursor:pointer;height:93px;position:absolute;top:2px;width:93px}.row{display:flex}.board{margin:20px;pointer-events:all;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .3s;width:624px}.boardcontainer{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:start_battle;animation-name:start_battle;-webkit-animation-play-state:running;animation-play-state:running;display:flex;height:-webkit-fill-available;height:-moz-available;height:stretch;justify-content:center;overflow:visible;pointer-events:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:1!important}#background,.boardcontainer{left:0;position:absolute;top:0;width:100%}#background{height:100%;z-index:0}.App{margin:0}.side{background-color:#5f5f5f;border:2px solid #000}.settingsbutton{cursor:pointer;height:30px;position:absolute;width:30px;z-index:4}.Settings{margin-top:10px}#pointer{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}.navigation{background-color:#0cb9d0;border:2px solid #fff;border-radius:50%;display:flex;height:100px;opacity:.85;position:absolute;right:10px;top:10px;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transform-origin:top right;transform-origin:top right;width:100px;z-index:5}.navico{color:#fff;cursor:pointer;height:30px;position:absolute;transition:all .3s;width:30px}.navico:hover{color:blue}.rotateright{left:10px;top:35px;-webkit-transform:scaleX(-1) scaleY(-1) rotate(0deg);transform:scaleX(-1) scaleY(-1) rotate(0deg)}.rotateleft{right:10px;top:35px;-webkit-transform:scaleY(-1) rotate(0deg);transform:scaleY(-1) rotate(0deg)}.zoomin{left:35px;top:10px}.zoomout{bottom:10px;left:35px}.reachable{height:102px;pointer-events:none;position:absolute;width:102px}.playerbox{bottom:10px;display:flex;flex-direction:column;left:10px;overflow:hidden;position:absolute;transition:all .3s;width:300px;z-index:5}.optionsmenu>button{background-color:#fff;border:2px solid #fff;border-radius:0;color:#000;cursor:pointer}.optionsmenu>button:hover{background-color:rgba(0,0,255,.404)}.turnbox{background-color:rgba(12,185,208,.4);border:2px solid #fff;border-radius:10px;display:flex;flex-direction:column;height:280px;overflow:hidden;right:10px;top:200px;width:130px;z-index:5}.turn,.turnbox{position:absolute;transition:all .3s}.turn{background-color:#0c6ed0;border:1px solid #fff;border-radius:5px;color:#fff;height:30px;left:130px;padding-left:5px;width:100%}.nextTurn{position:relative;top:10px}@-webkit-keyframes pointer_ready{0%{-webkit-transform:translateZ(310px) scale(.5);transform:translateZ(310px) scale(.5)}50%{-webkit-transform:translateZ(300px) scale(.5);transform:translateZ(300px) scale(.5)}to{-webkit-transform:translateZ(310px) scale(.5);transform:translateZ(310px) scale(.5)}}@keyframes pointer_ready{0%{-webkit-transform:translateZ(310px) scale(.5);transform:translateZ(310px) scale(.5)}50%{-webkit-transform:translateZ(300px) scale(.5);transform:translateZ(300px) scale(.5)}to{-webkit-transform:translateZ(310px) scale(.5);transform:translateZ(310px) scale(.5)}}@-webkit-keyframes start_battle{0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}10%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}80%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes start_battle{0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}10%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}80%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.d95a4685.css.map*/