body{overflow:hidden}.leaderboard{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;overflow:hidden;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;color:#000;background-color:#f5f5b8e6;border:6px solid rgb(0,138,161);border-radius:6px;padding:10px;box-shadow:#000 0 0 2px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),height .25s ease-in}.leaderboard-title{margin:0;font-style:italic;font-size:24px}.close-button{margin-left:10px;width:25px;height:25px;display:flex;justify-content:center;align-items:center;align-content:center;text-align:center}.title-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px}.date-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:10px}.date-menu>button{margin-left:5px;margin-right:5px;width:25px;height:25px}.date-menu>h2{margin:0;font-size:20px}.scores-container{display:flex;flex-direction:column;align-items:center;width:350px;height:300px;margin-top:10px;padding:20px}.score-entry{display:flex;flex-direction:row;justify-content:center;align-items:center;vertical-align:middle;margin-top:5px;width:100%;font-style:italic;opacity:1;animation:fade-in .5s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.score-entry.first{font-weight:700;font-size:20px}.score-name{width:100%;text-align:left;font-size:20px}.score-value{width:40px;text-align:right;font-size:20px}.reset-trails-button{margin:10px;width:160px;height:36px;font-family:Verdana,Geneva,Tahoma,sans-serif}.submit-container{display:flex;flex-direction:row;align-items:center;margin-top:0;height:36px;width:350px;padding-left:20px;padding-right:20px}.name-input{flex-grow:1;min-width:0;height:25px;padding:5px;border-radius:5px;border:1px solid rgb(0,138,161);font-family:Verdana,Geneva,Tahoma,sans-serif}.current-score{flex-shrink:0;flex-grow:0;margin-left:15px;margin-right:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px;font-style:italic}.submit-button,.auto-submit-checkbox,.auto-submit-label{flex-shrink:0;flex-grow:0}.submit-button-container{display:flex;justify-content:center;align-items:center;min-width:100px;flex-basis:100px}.submit-button{height:35px;width:100px;font-family:Verdana,Geneva,Tahoma,sans-serif}.auto-submit-checkbox,.trail-toggle{cursor:pointer}.auto-submit-checkbox{accent-color:rgb(0,138,161);width:30px;height:30px;margin-right:5px}.trail-toggle{width:25px;height:25px;margin:0 10px 0 0;background-color:transparent;padding:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,opacity .2s ease;flex-shrink:0;border:1px solid rgb(0,138,161);border-radius:4px}.trail-icon{background-image:url(../trail-icon.png);background-size:20px 20px;background-position:center;background-repeat:no-repeat;opacity:.3}.trail-toggle.active{border:2px solid rgb(0,138,161);opacity:1}.auto-submit-label{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:14px;margin-left:5px;width:70px;min-width:70px}.closed{transform:translate(-50%,38vh);height:30px}.hidden{transform:translate(-50%,60vh);transition:transform .3s ease-in}.play-again-button{font-family:Verdana,Geneva,Tahoma,sans-serif;width:350px;height:35px;margin:10px 20px}button{cursor:pointer;background-color:#008aa1;color:#fff;border:none;border-radius:5px;padding:5px}button:active,button:focus{background-color:#008aa1}.trail-toggle:active,.trail-toggle:focus{background-color:#f5f5b8}@media (hover: hover){button:hover{background-color:#ff3319}.trail-toggle:hover{background-color:#f5f5b8}.trail-toggle:hover:not(.active){border:2px solid rgb(0,138,161)}}button:disabled{background-color:#f5f5b8;cursor:default}.name-input:disabled{background-color:#f5f5b8;border:none;cursor:default}.name-input:focus-visible{outline:2px solid rgb(0,138,161)}@media (hover: hover){.auto-submit-checkbox:checked:hover{accent-color:rgb(255,51,25)}.trail-toggle:hover{border-color:#008aa1}.trail-toggle.active:hover{border-width:3px}}@media (max-width: 450px){.scores-container{width:280px;height:280px}.submit-container,.play-again-button{width:280px}}