@font-face{font-family:"Montserrat";font-weight:800;font-style:normal;src:local("Montserrat ExtraBold"),url("Montserrat-ExtraBold.otf") format("opentype")}body{margin:0;background:#000;font-family:"Montserrat",sans-serif;font-weight:800;height:100vh;display:flex;flex-direction:column}input,button{font:inherit;margin:0;padding:0;border:none;min-width:0;outline:0}::selection{background-color:#fff;color:#000}.scoreboard{background-color:#000;flex-grow:1;white-space:nowrap;display:grid;grid-template:5rem 1fr 5rem 3.5rem/1fr 5rem 1fr}.scoreboard .name-label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#000;font-size:2rem;grid-column:span 2;border-radius:0 3rem}.scoreboard .name-label.red{background-color:#f05}.scoreboard .name-label.blue{background-color:#05f}.scoreboard .name-label:focus{box-shadow:0 0 0 .2rem #fff inset}.scoreboard.editable .name-label{background-image:url("edit.svg");background-repeat:no-repeat;background-size:1.5rem;background-position:center right 2rem}.scoreboard .warning-label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:3rem}.scoreboard .warning-label.red{color:#f05}.scoreboard .warning-label.blue{color:#05f}.scoreboard .score-label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:8rem;font-variant:tabular-nums}.scoreboard .score-label.red{color:#f05}.scoreboard .score-label.blue{color:#05f}.scoreboard .middle{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:4rem;background:linear-gradient(#f05, #05f);margin:.25rem 0;z-index:4}.scoreboard .timer{font-variant:tabular-nums}.scoreboard .history{grid-column:span 3;margin-top:1rem;font-size:1.5rem;display:flex;gap:.5rem;overflow:auto;scrollbar-width:none}.scoreboard .history::-webkit-scrollbar{display:none}.scoreboard .history .entry{background-color:#fff;padding:.2em .5em;border-radius:.5rem}.scoreboard .history .entry.red{background-color:#f05;color:#fff}.scoreboard .history .entry.blue{background-color:#05f;color:#fff}.scoreboard .fancy-animation{font-variant:tabular-nums}.scoreboard .fancy-animation .inner{overflow:hidden}.scoreboard .fancy-animation .inner .letter-old,.scoreboard .fancy-animation .inner .letter-new{display:inline-block;transition:transform .2s}.scoreboard .fancy-animation .inner .letter-old{width:0}.scoreboard .fancy-animation .inner .letter-new{transform:translateY(100%)}.controls{margin-top:1rem;padding:1rem;background-color:#fff;border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.controls button{margin:0;padding:.5em 1em;border:.2rem solid;color:#000;background:none;border-radius:.5rem;box-shadow:0 .25rem;font:inherit;transition:.2s;flex:1 0 0}.controls button.red{color:#f05}.controls button.blue{color:#05f}.controls button:hover{box-shadow:0 .5rem;transform:translateY(-0.25rem)}.controls button:active{box-shadow:0 0;transform:translateY(0.25rem)}.controls button.small{flex-grow:0;min-width:4rem}.controls .row{display:flex;gap:1rem}