:root{--grid-spacing: 1vh;--value-font-size: 10vh;--light-text-color: #F9F6F2;--dark-text-color: #776E65}@media screen and (orientation: portrait){:root{--grid-spacing: 1vw;--value-font-size: 10vw}}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed}body{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#faf8ef;color:var(--light-text-color);font-size:var(--value-font-size);font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;font-weight:bold}@media screen and (orientation: portrait){body{flex-direction:column}}.button{border:0;border-radius:var(--grid-spacing);background-color:#8f7a66;font-size:calc(var(--value-font-size) / 1.5);color:var(--light-text-color);display:block;text-decoration:none;padding:calc(var(--grid-spacing) * 2) calc(var(--grid-spacing) * 4);margin:calc(var(--grid-spacing) * 4)}.grid{display:grid;grid-template-columns:repeat(4, 1fr);width:90vmin;height:90vmin;background-color:#bbada0;padding:var(--grid-spacing);border-radius:var(--grid-spacing)}.cell{position:relative;margin:var(--grid-spacing);background-color:#cdc1b4;border-radius:var(--grid-spacing)}.fill{position:absolute;height:100%;width:100%;display:flex;border-radius:var(--grid-spacing);background-color:#3c3a32;z-index:20;transition:all 100ms ease-in-out;transition-property:top,left}.spawn{animation:spawn 200ms ease}.merge{animation:merge 200ms ease 100ms}@keyframes spawn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes merge{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.value-2{background-color:#eee4da;color:var(--dark-text-color)}.value-4{background-color:#eee4da;color:var(--dark-text-color)}.value-8{background-color:#f2b179}.value-16{background-color:#f59563}.value-32{background-color:#f67c5f}.value-64{background-color:#f65e3b}.value-128{background-color:#edcf72}.value-256{background-color:#edcc61}.value-512{background-color:#edc850}.value-1024{background-color:#edc53f;font-size:calc(var(--value-font-size) * 0.8)}.value-2048{background-color:#edc22e;font-size:calc(var(--value-font-size) * 0.8)}.value{align-self:center;text-align:center;width:100%}