body{text-align:center;font-weight:700;font-family:Arial Black}div#title_bar{font-size:48px;margin:20px}div#title_bar span{display:inline-block;border:1px solid #999;border-radius:8px;color:#fff;background-color:#e29c45;font-size:28px;padding:7px 20px 10px;margin-left:120px;cursor:pointer}div#title_bar span:hover{color:#fff;background-color:#b25d25}div#score_bar{margin:5px auto;padding:5px;font-size:20px;color:#333}div#score_bar div{display:inline-block;width:140px}#board{border-collapse:collapse;border:5px solid #333;margin:0 auto}#board td{border:1px dotted #ccc;width:120px;height:120px;font-size:36px}@keyframes to4{0%{background-color:#ffffd0}to{background-color:#faff72}}@keyframes to8{0%{background-color:#faff72}to{background-color:#fff143}}@keyframes to16{0%{background-color:#fff143}to{background-color:#ffa631}}@keyframes to32{0%{background-color:#ffa631}to{background-color:#e9bb1d}}@keyframes to64{0%{background-color:#e9bb1d}to{background-color:#ffc64b}}@keyframes to128{0%{background-color:#ffc64b}to{background-color:#ff8c31}}@keyframes to256{0%{background-color:#ff8c31}to{background-color:#f60}}@keyframes to512{0%{background-color:#f60}to{background-color:#e29c45}}@keyframes to1024{0%{background-color:#e29c45}to{background-color:#b25d25}}@keyframes to2048{0%{background-color:#b25d25}to{background-color:#9c5333}}@keyframes to4096{0%{background-color:#9c5333}to{background-color:#933}}td[data-v="2"]{background-color:#ffffd0}td[data-v="4"]{animation-name:to4;animation-duration:1s;background-color:#faff72}td[data-v="8"]{animation-name:to8;animation-duration:1s;background-color:#fff143}td[data-v="16"]{animation-name:to16;animation-duration:1s;background-color:#ffa631}td[data-v="32"]{animation-name:to32;animation-duration:1s;background-color:#e9bb1d}td[data-v="64"]{animation-name:to64;animation-duration:1s;background-color:#ffc64b}td[data-v="128"]{animation-name:to128;animation-duration:1s;background-color:#ff8c31}td[data-v="256"]{animation-name:to256;animation-duration:1s;background-color:#f60}td[data-v="512"]{animation-name:to512;animation-duration:1s;color:#fff;background-color:#e29c45}td[data-v="1024"]{animation-name:to1024;animation-duration:1s;color:#fff;background-color:#b25d25}td[data-v="2048"]{animation-name:to2048;animation-duration:1s;color:#fff;background-color:#9c5333}td[data-v="4096"]{animation-name:to4096;animation-duration:1s;color:#fff;background-color:#933}@media screen and (max-width: 550px){div#title_bar{font-size:32px}div#title_bar span{border-radius:6px;font-size:20px;margin-left:40px}div#score_bar{margin:5px auto;padding:5px;font-size:16px;color:#333}div#score_bar div{display:inline-block;width:80px}#board{border-collapse:collapse;border:5px solid #333;margin:0 auto}#board td{border:1px dotted #ccc;width:85px;height:85px;font-size:24px}}