絶対配置されません。スコアー表示部分が上に上がりません。

#result {
  position: absolute;
  width: 300px;
  background: #fff;
  padding: 30px;
  box-shadow: 0 4px 10px rgba(3, 3, 3, 0.3)
  top: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

topプロパティが赤文字になります。top, left, right, margin, },の後のコロンに赤の下線がつきます。

ちなみに.containerにはposition: relative;としているのですが...。