.field[data-v-2e412d47]{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:1fr;-ms-touch-action:none;touch-action:none}.field>div[data-v-2e412d47]{border:1px solid #d3d3d3}.outline[data-v-2e412d47]{border:5px solid #ff4500}.monkey[data-v-2e412d47]{background-color:#56a8c9}.croco[data-v-2e412d47]{background-color:#a0a0a0}.robot[data-v-2e412d47]{background-color:#ffc000}.field[typecornelsen=true]>div>div.monkey[data-v-2e412d47]{background-color:#b172bc}.c-robot[data-v-2e412d47]{background-color:#f7e38b}.gameover-message[data-v-2e412d47]{position:absolute;width:100%;text-align:center;top:45%;font-size:2.2rem;border:none!important;font-weight:700;z-index:9999}.actions-field[data-v-e1e6af20]{display:grid;grid-template-columns:50% 50%;grid-auto-rows:1fr;padding:.2em;border:1px solid #d3d3d3}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}@media (min-width:800px){#main-view{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns:40% 60%}#main-view.full-width{grid-template-columns:1fr}#main-view.full-width #main-game{max-width:350px;margin-left:auto;margin-right:auto}#main-game{margin-left:10%;margin-right:10%}.rulesets{display:grid;grid-template-columns:1fr 1fr 1fr}}@media (max-width:800px){#main-game{display:inline-grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rulesets{display:grid;grid-template-columns:1fr 1fr}}.left-text{text-align:left}.outlinerule{background-color:rgba(255,69,0,.34)}.points{display:grid;grid-template-columns:1fr 1fr;font-size:50px}.points>div{width:75%}.points-svg-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.points-svg-container>svg{margin:0 auto;display:block}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{-webkit-box-shadow:0 0 1px #2196f3;box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.limit-options-btn{margin-top:.5em}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-bottom:1em}@media (max-width:800px){.row{margin-top:4em}}.win-message{margin:1em 0;padding:.75em;background-color:#f0f0f0;border-radius:4px;font-size:1.1em;font-weight:700;color:#2c3e50}.robot-win-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999;-webkit-animation:fadeOut 3s ease-out forwards;animation:fadeOut 3s ease-out forwards}.monkey-win-image,.robot-win-image{width:60%;max-width:500px;height:auto;-webkit-animation:shakeAndFade 3s ease-out forwards;animation:shakeAndFade 3s ease-out forwards}.monkey-win-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999;-webkit-animation:fadeOut 3s ease-out forwards;animation:fadeOut 3s ease-out forwards}@-webkit-keyframes shakeAndFade{0%{-webkit-transform:scale(.5) translate(0);transform:scale(.5) translate(0);opacity:0}10%{-webkit-transform:scale(1.2) translate(0);transform:scale(1.2) translate(0);opacity:1}20%{-webkit-transform:scale(1.1) translate(-20px,-10px) rotate(-5deg);transform:scale(1.1) translate(-20px,-10px) rotate(-5deg)}30%{-webkit-transform:scale(1.1) translate(20px,10px) rotate(5deg);transform:scale(1.1) translate(20px,10px) rotate(5deg)}40%{-webkit-transform:scale(1.1) translate(-15px,15px) rotate(-3deg);transform:scale(1.1) translate(-15px,15px) rotate(-3deg)}50%{-webkit-transform:scale(1.1) translate(15px,-15px) rotate(3deg);transform:scale(1.1) translate(15px,-15px) rotate(3deg)}60%{-webkit-transform:scale(1.1) translate(-10px,-10px) rotate(-2deg);transform:scale(1.1) translate(-10px,-10px) rotate(-2deg)}70%{-webkit-transform:scale(1.1) translate(10px,10px) rotate(2deg);transform:scale(1.1) translate(10px,10px) rotate(2deg)}80%{-webkit-transform:scale(1.1) translate(-5px,-5px) rotate(-1deg);transform:scale(1.1) translate(-5px,-5px) rotate(-1deg);opacity:1}90%{-webkit-transform:scale(1) translate(0) rotate(0deg);transform:scale(1) translate(0) rotate(0deg);opacity:.5}to{-webkit-transform:scale(.8) translate(0) rotate(0deg);transform:scale(.8) translate(0) rotate(0deg);opacity:0}}@keyframes shakeAndFade{0%{-webkit-transform:scale(.5) translate(0);transform:scale(.5) translate(0);opacity:0}10%{-webkit-transform:scale(1.2) translate(0);transform:scale(1.2) translate(0);opacity:1}20%{-webkit-transform:scale(1.1) translate(-20px,-10px) rotate(-5deg);transform:scale(1.1) translate(-20px,-10px) rotate(-5deg)}30%{-webkit-transform:scale(1.1) translate(20px,10px) rotate(5deg);transform:scale(1.1) translate(20px,10px) rotate(5deg)}40%{-webkit-transform:scale(1.1) translate(-15px,15px) rotate(-3deg);transform:scale(1.1) translate(-15px,15px) rotate(-3deg)}50%{-webkit-transform:scale(1.1) translate(15px,-15px) rotate(3deg);transform:scale(1.1) translate(15px,-15px) rotate(3deg)}60%{-webkit-transform:scale(1.1) translate(-10px,-10px) rotate(-2deg);transform:scale(1.1) translate(-10px,-10px) rotate(-2deg)}70%{-webkit-transform:scale(1.1) translate(10px,10px) rotate(2deg);transform:scale(1.1) translate(10px,10px) rotate(2deg)}80%{-webkit-transform:scale(1.1) translate(-5px,-5px) rotate(-1deg);transform:scale(1.1) translate(-5px,-5px) rotate(-1deg);opacity:1}90%{-webkit-transform:scale(1) translate(0) rotate(0deg);transform:scale(1) translate(0) rotate(0deg);opacity:.5}to{-webkit-transform:scale(.8) translate(0) rotate(0deg);transform:scale(.8) translate(0) rotate(0deg);opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.robot-thinking-indicator{position:fixed;right:2em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000}.robot-loading-circle{width:80px;height:80px;border-radius:50%;border:4px solid #f3f3f3;border-top:4px solid #3498db;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;overflow:hidden}.robot-loading-image{width:70px;height:70px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;-webkit-animation:spinReverse 1s linear infinite;animation:spinReverse 1s linear infinite}@-webkit-keyframes spinReverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spinReverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:800px){.robot-thinking-indicator{right:1em;top:auto;bottom:2em;-webkit-transform:none;transform:none}}