*
{
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,
button,
input,
select,
textarea
{
	color: #222;
}
body
{
	font-family: 'Arial', 'Tahoma';
	font-size: 16px;
	margin: 0;
	padding: 0;
	background: #eee repeat scroll;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
::-moz-selection
{
	background: #b3d4fc;
	text-shadow: none;
}
::selection
{
	background: #b3d4fc;
	text-shadow: none;
}
fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}
textarea
{
	resize: vertical;
}
img
{
	width: 100%;
	height: 100%;
	border: 0;
}
ul
{
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
input:focus,
input:active,
textarea:focus,
textarea:active,
a:focus,
a:active
{
	outline: 0 none;
}
p,
pre,
input,
textarea
{
	margin: 0;
}

.score {
	width: 416px;
	margin: 10% auto 0;
	font-size: 25px;
}

.container
{
	width: 416px;
	height: 416px;
	border: 2px solid #ccc;
	margin: 10px auto 0;
	background: #ccc;
	position: relative;
	padding: 6px;
	border-radius: 4px;
}
.back
{
	float: left;
	width: 92px;
	height: 92px;
	margin: 4px;
	background: #d9d9d9;
	border-radius: 4px;
}

.item
{
	position: absolute;
	width: 92px;
	height: 92px;
	border-radius: 4px;
	color: rgba(0,0,0,.5);
	font-size: 34px;
	text-align: center;
	padding: 28px 0;
	overflow: hidden;
	cursor: default;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;

	animation: trans .2s linear 1;
	-webkit-animation: trans .3s linear 1;
}

@keyframes trans {
	from {
	  transform: scale(1);
	  -o-transform: scale(1);
	  -ms-transform: scale(1);
	  -moz-transform: scale(1);
	}
	to {
	  transform: scale(1.1);
	  -o-transform: scale(1.1);
	  -ms-transform: scale(1.1);
	  -moz-transform: scale(1.1);
	}
}

@-webkit-keyframes trans {
	from {	-webkit-transform: scale(1); }
	to   { -webkit-transform: scale(1.1); }
}

.x0
{
	left: 10px;
}
.x1
{
	left: 110px;
}
.x2
{
	left: 210px;
}
.x3
{
	left: 310px;
}
.y0
{
	top: 10px;
}
.y1
{
	top: 110px;
}
.y2
{
	top: 210px;
}
.y3
{
	top: 310px;
}

.item_2 {
	background: rgba(230,232,22,.75);
}
.item_4 {
	background: rgba(230,182,22,.75);
}
.item_8 {
	background: rgba(230,92,22,.75);
}
.item_16 {
	background: rgba(230,52,22,.75);
}
.item_32 {
	background: rgba(230,2,2,.75);
}
.item_64 {
	background: rgba(100,100,100,.75);
}
.item_128 {
	background: rgba(40,40,40,.75);
}
.item_256 {
	background: rgba(00,00,00,.75);
}
.item_512 {
	background: rgba(49,217,81,.75);
}
.item_1024 {
	background: rgba(13, 167, 42,.75);
}
.item_2048 {
	background: rgba(9, 102, 26, .75);
}