:root{--size:25px;--width:30;--height:30}#canvas{display:block;position:absolute;width:calc(var(--size)*var(--width));height:calc(var(--size)*var(--height));margin:auto;padding-left:0;padding-right:0;inset:0}body{color:#969696;user-select:none;background-color:#011638;font-family:sans-serif}div{display:flex;display:block;gap:20px;margin-top:10px}label{margin-left:20px;margin-right:8px}input{color:#969696;background-color:#232323;border:none;border-radius:4px;width:50px}button{outline:none;background-color:#969696;border:none;margin-left:20px}input:focus{outline:1px solid #969696}.score-board{color:#fff;margin-bottom:15px;font-size:3rem;font-weight:700}