.button{color:#fff;font-weight:700;border:none;cursor:pointer;padding:10px 20px;font-size:1.1rem;border-radius:6px;transition:var(--animation-duration) ease-in-out all}.button:disabled{opacity:.5;cursor:not-allowed}.button:not(:disabled):hover{opacity:.8}.page{max-width:600px;margin:0 auto;padding:0 20px;font-size:1.1rem}.header{padding:2rem 0;font-size:1.1rem}.header-row{display:flex;align-items:center;justify-content:space-between}.header-buttons{min-width:-moz-max-content;min-width:max-content}.header-scores{display:flex}.header-scores-score{position:relative}.header-scores-score div:first-child{color:#eee4da;text-transform:uppercase;font-size:.8rem;margin-top:5px}.header-scores-score div:nth-child(2){color:#2a9d8f82;margin-top:-5px;font-size:20px;margin-right:10px}.header-scores-score-increase{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:1.6rem;opacity:0;animation:score-increase .3s ease-in-out}.info{line-height:1.65;color:#776e65;font-weight:500}.info a{color:#776e65;font-weight:700}.size-picker{display:flex;margin:0 -5px}.size-picker button{flex:1;margin:0 5px}.board{position:relative;background:#9b8776;border-radius:11px;display:grid;grid-template-columns:repeat(var(--board-size),1fr);grid-gap:var(--grid-gap);padding:var(--grid-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}@media (max-width: 576px){.board{grid-gap:6px;padding:6px}}.board-tile{position:relative;border-radius:10px;padding-bottom:100%;background:#bdac97;line-height:0;font-size:1.6rem}@media (max-width: 576px){.board-tile{font-size:1rem!important}}.board-tile-value{background:#3c3a32;color:#f9f6f2;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:0;border-radius:10px;z-index:9}.board-tile-new{animation:tile-merge .1s ease-out forwards;transform-origin:center}.board-tile-merge{animation:tile-merge .12s forwards;transform-origin:center}.board-tile-2{background:#eee4da;color:#756452;font-size:1.5em}.board-tile-4{background:#ebd8b6;color:#756452;font-size:1.5em}.board-tile-8{background:#f1ad71;font-size:1.5em}.board-tile-16{background:#f58d58;font-size:1.5em}.board-tile-32{background:#f57657;font-size:1.5em}.board-tile-64{background:#f55934;font-size:1.5em}.board-tile-128{background:#f2ce52;font-size:1.3em}.board-tile-256{background:#f4cc47;font-size:1.3em}.board-tile-512{background:#f7c939;font-size:1.3em}.board-tile-1024{background:linear-gradient(to bottom,#ffe65c,#f7c939)}.board-tile-2048{background:linear-gradient(to bottom,#ffe65c,#ffb800)}.board-tile-4096{background:#362e28}.board.board-5 .board-tile,.board.board-6 .board-tile{font-size:1.1rem}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:reveal .4s ease-in-out}.overlay-buttons button{margin:0 5px}.overlay h1{margin-bottom:.5em}@keyframes reveal{0%{opacity:0}to{opacity:1}}@keyframes tile-new{0%{transform:scale(.95);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes tile-merge{0%{transform:scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes score-increase{0%{opacity:1;transform:translateY(0)}to{opacity:0;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}}