*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{font-size:16px}body,html{background:#faf8ef;color:#776e65;margin:0}h1{font-size:4rem;margin:0}button{background:#8f7a66;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:10px 20px;transition:var(--animation-duration) ease-in-out all}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):hover{opacity:.8}.page{margin:0 auto;max-width:600px;padding:0 20px}.header,.page{font-size:1.1rem}.header{padding:2rem 0}.header-row{-ms-flex-align:center;-ms-flex-pack:justify;align-items:center;display:-ms-flexbox;display:flex;justify-content:space-between}.header-row button{margin-left:5px}.header-buttons{min-width:-webkit-max-content;min-width:max-content}.header-scores{display:-ms-flexbox;display:flex}.header-scores-score{background:#bbada0;border-radius:6px;font-weight:700;margin-left:5px;padding:1px 25px;position:relative;text-align:center}.header-scores-score div:first-child{color:#eee4da;font-size:.8rem;margin-top:5px;text-transform:uppercase}.header-scores-score div:nth-child(2){color:#fff;font-size:1.6rem;margin-top:-5px}.header-scores-score-increase{-webkit-animation:score-increase .3s ease-in-out;animation:score-increase .3s ease-in-out;bottom:0;font-size:1.6rem;left:0;opacity:0;position:absolute;right:0;text-align:center}.info{color:#776e65;font-weight:500;line-height:1.65}.info a{color:#776e65;font-weight:700}.size-picker{display:-ms-flexbox;display:flex;margin:0 -5px}.size-picker button{-ms-flex:1;flex:1;margin:0 5px}.board{grid-gap:var(--grid-gap);background:#bbada0;border-radius:6px;display:grid;grid-template-columns:repeat(var(--board-size),1fr);padding:var(--grid-gap);position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.board-tile{background:#cdc1b4;font-size:1.6rem;padding-bottom:100%;position:relative}.board-tile,.board-tile-value{border-radius:3px;line-height:0}.board-tile-value{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background:#3c3a32;bottom:0;color:#f9f6f2;display:-ms-flexbox;display:flex;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:9}.board-tile-new{-webkit-animation:tile-new var(--animation-duration) ease-in-out;animation:tile-new var(--animation-duration) ease-in-out}.board-tile-merge{-webkit-animation:tile-merge var(--animation-duration) ease-in-out;animation:tile-merge var(--animation-duration) ease-in-out}.board-tile-2{background:#eee4da}.board-tile-2,.board-tile-4{color:#776e65;font-size:1.7em}.board-tile-4{background:#ede0c8}.board-tile-8{background:#f2b179;font-size:1.7em}.board-tile-16{background:#f59563;font-size:1.7em}.board-tile-32{background:#f67c5f;font-size:1.7em}.board-tile-64{background:#f65e3b;font-size:1.7em}.board-tile-128{background:#edcf72;font-size:1.3em}.board-tile-256{background:#edcc61;font-size:1.3em}.board-tile-512{background:#edc850;font-size:1.3em}.board-tile-1024{background:#edc53f}.board-tile-2048{background:#edc22e}.board.board-5 .board-tile,.board.board-6 .board-tile{font-size:1.1rem}.overlay{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;-webkit-animation:reveal .4s ease-in-out;animation:reveal .4s ease-in-out;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:999}.overlay,.overlay-defeat{background:hsla(30,37%,89%,.73)}.overlay-victory{background:rgba(237,194,46,.5);color:#f9f6f2}.overlay-buttons button{margin:0 5px}.overlay h1{margin-bottom:.5em}@-webkit-keyframes reveal{0%{opacity:0}to{opacity:1}}@keyframes reveal{0%{opacity:0}to{opacity:1}}@-webkit-keyframes tile-new{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tile-new{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes tile-merge{0%{-webkit-transform:scale(.7);transform:scale(.7)}80%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tile-merge{0%{-webkit-transform:scale(.7);transform:scale(.7)}80%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes score-increase{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}}@keyframes score-increase{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-4rem);transform:translateY(-4rem)}}@media screen and (min-width:610px){.board-tile{font-size:2rem}.board.board-5 .board-tile,.board.board-6 .board-tile{font-size:1.5rem}}