@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";body{margin:0;min-height:100vh}*{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input{-webkit-user-select:text}#app{min-height:100vh;display:flex;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;text-align:center;color:#2c3e50;font-family:Arial,Helvetica,sans-serif}.formula-form input{max-width:40px;text-align:center;font-size:20px;padding:10px}.header{display:flex;justify-content:flex-end;align-items:center;height:50px;background-color:#ddd;box-shadow:0 1px 2px #eee}.header>button{padding:5px 10px;font-size:12px;min-width:68px}.settings-button,.reload-button{margin:6px 10px 0 6px}.settings-button,.reload-button>svg{cursor:pointer}.button:hover{cursor:pointer;background-color:#ccc}.judge{position:relative;height:100%;display:flex;justify-content:center;width:100%;flex-direction:column;justify-content:flex-start}.round-over{margin:0}.panels{display:flex;max-width:100%;height:100%;position:relative}.panel{width:50%;display:flex;flex-direction:column;padding-top:.5em;height:calc(100% - 135px)}.timer{left:50%;font-size:1.5em;font-weight:700}.timeline-wrapper{position:fixed;overflow:auto;display:flex;justify-content:flex-start;align-items:flex-end;border-top:1px solid #ccc;width:100%;bottom:0;background-color:#fff}.timeline{width:90%;min-height:35px;overflow:auto;max-height:100px;display:flex;flex-direction:row}.step{border-right:1px solid #ccc;display:flex;justify-content:center;align-items:center;width:calc(10% - 1px);min-height:35px;border-bottom:1px solid #ccc}.step:hover{cursor:pointer;background-color:#ececec;box-shadow:1px 1px 1px #ccc}.step.active{background-color:#6e6e6e;box-shadow:1px 1px 1px #6e6e6e}.player-scores{display:flex;align-self:center;flex-direction:column;top:50px}.player-scores.player1{margin-left:.5em;align-self:flex-start}.player-scores.player2{margin-right:.5em;align-self:flex-end}.scores{padding:0;margin:0;font-size:2.5em}.names{margin-top:.5em}button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgb(209,209,209);background-color:#fff;padding:1em;margin:.25em;display:flex;justify-content:center;font-size:15px;font-weight:500;text-transform:uppercase;align-items:center;overflow:hidden;border-radius:10px;color:#000}button:hover{cursor:pointer;background-color:#ccc}button:focus{outline:none}button.start{background-color:#41e92b;border:unset;padding:1em}button.pause{padding:.3em}button.start:hover{background-color:#38cc44}button.error{background-color:#ff9e9e;border:unset}button.technical-fine{width:10em;max-height:2em;min-height:2em;padding:0;margin-top:2em;display:flex;align-items:center}button.technical-fine.right{align-self:flex-end}button.error:hover{background-color:#b37171}button.beat{background-color:#ef0;border:unset;min-height:3em}button.beat:hover{background-color:#b8c500}button.back{position:fixed;bottom:0;right:0;min-height:37px;width:10%;padding:0;align-self:flex-end;display:flex;align-items:center;align-self:center;z-index:10;border-radius:0;margin:0}button.back{margin-top:.25em;height:2em}button.saved{pointer-events:none!important;background-color:#38cc44}button.update-data{padding:.9em;align-items:center;margin:0;border-radius:999px;position:relative;margin-top:-3px!important;margin-right:10px}button.update-data>.success{position:absolute;color:#fff;font-weight:600;font-size:1em;top:.4em;left:.15em}button.update-data>.fail:before,button.update-data>.fail:after{content:"";width:1em;background-color:#fff;height:3px;position:absolute;top:.8em;left:.4em;transform:rotate(45deg)}button.update-data>.fail:after{transform:rotate(-45deg)}.panel .buttons{display:flex;flex-direction:column-reverse;justify-content:flex-start;height:100%}.panel.short-panel>div>button,.panel.short-panel>div>div>button{padding:.5em;height:unset}.settings{overflow:auto;margin:0 0 56.5px}.form{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center}.jsons-list{display:flex;flex-direction:column;align-items:flex-start;max-height:11em;overflow:scroll;width:100%;overflow-x:hidden}.json-list-element{margin:5px 0}.remove-json{margin-left:10px;color:red;border-radius:100px;padding:0 6px 2px}.remove-json:hover{cursor:pointer;color:#fff;background-color:red}.json-title{margin-left:10px}.block h3{margin:0}.settings .block.json,.settings .block.google,.settings .block.common,.settings .block.discipline{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;width:100%;margin-top:1.5em}.settings .block.discipline{margin-top:.5em}.settings .block.discipline .discipline-container{display:flex;flex-direction:column;align-items:flex-start}.discipline-label{display:flex;align-items:flex-end}.discipline-title{width:100%;display:flex;justify-content:center}.settings .block.common{display:flex;flex-direction:column;flex-grow:1;max-width:100%}.settings .block.common .settings-input-form{justify-content:flex-start}.settings-input-form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.settings-input-form.column{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:flex-end}.settings-input-form button{text-transform:capitalize;margin:0;width:calc(100% + .1em)}.settings-input-form.clear{width:100%}.settings-input-form.clear>button{margin:.1em 0}.settings-buttons{display:flex;position:fixed;width:100%;bottom:0;background-color:#ddd;flex-direction:row;justify-content:space-between;box-shadow:0 1px 2px #eee}.settings .buttons{display:flex}.settings .buttons button{width:100%}button.disabled,button.disabled:hover{background-color:#ccc;cursor:initial}.beat-block{display:flex;width:100%}.beat-block button{width:50%}.beat-block .no-target-goal{width:100%}.setup{height:100%;width:100%;overflow:auto}.player{display:flex;flex-direction:column;align-items:center}.form{max-width:100%;display:flex}.input-form{display:flex;flex-direction:column;align-items:flex-start;margin:.5em}.input-form label{display:flex;width:100%;font-weight:600;margin-bottom:.25em}.input-form input{padding:.5em .25em;border-radius:5px;border:1px solid #ccc;font-size:20px;outline:none;width:calc(100% - .5em)}.input-form input:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.input-form input::placeholder{font-size:14px}.input-form button{border-radius:5px;padding:.5em 1em;font-size:16px;outline:none}.input-form button:hover{cursor:pointer}.input-form button:focus{background-color:#f9fffa}.input-form button.confirm{border:2px solid rgb(56,204,68);background-color:#41e92b;align-self:flex-end}.input-form button.confirm:hover{background-color:#38cc44}.stats{font-size:12px}.show-stats-form{display:flex;flex-direction:row-reverse}.show-stats-form .stats-checkbox-disabled{display:none}.show-stats-form div{white-space:nowrap;font-size:16px;display:flex;justify-content:center;align-items:center}.show-stats-form input{min-width:unset;font-size:10px;width:2em;height:2em}.round-stats{display:flex;width:100%;flex-direction:row;font-size:24px;font-weight:600;justify-content:center}.round-stats span{margin:1em;padding:.1em .5em;border:1px solid #888;display:flex;justify-content:center;align-items:center}.round-stats>div{display:flex;justify-content:center;flex-direction:column}.ff-block{display:flex;margin-bottom:2em;position:fixed;top:3em}.ff-block.right{justify-content:flex-end;right:0}.ff-block button{max-height:2em}.table-title{width:100%;display:flex;justify-content:flex-start;padding:0 1rem;text-transform:uppercase;font-weight:700;align-items:center;padding-top:1px}.table-title.loading{font-weight:100;text-transform:lowercase;font-style:italic}.table-title>span{max-width:110px;overflow:hidden}.auth{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:auto}.auth .title{margin:50px 0}.auth .error{display:flex;width:90%;max-width:500px;justify-content:flex-end;color:#b37171;margin-bottom:-18px}.auth input{display:flex;height:50px;max-width:500px;margin:20px 0;width:90%;border-radius:3px;border:1px solid grey;outline:none;font-size:30px;caret-color:#38cc44}.auth button{display:flex;height:50px;max-width:300px;width:80%;margin-top:50px}@media screen and (max-width:500px){button.update-data>.success{left:.3em;top:.3em}.timer{font-size:1em}button{text-transform:lowercase}button.start.update-data{padding:.9em}.header{height:30px}.header>button{min-width:132px}.table-title>span{max-width:40px;overflow:hidden}.player-scores{flex-direction:column;justify-content:center;align-items:center;font-size:10px}.player-scores>.names{margin:0}.player-scores.player1>.scores{margin:0 10px 0 0}.player-scores.player2>.scores{margin:0 0 0 10px}.round-over{margin-top:.5em;background:#add8e6}.round-stats>button{max-width:130px}.round-stats>div,.round-stats>span{font-size:16px}.settings{margin:0 0 46px}button{font-size:12px}.header>span.email{display:none}.show-stats-form div{font-size:16px}.show-stats-form input{font-size:10px}}@media screen and (max-height:850px){.stats,.show-stats-form .stats-checkbox{display:none}.show-stats-form .stats-checkbox-disabled{display:flex}}@media screen and (max-height:600px){.header{height:30px}.header>button{min-width:132px}.step,.timeline{min-height:20px}button.back{min-height:22px;height:1.5em}.judge.game-stop button.disabled{display:none}.judge.game-stop button.start,.button.beat{padding:1em}button{padding:.8em;text-transform:lowercase}button.update-data>.success{left:.3em;top:.3em}button.technical-fine{min-height:2em}button.beat{min-height:3em}button.start,button.pause.disabled,button.error.pause{padding:.5em}button.start.update-data{padding:.9em}button.technical-fine{margin-top:1.25em;width:7.5em;max-width:calc(100% - 5px)}.ff-block{margin-bottom:1.25em}.round-over{width:19%;display:flex;justify-self:center;align-self:center;position:fixed;justify-content:center;top:166px}.panel{position:fixed;height:calc(100% - 220px)}.panel.player1{left:env(safe-area-inset-right,0)}.panel.player2{right:env(safe-area-inset-right,0)}.round-stats>div,.round-stats>span{font-size:16px}.player-scores{justify-content:center;align-items:center;font-size:10px}.player-scores>.names{margin:0}.player-scores>.scores{margin:0 10px}}@media screen and (max-height:500px){.judge.game-stop button.disabled{display:none}.judge.game-stop button.start,button{padding:.5em}button.beat{min-height:2.5em}button.technical-fine{min-height:2em}button.start{padding:.25em}button.start.update-data{padding:.9em}button.technical-fine{margin-top:1.25em;width:7.5em}.ff-block{margin-bottom:1.25em}.ff-block>button.error{max-height:2em}.round-over{width:19%;display:flex;justify-self:center;align-self:center;position:fixed;justify-content:center;top:166px}.panel{position:fixed;height:calc(100% - 200px)}.round-stats>div,.round-stats>span{font-size:16px}.round-stats>span{margin:.7em}.player-scores{flex-direction:column;justify-content:center;align-items:center;font-size:10px}.player-scores>.names{margin:0}.player-scores>.scores{margin:0 10px}.buttons{width:75%}.panel.player2{align-items:flex-end}}@media screen and (max-height:450px){button.technical-fine{margin-top:1.25em}}@media screen and (max-height:400px){.panel{position:fixed;height:calc(100% - 170px)}.player-scores{font-size:8px;top:35px}.timer{font-size:1em}button{padding:.8em;min-height:2em;font-size:10px}}@media screen and (max-width:950px)and (max-height:450px){button.technical-fine.error{min-width:50px}}:root{--color-primary: #ff5a5f;--color-primary-dark: #cc484d;--color-secondary: #008489;--color-accent: #00a699;--color-dark: #222222;--color-gray-darker: #484848;--color-gray-dark: #767676;--color-gray: #a8a8a8;--color-gray-light: #d8d8d8;--color-gray-lighter: #f2f2f2;--color-white: #ffffff;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-xxxl: 64px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 24px;--font-size-xl: 32px;--font-size-xxl: 40px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--z-index-low: 10;--z-index-medium: 100;--z-index-high: 1000;--z-index-modal: 2000;--max-width-page-content: 600px;--max-width-card: 600px}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--color-dark);line-height:var(--line-height-normal);font-size:var(--font-size-base);background-color:var(--color-gray-lighter)}h1,h2,h3,h4,h5,h6{color:var(--color-dark);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app_container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.app_button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:500;text-transform:capitalize;cursor:pointer;transition:all .2s ease-in-out}.app_button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.app_button--secondary{background-color:var(--color-gray-light);color:var(--color-dark);border-color:var(--color-gray-light)}.app_button--secondary:hover{background-color:var(--color-gray);border-color:var(--color-gray);color:var(--color-white)}.app_button--small{padding:var(--space-xxs) var(--space-xs);font-size:var(--font-size-sm)}.test-block{margin:16px;border:1px solid grey}