.menu{position:absolute}.menu .mainButton{width:40px;height:40px;border:1px solid #000;border-radius:5px;padding:8px;background:#ddd}.menu .mainButton img{width:100%;height:100%}.menu .mainButton.open{box-shadow:10px 20px 20px #333;border-bottom:1px solid #ddd;border-radius:5px 5px 0 0}.menu .mainButton.open:after{content:"";display:block;left:0;right:0;bottom:-5px;z-index:2501;position:absolute;background:#ddd;margin:0 1px;height:10px}.menu .items{box-shadow:10px 20px 30px #333;z-index:2500;position:absolute;background:#ddd;border:1px solid #000;border-radius:0 5px 5px 5px;padding:5px}.menu .items button{height:50px;padding:5px 20px}.menu .items .item{margin-bottom:10px;min-width:200px}.menu .hidden{display:none}.warnings{display:flex;align-content:stretch;background:#fa0;border:1px solid #000;border-radius:5px;padding:5px 15px;position:relative;z-index:6000;width:300px;vertical-align:middle}.warnings .messageText{flex-grow:100;padding:0 10px 0 20px;margin:auto}@-webkit-keyframes warningIcon{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}25%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}75%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes warningIcon{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}25%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}75%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.warnings .icon{flex-grow:1;flex-shrink:0;font-size:30px;vertical-align:middle;display:inline;margin:auto;-webkit-animation:warningIcon 5s 1;animation:warningIcon 5s 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.warnings button{flex-grow:1;flex-shrink:0;margin-right:0}.notification{display:flex;align-content:stretch;background:#fa0;border:1px solid #000;border-radius:5px;box-shadow:10px 10px 40px #333;padding:30px;line-height:30px;font-size:20px;font-weight:bolder;position:absolute;z-index:6000;top:90px;width:300px;left:calc(40vw - 150px)}.notification .messageText{flex-grow:100;padding:0 0 0 20px}@-webkit-keyframes animatedWinnerIcon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes animatedWinnerIcon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.notification .icon{-webkit-animation:animatedWinnerIcon 5s 1;animation:animatedWinnerIcon 5s 1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;flex-grow:1;flex-shrink:0;font-size:30px;line-height:30px;vertical-align:middle;display:inline;padding:0;margin:auto}.notification button{display:block;border-radius:8px;border:1px solid #000;background:#ddd;line-height:30px;margin:0 10px 10px 0;padding:5px;text-align:center;position:absolute;top:-20px;right:-30px;font-size:20px}body{font:14px Century Gothic,Futura,sans-serif;margin:0;padding:0}.statusBlock{display:block;width:100%;border-radius:20px;padding:5px 0;margin-left:60px;text-align:center;border:1px solid #7a170c}.statusBlock.rhino{background-color:#eb4634}.statusBlock.elephant{background-color:#34b1eb}.statusBlock.winner{background-color:#fa0}.status{display:inline;font-weight:700;font-size:1.3rem}.square{background:#fff;font-size:40px;font-weight:700;line-height:45px;width:60px;text-align:center}.square,.squareBorder.vertical{border:2px solid #999;height:60px;padding:0;position:relative;flex-grow:1}.squareBorder.vertical{background:#ccc;width:20px}.squareBorder.horizontal{background:#ccc;border:2px solid #999;width:60px}.squareBorder.horizontal,.squareCorner{height:20px;padding:0;position:relative;flex-grow:1}.squareCorner{width:20px}.focusOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#666;z-index:500;display:none;opacity:1}@-webkit-keyframes fadeOut{0%{opacity:0}to{opacity:.5}}@keyframes fadeOut{0%{opacity:0}to{opacity:.5}}.darken{opacity:.5;display:block;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.board{width:340px;height:340px;display:flex;flex-direction:column;margin-left:auto;margin-right:auto}.board-row{display:flex;flex-direction:row;flex-grow:1}.game-board{background:#999;border-radius:20px;border:1px solid #000;padding:2px}.game{padding:20px;display:flex;flex-direction:row}.userActionPanel{padding-top:10px;padding-bottom:15px}.game-info{margin-left:20px;display:flex;flex-wrap:wrap;align-content:flex-start}@-webkit-keyframes zoomRotate{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2) rotate(1turn);transform:scale(1.2) rotate(1turn)}}@keyframes zoomRotate{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2) rotate(1turn);transform:scale(1.2) rotate(1turn)}}.historyButtons{display:inline-block;border-radius:8px;border:1px solid #000;background:#ddd;line-height:30px;margin:0 10px 10px 0;padding:5px;text-align:center;vertical-align:middle;font-size:20px}.historyButtons.highlight{background:#666;color:#fff;border-color:#fff;-webkit-animation-name:zoomRotate;animation-name:zoomRotate;-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.square.mountain{background:#ccc}.square.rhino{background:#eb4634}.square.elephant{background:#34b1eb;color:#fff}.square .fixedRotation.elephant:after{content:"\1f418";left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.square .fixedRotation.elephant:after,.square .fixedRotation.rhino:after{position:absolute;bottom:0;width:30px;height:30px;line-height:30px;font-size:20px}.square .fixedRotation.rhino:after{content:"\1F98F";right:0}.square .empty{background:#fff}.square .mountain{background:#ccc}.north{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.south{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.west{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.east{-webkit-transform:rotate(90deg);transform:rotate(90deg)}button.active{background:#2b8a2b;color:#fff;-webkit-transition:-webkit-transform .35s ease-in-out;transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out}button.active:hover{z-index:100}button.inactive{background:#eee;color:#888;border-color:#888}button span{margin:0;padding:0}button{padding:0}@-webkit-keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes zoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.selected{outline:5px dotted #000;z-index:600;border-color:#000;-webkit-animation-name:zoom;animation-name:zoom;-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.square button:focus{outline:none}.actionButtons{width:40px;height:40px;border-radius:8px;border:1px solid #000;background:#ddd;line-height:30px;margin-right:10px;text-align:center;vertical-align:middle;font-size:30px}.selectedActions{background-Color:transparent;position:absolute;width:234px;height:234px;z-index:1000}.popupButton{width:60px;height:60px;border-radius:8px;border:1px solid #000;background:#ddd;line-height:40px;margin:5px 10px 10px 5px;text-align:center;vertical-align:middle;font-size:40px}.popupButton.movement:after{content:"\1f3c3";font-size:20px;position:relative;bottom:37px;left:15px}.popupButton.rotation:after{content:"\21ba";left:15px}.popupButton.insertPush:after,.popupButton.rotation:after{font-size:30px;line-height:20px;bottom:36px;position:relative}.popupButton.insertPush:after{content:"\1f3c3*";left:-5px}.hiddenPlaceHolder,.placeHolder{display:inline-block}.hiddenPlaceHolder{opacity:0}.popupButton.invisible{opacity:.5}.animalsLeft,.animalsLeft .actionButtons{position:relative}.animalsLeft .elephant{-webkit-transform:scaleX(-1);transform:scaleX(-1);display:inline-block}.animalsLeft .leftCounter{position:absolute;top:1px;right:1px;font-weight:700;z-index:200;color:#fff;text-shadow:0 0 4px #666}.kbd-navigation .square:focus{background:#ddd}.hide{display:none}.game.rhino{background:#eb4634}.game.elephant{background:#34b1eb}.header{display:flex}
/*# sourceMappingURL=main.446f134d.chunk.css.map */