@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap);.modal-backdrop[data-v-294c9806]{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-294c9806]{background:#fff;box-shadow:2px 2px 20px 1px;overflow-x:auto;display:flex;flex-direction:column;border-radius:1em;min-width:50%}.modal-footer[data-v-294c9806],.modal-header[data-v-294c9806],.modal-section[data-v-294c9806]{padding:1em;position:relative;display:flex}.modal-header[data-v-294c9806]{background:#fe5f55;color:#fff;border-bottom:1px solid #eee}.modal-header h2[data-v-294c9806]{color:inherit;margin:auto}.modal-footer[data-v-294c9806]{border-top:1px solid #eee}button[data-v-294c9806]{min-width:50%;margin:0}section.game[data-v-e2e669d6]{flex:1 1 auto;margin-top:1em;display:none}#total[data-v-e2e669d6]{display:block;flex:0 0 auto}section.game[data-v-e2e669d6]:first-of-type{display:block}span.fade-in[data-v-e2e669d6]{-webkit-animation:fadeIn-e2e669d6 2s;animation:fadeIn-e2e669d6 2s;font-size:1.6em}#total span[data-v-e2e669d6]{font-size:1.6em}@-webkit-keyframes fadeIn-e2e669d6{0%{opacity:0}20%{opacity:.7}40%{opacity:.25}60%{opacity:.8}80%{opacity:.5}to{opacity:1}}@keyframes fadeIn-e2e669d6{0%{opacity:0}20%{opacity:.7}40%{opacity:.25}60%{opacity:.8}80%{opacity:.5}to{opacity:1}}.vue3-progress-bar-container{position:fixed;z-index:999999;top:0;left:0;width:100%;opacity:0;transition:all .5s ease}.vue3-progress-bar-container[active=true]{opacity:1;transition:none}.vue3-progress-bar-container .vue3-progress-bar{width:100%;height:2px;transform:translate3d(-100%,0,0);background-color:#42b983;transition:all .2s ease}.vue3-progress-bar-container[data-v-674a5b48] .vue3-progress-bar{background-color:#fff;height:4px}.vue3-progress-bar-container[data-v-674a5b48]{position:relative;background-color:hsla(0,0%,100%,.4);height:4px;opacity:1;overflow:hidden;z-index:10}section.config[data-v-674a5b48]{padding:2em;flex:1 1 auto;color:#0d5460}h1[data-v-674a5b48],h2[data-v-674a5b48],input[data-v-674a5b48],ul[data-v-674a5b48]{color:inherit}section.config-top[data-v-674a5b48]{color:#fff;background:#0d5460;flex:0 0 auto}ul[data-v-674a5b48]{padding:0;color:#0d5460;list-style:none}li div[data-v-674a5b48]{display:inline-flex;justify-content:space-between;align-content:center;top:0;position:relative;width:100%}li.empty div[data-v-674a5b48]:after{content:"... No results found...";color:#666;font-size:.8em;flex:1 1 auto;text-align:center}li[data-v-674a5b48]{font-size:1.4em;padding:.5em 0;background:none;transition:background 2s;height:100%}li.highlight div[data-v-674a5b48]{background:#e3b505;border-radius:9999px;outline:3px solid #e3b505;scroll-margin-top:50vh}li h6[data-v-674a5b48]{font-weight:400;margin:0 0 .4em}.options[data-v-674a5b48]{width:2.4em;height:2.4em;margin:0;display:inline-flex;text-align:center;border-radius:50%;flex:0 0 auto;justify-content:center;flex-direction:column;font-size:1rem}.best[data-v-674a5b48]{background-color:#0d5460;color:#fff}.ok-old[data-v-674a5b48]{background-image:linear-gradient(135deg,#0d5460 16.67%,transparent 0,transparent 50%,#0d5460 0,#0d5460 66.67%,transparent 0,transparent);background-size:16.97px 16.97px;color:#fe5f55;font-weight:700}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#f7f7ff;font-family:Roboto,sans-serif;margin:0;font-size:16px}em,p{color:#666}h1{font-size:1.6em}h1,h2{margin-top:0;color:#fe5f55}h2{font-size:1.4em}h4{margin-top:0;font-size:1.2rem}fieldset{display:flex;border:none;outline:none;width:80%;margin:auto;justify-content:center;align-items:center}fieldset,fieldset.row{flex-direction:row}fieldset.column{flex-direction:column}input[type=text]{background:hsla(0,0%,100%,.4);border:none;border-bottom:2px solid #fff;padding:.4em;font-size:1.2em;text-align:center;margin-left:1em;border-radius:4px}button.btn{background:#ccc;border:none;border-radius:1.5em;color:#4d4d4d;font-weight:700;height:3em;width:100%;margin:2em auto;cursor:pointer}button.btn:hover{background:#56a3a6;box-shadow:0 4px 4px rgba(0,0,0,.4);color:#f2f2f2}button.btn:active{background:#fe5f55}button.player{min-width:30%}button.choice{border-radius:1.5em;color:#f7f7ff;font-size:1.6em;margin:.4em}button.choice,button.toggle-help{width:2em;height:2em;background:#fe5f55}button.toggle-help{position:absolute;border:none;width:auto;min-width:2em;cursor:pointer;border-radius:4px;color:#fff;font-weight:700;top:2.4em;right:2.4em}main{display:flex;transition:transform 2s;flex-direction:row;flex-wrap:wrap}article.game-area{padding:2em;min-height:65vh;display:flex;flex-direction:column;position:relative}aside.game-config{width:100%;background:#f2f2f2}aside.game-config .config-top{position:sticky;top:0;z-index:10}aside.help{color:#222;background:#e3b505;padding:2em;min-height:100vh}@media (min-width:601px){article.game-area{width:70vw;height:100vh;box-shadow:0 0 15px rgba(0,0,0,.75);-webkit-clip-path:inset(0 -15px 0 0);clip-path:inset(0 -15px 0 0);z-index:100}aside.game-config{width:40vw;height:100vh;overflow-y:scroll}}@media (min-width:993px){#app{overflow-x:hidden}main{height:100vh}aside.help{position:fixed;margin:15vh 15vw;width:70vw;min-height:70vh;border-radius:10px;z-index:1000;border:1px solid #999;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}aside.game-area{flex:1 1 auto;padding:2em;box-shadow:0 0 15px rgba(0,0,0,.75);-webkit-clip-path:inset(0 -15px 0 0);clip-path:inset(0 -15px 0 0);display:flex;flex-direction:column;order:2;justify-content:flex-end}aside.game-config{flex:0 0 auto;width:30vw;display:flex;height:100vh;flex-direction:column;overflow-y:auto;order:3}fieldset{flex-direction:row;display:flex;border:none;outline:none;width:80%;margin:auto;justify-content:center}}