.gameWrap {
	  	position: relative;
	  	display: flex;
	  	justify-content: center;
	  	flex-direction: column;
	  	width: 100%;
	  	max-width: 600px;
	  	margin: 20px auto;
	  	align-items: center;
	  }

	  .gameArea {
	  	position: relative;
		background-image: url(../images/cauldron-bg.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	  	display: flex;
	  	align-content: center;
	  	align-items: center;
	  	justify-content: center;
	  }

	  .gameArea img {
	  	position: relative;
	  	z-index: 2;
	  	order: 2;
	  }

	  /* .gameArea {
	  	padding: 1.1em;
	  } */

	  canvas {
	  	left: 0;
	  	top: 0;
	  	position: absolute;
	  	width: 100%;
	  	border: 0px solid gray;
	  	padding: 15px;
	  	background: unset !important;
	  }

	  /* canvas {
	  	width: 100%;
	  	clip-path: circle(50% at 50% 50%);
	  	z-index: 5;
	  	order: 1;
	  } */

	  .afterGameMess {
	  	position: absolute;
	  	z-index: 20;
	  }

	  .gamePoints, .gameTimer{
	  	font-size: 24px;
	  	color: #FFF;
	  }


	  .gameHud {
	  	display: flex;
	  	flex-wrap: wrap;
	  	justify-content: space-around;
	  	gap: 10px;
	  	background-color: #000;
	  	border-radius: 10px;
	  	max-width: 600px;
	  	width: 90%;
	  	margin-bottom: 10px;
		padding: 10px;
	  }

	  .gameCover {
	  	display: flex;
	  	z-index: 8;
	  	position: absolute;
	  	/* max-width: 600px;
	      max-height: 600px;
	      width: 100%;
	      height: 100%; */
	  	background: rgba(0, 0, 0, 0.75);
	  	-webkit-backdrop-filter: blur(5px);
	  	backdrop-filter: blur(5px);
	  	width: 100%;
	  	height: 0;
	  	padding: 50% 0;
	  	border-radius: 50%;
	  	justify-content: center;
	  	align-items: center;
	  }