#table td {
border: 10px solid #bbada0; width: 116px; height: 128px;
font-size: 50px; font-weight: bold; text-align: center;
}
#score { user-select: none; }
.color-2 { background-color: #eee4da; color: #776e65; }
.color-4 { background-color: #eee1c9; color: #776e65; }
.color-8 { background-color: #f3b27a; color: 'white'; }
.color-16 { background-color: #f69664; color: 'white'; }
.color-32 { background-color: #f77c5f; color: 'white'; }
.color-64 { background-color: #f75f3b; color: 'white'; }
.color-128 { background-color: #edd073; color: #776e65; }
.color-256 { background-color: #edcc62; color: #776e65; }
.color-512 { background-color: #edc950; color: #776e65; }
.color-1024 { background-color: #edc53f; color: #776e65; }
.color-2048 { background-color: #edc22e; color: #776e65; }
</style>
</head>
<body>
<table id="table"></table>
<div id="score">0</div>
<script>
const $table = document.getElementById('table');
const $score = document.getElementById('score');