@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-stack: "Press Start 2P", Verdana, Geneva, Tahoma, sans-serif;--canvas_width_tablet: 650px;--canvas_height_tablet: 488px;--canvas_width: 800px;--canvas_height: 600px;--header_height: 50px;--beside_canvas: 28vw;--background-color: #00212b;--text-color: white}html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:var(--font-stack);background:url(https://www.transparenttextures.com/patterns/asfalt-light.png);background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column-reverse;align-items:center;justify-content:center}#root{width:100%;height:1200px;font-size:1em;display:flex;flex-direction:column;align-items:center;-ms-overflow-style:none;scrollbar-width:none}#root ul{list-style:none}canvas{margin-top:8px;border:3px solid white;border-radius:20px;width:min(95vw,var(--canvas_width));aspect-ratio:800/600}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media all and (min-width: 682px) and (max-width: 998px){canvas{width:var(--canvas_width_tablet);height:var(--canvas_height_tablet);margin-bottom:0}div.asideGame{width:calc(.8 * var(--canvas_width_tablet))}}@media all and (min-width: 999px){.box-title{color:teal}body{flex-direction:row;justify-content:start}header{height:var(--header_height);display:inherit}canvas{position:absolute;margin-top:1.5em;top:var(--header_height);left:var(--beside_canvas);width:var(--canvas_width);height:var(--canvas_height)}#root{width:var(--beside_canvas);height:fit-content}div.asideGame{width:calc(var(--beside_canvas) - 3vw)}}nav{display:flex;justify-content:space-between;list-style:none;width:100%;height:100%}nav .logo{font-size:2em;line-height:.5em;width:calc(var(--beside_canvas) - 5vw);padding:.5em;text-align:center}nav{font-family:var(--font-stack);display:flex;justify-content:space-between;list-style:none;width:100%;height:100%;margin-bottom:1em}nav li:hover{text-decoration:underline;cursor:pointer}nav .logo{font-size:2em;line-height:.5em;width:calc(var(--beside_canvas) - 5vw);text-align:center}nav .nav-list{width:var(--canvas_width);display:flex;justify-content:space-between;list-style:none}nav .nav-list li:hover{text-decoration:underline;cursor:pointer}nav .login{display:flex;flex-direction:column;justify-content:flex-start;width:calc(var(--beside_canvas) - 6vw);color:teal}nav .login ul{margin:0}@media (max-width: 768px){nav .logo{padding:1em 0;width:100%;font-size:1.5em}}.controls-grid{display:flex;flex-direction:column;gap:.2em;padding:0}.control-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1em;font-size:.8em}.control-key{color:inherit}.control-value{text-align:right}.highscores-grid{display:flex;flex-direction:column;gap:.5em;padding:0}.score-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1em;font-size:.8em}.score-username{color:inherit}.score-value{text-align:right}.options-grid{display:flex;flex-direction:column;gap:.5em;padding:0}.option-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:.5em}.option-label{font-size:.8em}.option-input{display:flex;justify-content:flex-end}.option-select{width:100%;padding:.3em;background-color:transparent;color:inherit;border:1px solid white;border-radius:4px}.option-footer{display:flex;flex-direction:column;align-items:center;gap:1em;margin-top:1em}.divider{color:#fff;opacity:.7}.option-footer button{min-width:100px;padding:.5em 1em;font-size:.8em;border-radius:4px;transition:opacity .2s ease}.option-footer button:disabled{opacity:.6;cursor:not-allowed}.asideGame{width:80vw;height:fit-content;display:flex;flex-direction:column;-ms-overflow-style:none;scrollbar-width:none;margin-top:1em}.asideGame .sidetab{line-height:1.5em;border:3px solid white;border-radius:20px;margin:0 0 1em;padding:1em;display:flex;flex-direction:column;justify-content:space-around}.box-title{color:teal;padding:0;margin:0;text-align:center}.box-title:hover{cursor:pointer}.gameStats .danger{color:red}.open{max-height:300px;transition:max-height .5s ease}.open *{visibility:visible;opacity:1;transition:opacity .5s ease}.closed{max-height:1.5em;overflow:hidden;transition:max-height .5s ease}.closed *{visibility:hidden;opacity:0;transition:opacity .5s ease}.closed>*:first-child{visibility:visible;opacity:1}