html,body{height:100%;max-height:100%;margin:0;padding:0}.level-select-header{font-size:x-large;text-align:center}.level-select-header h1{margin-top:10px;margin-bottom:10px}.level-select-list{width:500px;min-height:300px;min-width:300px;margin-left:30px;max-height:100%;height:auto;display:flex;align-items:center;flex-direction:column;flex-shrink:1;flex-basis:auto;overflow-y:auto}.level-select-container{display:flex;flex-direction:column;height:100%}.username-input{width:200px;text-align:center}#username-container{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:.75em;margin:0;width:300px;position:absolute;right:15px;top:10px}#username-container p{margin-bottom:10px}.level-select-list>button{font-size:large;padding:10px 20px;min-width:350px;max-width:480px;margin:2px;border-radius:5px;text-align:left;background-color:#96bfe6;color:#1b3644;border:none}.level-select-list>button:focus{background-color:#84add4}.level-select-list>button:hover{background-color:#6ea900}.level-select-list>button:active{background-color:#f5f5b8}.level-select-list>button>.solvedIndicator{display:inline-block;width:90px;margin-right:10px}.level-select-controls{width:100%;text-align:center;margin-top:25px;margin-bottom:25px}.level-select-footer{bottom:0;width:100%;text-align:center;margin-top:50px}.level-select-upload{text-align:center;margin-bottom:20px}.level-select-levels-container{display:flex;position:absolute;top:120px;max-height:100%;justify-content:center;align-items:start;flex-direction:row;align-content:center;width:auto;height:auto;bottom:0;left:0%;right:0%}.level-select-level-scores{display:flex;align-items:left;flex-direction:column;width:280px;height:280px;margin:10px;border-style:solid;border-width:10px;border-color:#96bfe6;background-color:#84add4;color:#1b3644;padding:10px;border-radius:5px}.level-select-level-preview{width:300px;height:300px;background-color:#84add4;border-style:solid;border-width:10px;border-color:#96bfe6;border-radius:5px}.level-select-level-preview canvas{margin:0 auto}.level-select-level-panel{display:flex;justify-content:center;align-items:center;flex-direction:column;height:auto;margin-right:30px}.level-select-level-preview-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.level-select-level-name{font-size:2.5em}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple{display:inline-block;position:relative;left:100px;top:100px;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid currentColor;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:8px;height:8px;opacity:0}4.9%{top:36px;left:36px;width:8px;height:8px;opacity:0}5%{top:36px;left:36px;width:8px;height:8px;opacity:1}to{top:0;left:0;width:80px;height:80px;opacity:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#f5f5b8;background-color:#1b3644;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#6ea900;text-decoration:inherit}a:hover{color:#6ea900}body{margin:0;display:block;place-items:center;min-width:320px}h1{font-size:3.2em;line-height:1.1;font-style:italic}#app{width:100%;height:100%;margin:0 auto}.move-counter{font-size:3em;font-weight:500;color:#6ea900;position:absolute;left:20px;top:20px}.splits{font-size:1.5em;font-weight:500;color:#96bfe6;position:absolute;left:20px;top:80px}#win-container{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;place-content:center}#win-screen{top:0;left:0;width:400px;height:350px;display:grid;place-items:center;background-color:#1b364499;z-index:100;color:#f5f5b8;font-weight:500}#win-track-name{font-size:1.5em;margin-top:20px;margin-bottom:0}#win-score{font-size:2em;margin-top:0;margin-bottom:0}#win-new-pb{font-size:1.5em;margin-bottom:0;margin-top:0;font-style:italic}#win-delta{margin-top:0;margin-bottom:0}#win-pb{margin-bottom:20px}#win-screen button{margin-bottom:20px;padding:10px 20px;font-size:1.2em;font-weight:500;background-color:#96bfe6;color:#1b3644;border:none;border-radius:5px}#win-screen button:hover{background-color:#6ea900}#win-screen button:active{background-color:#f5f5b8}#win-screen button:focus{background-color:#84add4}