body {
	width: auto;
	height: auto;
}
#gameArea {
    width: 400px;
    height: 500px;
    border: 2px solid #000;
    position: relative;
    overflow: hidden;
	margin:auto;
	touch-action: none;
}

.line {
	position: absolute;
	background: #000;
	transform-origin: 0 50%;
	pointer-events: none; /* Игнорируем события мыши на самой линии */
}

.score {
	text-align:center;
}
.start_game {
	height:100px;
	width:100px;
	border-radius:10px;
	border-color:gray;
	border-width:5px;
	background-color:lightgray;
	font-size:22px;
	color:dimgray;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#PVO {
	height:250px;
	position:relative;
}
#PVO::before {
	content:"";
	width:50px;
	height:3px;
	bottom:50px;
	left:100px;
	position:absolute;
}
#devil {
	height: 100px;
	width: 100px;
	position:relative;
	display:none;
	left:0px;
	background-image: url(image/shaitan.png);
	animation: 3s linear 0s infinite slide-in;
}
#bomb {
	height:50px;
	width:50px;
	position:relative;
	display:none;
	top:0px;
	left:0px;
	background-image: url(image/bomb.png);
	animation: 2s linear 0s alternate bomb;
}


@keyframes slide-in {
	 0% {
      left: 0px;
    }
    100% {
      left: 350px;
    }
  }
@keyframes bomb {
	0% {
      top: 0px;
    }
    100% {
      top: 400px;
    }
  }
#children {
	  height:227px;
	  width:400px;
	  position:absolute;
	  display:none;
	  bottom:0px;
	  background-image: url(image/children.png);
  }
.gameName {
	text-align:center;
}

.snake {
    background: black;
    position: absolute;
}
.snake1 {
	background: gray;
    position: absolute;
	border-radius:5px;
}

.food {
    background-color: red;
    position: absolute;
}

.knopki {
	width:300px;
	height:300px;
	margin:auto;
}
#left{
	position:relative;
	width:70px;
	height:70px;
	top:35px;
	left:45px;
}
#top{
	position:relative;
	width:70px;
	height:70px;
	left:45px;
}
#right {
	position:relative;
	width:70px;
	height:70px;
	top:35px;
	left:45px;
}
#bottom {
	position: relative;
	width:70px;
	height:70px;
	left:-104px;
	top:75px;
}

@media (max-width:500px) {
	body {
		max-width: 100%;
	}
	#gameArea {
    width: 360px;
    height: 450px;
	}
	#children {
		height: 204px;
		width: 360px;
		background-image: url(image/childrenmb.png)
	}
}