body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#faf8ef;color:#776e65}main,footer,article{width:30vw;margin:0 auto;min-width:480px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.heading h1{font-size:5rem;font-weight:700;margin:0;line-height:1}.container{display:flex;justify-content:space-between}.small-container{display:flex;flex-direction:column;justify-content:center;padding:10px;background-color:#bbada0;color:#fff;border-radius:5px;margin-left:10px}.small-container b{text-align:center}.container button{width:20%;min-width:120px;outline:none;background-color:#8f7a66;color:#f9f6f2;border:none;border-radius:5px;padding:10px;font-size:1rem;font-weight:500}#quick-info p{margin:0}section{position:relative;width:30vw;height:30vw;min-width:480px;min-height:480px;background-color:#bbada0;border-radius:5px;font-size:2rem;margin-top:25px;touch-action:none}section span,section div{position:absolute;width:20%;height:20%;min-width:96px;min-height:96px;border-radius:5px}section span{background-color:#eee4da59}section div{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;transform:scale(.6);visibility:hidden;animation-duration:.2s;animation-name:popup;animation-timing-function:ease-in-out;animation-fill-mode:forwards;transition-property:left,top;transition-duration:.2s;font-size:3rem;font-weight:700}@keyframes popup{0%{visibility:visible}to{transform:scale(1);visibility:visible}}#game-over-cover{position:absolute;display:none;top:0;left:0;width:100%;height:100%;font-size:1.5rem;font-weight:700;text-align:center;z-index:1;background-color:#fff6;animation:unset;opacity:0;transform:unset;visibility:unset}#game-over-cover button{width:15%;margin:0 auto;min-width:120px;outline:none;background-color:#8f7a66;color:#f9f6f2;border:none;border-radius:5px;padding:10px;font-size:1.2rem;font-weight:500}#game-over-cover.show{display:flex;flex-direction:column;align-content:center;flex-wrap:nowrap;transition-property:opacity;transition-delay:.3s;transition-duration:.5s;opacity:1}.color-2{background-color:#eee4da}.color-4{background-color:#ede0c8}.color-8{background-color:#f2b179;color:#f9f6f2}.color-16{background-color:#f59563;color:#f9f6f2}.color-32{background-color:#ff7c55;color:#f9f6f2}.color-64{background-color:#ff6565;color:#f9f6f2}.color-128{background-color:#edcf72;color:#f9f6f2;font-size:2.5rem}.color-256{background-color:#efcc00;color:#f9f6f2;font-size:2.5rem}.color-512{background-color:#fca924;color:#f9f6f2;font-size:2.5rem}.color-1024{background-color:#eaaa24;color:#f9f6f2;font-size:2rem}.color-2048{background-color:#ffca53;color:#f9f6f2;font-size:2rem}#btn-group{width:100%;position:absolute;top:28vw}.vert-1{left:4%}.vert-2{left:28%}.vert-3{left:52%}.vert-4{left:76%}.horz-1{top:4%}.horz-2{top:28%}.horz-3{top:52%}.horz-4{top:76%}footer a{margin-left:1.5rem}a{font-weight:700;color:#776e65}@media screen and (max-width: 500px){main,footer,article{width:90vw;min-width:unset;margin:0 auto}.heading h1{font-size:2.5rem;font-weight:700;margin:0;line-height:1}#quick-info p{max-width:80%}section{width:90vw;height:90vw;min-width:unset;min-height:unset}section span,section div{min-width:unset;min-height:unset;font-size:2rem}.color-128,.color-256,.color-512,.color-1024,.color-2048{font-size:1.6rem}}