body{
	text-align: left;
	font-size: 19px;
	font-family: cursive, arial;
	color: #fff;
	letter-spacing: 1px;
	line-height: 27px;
	margin:0;
	user-select: none;
	background: green;
}

#container{
    text-align:center;
	width: 100vw;
	height: 100vh;
}

#gameArea{
	position: relative;
	top: calc(50% - 348px);
	width: 728px;
	height: 600px;
	margin: auto;
	border: 10px solid;
	border-radius: 25px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	text-align: left;
	padding: 5px;
	background: darkred;
}

#gameAreaSpan{
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.divider{
	height: 155px;
}

.cardBlock, .blankBlock, .cardBlockNewClick, .cardBlockFlip{
	display: inline-block;
	position: relative;
	width: 92px;
	height: 127px;
	border: 1px solid;
	margin: 10px 5px;
}

.cardBlockNewClick{
	cursor: pointer !important;
}

.cardBlockFlip{
	width: 94px;
	height: 129px;
	border: none;
}

.blankBlock{
	width: 94px;
	height: 129px;
	border: none;
}

#scoreArea{
	border: 10px solid;
    width: 738px;
    position: absolute;
    margin: auto;
    top: calc(50% + 241px);
    left: calc(50% - 379px);
    border-top: 0;
    height: 96px;
}

.scoreBlock{
	display: inline-block;
	position: relative;
	top: 40px;
	width: 50%;
	height: 56px;
	background-color: #000;
}

.scoreValue{
	display: block;
	position: relative;
	top: 11px;
	font-size: 26px;
}

.card{
	top: -10px;
	left: -11px;
	cursor: pointer;
	border:1px solid #000;
	transition:1s;
	z-index: 2;
}

.cardVis{
	z-index: 0 !important;
}

#cardBlock_1{
	left: 434px;
	top: 23px;
}

#cardBlock_1 .cardVis, #cardBlock_11 .cardVis, #cardBlock_12 .cardVis{
	top: 17px;
}

#cardBlock_2 .cardVis, #cardBlock_3 .cardVis, #cardBlock_4 .cardVis{
	left: 12px;
}

#cardBlock_5 .cardVis, #cardBlock_6 .cardVis, #cardBlock_7 .cardVis, #cardBlock_13 .cardVis{
	top: -31px;
}

#cardBlock_8 .cardVis, #cardBlock_9 .cardVis, #cardBlock_10 .cardVis{
	left: -33px;
}

#cardBlock_2{
	left: 451px;
	top: 66px;
}

#cardBlock_3{
    left: 390px;
    top: 225px;
}

#cardBlock_4{
	left: 249px;
	top: 383px;
}

#cardBlock_5{
	left: 24px;
	top: 427px;
}

#cardBlock_6{
	right: 204px;
	top: 457px;
}

#cardBlock_7{
	right: 432px;
	top: 430px;
}

#cardBlock_8{
	left: 67px;
	top: 225px;
}

#cardBlock_9{
	right: 77px;
	top: 70px;
}

#cardBlock_10{
	right: 145px;
	bottom: 84px;
}

#cardBlock_11{
	right: 124px;
	bottom: 134px;
}

#cardBlock_12{
	right: 103px;
	bottom: 159px;
}

#cardBlock_13{
	right: 206px;
	top: 68px;
}

.ace .card{
	top: -10px;
}

.newClick{
	cursor: pointer;
}

.ncbSpan, .ncbSpanClose{
	position: absolute;
	font-size: 124px;
	top: 44px;
	left: 8px;
}

.ncbSpanClose{
	font-size: 100px;
}

#shadowBack{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0, 0, 0, 50%);
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	opacity: 0;
	transition:.5s;
}

#model{
	position: absolute;
	width: 325px;
	background: #000;
	padding: 18px;
	margin: auto;
	left: calc(50% - 180px);
	top: calc(50% - 100px);
	border: 7px solid red;
	border-radius: 10px;
	text-align: center;
}

#modelSpan{
	display: block;
	font-size: 23px;
	letter-spacing: 2px;
}

#modelBtn{
	cursor: pointer;
	background: green;
	padding: 5px;
	margin-top: 19px;
	display: block;
	transition:.5s;
}

#modelBtn:hover{
	background: darkgreen;
}

#modelScoreBlock{
	margin-top:10px;
}

.scoreSpan{
	display: block;
}