button{font-family:Audiowide;outline:none;border:none;background-color:#fff;width:100%;color:#2c3e4f;font-size:1em;cursor:pointer}button:hover{opacity:.8}.effect:after{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6px;height:12px;border-radius:3px;-webkit-animation:rot 5s linear infinite;animation:rot 5s linear infinite}.effect.pill:after{width:12px;height:28px;border-radius:6px}.effect.Slower:after{background-color:olive;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,olive),color-stop(0,#804f00),to(#804f00));background:linear-gradient(180deg,olive 50%,#804f00 0,#804f00)}.effect.Smaller:after{background-color:teal;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#03b3df),color-stop(0,#00805a),to(#00805a));background:linear-gradient(180deg,#03b3df 50%,#00805a 0,#00805a)}.effect.Inverted:after{background-color:#f0f;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#f0f),color-stop(0,#70f),to(#70f));background:linear-gradient(180deg,#f0f 50%,#70f 0,#70f)}.effect.Hyper:after{background-color:#ff0;background:-webkit-gradient(linear,left top,left bottom,from(orange),color-stop(#ff0),color-stop(green),color-stop(#0ff),color-stop(#00f),to(violet));background:linear-gradient(180deg,orange,#ff0,green,#0ff,#00f,violet)}@-webkit-keyframes rot{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rot{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}body,html{overflow:hidden;overflow-y:auto;margin:0;padding:0}#app{font-family:Audiowide,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#app .fps{position:absolute;right:15px;top:15px}.progress-ring__circle[data-v-319ce700]{-webkit-transition:stroke-dashoffset 5s linear;transition:stroke-dashoffset 5s linear;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.effects[data-v-3dafe1be]{padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.effects .timer[data-v-3dafe1be]{position:relative}.effects .timer .pill[data-v-3dafe1be]{position:absolute;left:0;top:0;width:100%;height:48px}.field-outer-container[data-v-7343036f]{position:relative}.field-inner-container[data-v-7343036f]{position:absolute;top:50%;left:50%;background-color:#eee;border-radius:100%;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.field-inner-container .ball[data-v-7343036f]{position:absolute;border-radius:100%;top:50%;left:50%;opacity:.7;background:#000;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.field-inner-container .ball .arrow[data-v-7343036f]{position:relative;top:50%;left:50%;width:10px;height:30px;background-color:#279af1;-webkit-clip-path:polygon(40% 80%,40% 0,60% 0,60% 80%,100% 80%,50% 100%,0 80%);clip-path:polygon(40% 80%,40% 0,60% 0,60% 80%,100% 80%,50% 100%,0 80%);-webkit-transform-origin:top;transform-origin:top}.field-inner-container .ball.evil-slow[data-v-7343036f]{background:linear-gradient(45deg,red,purple)}.field-inner-container .ball.evil-narrow[data-v-7343036f]{background:linear-gradient(135deg,purple,#ff0)}.field-inner-container .ball.good-fast[data-v-7343036f]{background:radial-gradient(circle,#fff 0,#2196f3 42%,#1a476c 100%)}.field-inner-container .ball.good-wide[data-v-7343036f]{background:radial-gradient(circle,#fff 0,#4caf50 42%,#366337 100%)}.field-inner-container .ball.target[data-v-7343036f]{border:2px dotted #333;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.field-inner-container .player[data-v-7343036f]{position:absolute;top:50%;left:50%;background-color:#888;width:300px;height:2px;border-radius:10px}.field-inner-container .player .slider[data-v-7343036f]{position:relative;height:6px;left:50%;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.field-inner-container .player .label[data-v-7343036f]{position:relative;top:10px;text-align:center}.field-inner-container .player .label span[data-v-7343036f]{color:#3f6cb5;font-weight:700}.field-inner-container .player .pl-button[data-v-7343036f]{position:absolute;width:50%;height:100px;top:-20px}.field-inner-container .player .pl-button.left[data-v-7343036f]{left:0}.field-inner-container .player .pl-button.right[data-v-7343036f]{left:50%}.options[data-v-53e65a56]{max-width:800px;margin:auto}.options .checkbox-container[data-v-53e65a56]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.options .checkbox-container [data-v-53e65a56]{margin:5px}.options ul[data-v-53e65a56]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.options ul li[data-v-53e65a56]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.options ul li [data-v-53e65a56]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:5px}.options ul li span[data-v-53e65a56]{min-width:20px}.options ul li .color[data-v-53e65a56]{border-radius:100%;width:32px;height:16px;-webkit-box-shadow:0 1px 2px #000;box-shadow:0 1px 2px #000}.options ul li .remove[data-v-53e65a56]{position:relative;height:1em;margin-left:15px}.options ul li .remove[data-v-53e65a56]:after{content:"+";position:absolute;font-size:2em;top:-.4em;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.options .btn-start[data-v-53e65a56]{font-size:1.3em;margin-top:20px}.options .keys[data-v-53e65a56]{display:-webkit-box;display:-ms-flexbox;display:flex}.options .keys.is-bot[data-v-53e65a56]{pointer-events:none;cursor:default;opacity:.5}.options .keys small[data-v-53e65a56]{display:inline-block;width:2.2em;height:100%;background:#333;text-align:center;color:#fff;border-radius:.3em;margin:.2em;padding:.2em;cursor:pointer;border:1px solid #444;-webkit-box-shadow:0 .2em 0 .05em #222;box-shadow:0 .2em 0 .05em #222;border-bottom-color:#555}ul[data-v-2305fb38]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}ul[data-v-2305fb38],ul li[data-v-2305fb38]{display:-webkit-box;display:-ms-flexbox;display:flex}ul li[data-v-2305fb38]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}ul li small[data-v-2305fb38]{-webkit-box-flex:1;-ms-flex:1;flex:1}ul li span[data-v-2305fb38]{-webkit-box-flex:3;-ms-flex:3;flex:3;text-align:left}.game[data-v-60291c57]{display:-webkit-box;display:-ms-flexbox;display:flex;border:5px dotted #2c3e4f;margin:5px}@media (orientation:portrait){.game[data-v-60291c57]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.game .controls[data-v-60291c57]{font-family:Audiowide,sans-serif;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.game .controls h1[data-v-60291c57]{font-family:Bungee Shade,cursive;font-size:40px;border-bottom:5px dotted #2c3e4f;padding:20px;margin:5px 0}.game .controls .ranking[data-v-60291c57]{-webkit-box-flex:1;-ms-flex:1;flex:1;border-bottom:5px dotted #2c3e4f}.game .controls .buttons[data-v-60291c57]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (orientation:portrait){.game .controls .buttons[data-v-60291c57]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.game .controls .buttons .button-row[data-v-60291c57]{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:5px dotted #2c3e4f}@media (orientation:portrait){.game .controls .buttons .button-row[data-v-60291c57]{border-top:5px dotted #2c3e4f}}.game .controls .buttons .button-row>[data-v-60291c57]{border-left:5px dotted #2c3e4f}.game .controls .buttons .button-row[data-v-60291c57] :first-child{border-left:none}.game .controls .buttons button[data-v-60291c57]{font-size:20px;padding-bottom:4px}.game .field[data-v-60291c57]{-webkit-box-flex:3;-ms-flex:3;flex:3;min-height:calc(100vmin - 20px);max-height:100vh;max-width:100vw;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden}@media (orientation:portrait){.game .field.stopped[data-v-60291c57]{max-height:0;min-height:0}}@media (orientation:landscape){.game .field.started[data-v-60291c57]{border-left:5px dotted #2c3e4f}.game .field.stopped[data-v-60291c57]{max-width:0}}label.checkbox[data-v-4f7a30ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-tap-highlight-color:transparent}label.checkbox[data-v-4f7a30ec],label.checkbox input[data-v-4f7a30ec]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.checkbox input[data-v-4f7a30ec]{opacity:0;height:0;width:0}label.checkbox span[data-v-4f7a30ec]{position:relative;height:1.2em;width:1.2em;background-color:#bbc6d1}label.checkbox:hover input~span[data-v-4f7a30ec]{background-color:#a2abb4}label.checkbox input:checked~span[data-v-4f7a30ec]{background-color:#2c3e4f}label.checkbox input:checked~span[data-v-4f7a30ec]:after{content:"";position:absolute;display:block;left:.4em;top:.1em;width:.3em;height:.7em;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.text-field[data-v-455990da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-tap-highlight-color:transparent}.text-field input[data-v-455990da]{cursor:pointer;font-size:1em;font-family:Audiowide;color:#2c3e4f;outline:none;border:none;border-bottom:2px solid #bbc6d1}.text-field input[data-v-455990da]:hover{border-bottom-color:#a2abb4}.text-field .underline[data-v-455990da]{position:absolute;bottom:0;left:50%;width:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:3px;background-color:#2c3e4f;-webkit-transition:width .3s ease;transition:width .3s ease}.text-field input:focus~.underline[data-v-455990da]{width:100%}