.main-field {
  min-width: 1500px;
}
.scenario3 .game-field:before {
  content: "";
  height: 0;
}
.scenario3 .game-field:after {
  content: "";
  height: 0;
}
.scenario3.game-block {
  /* grid-template-columns: 400px 1fr; */
}
.scenario3 .game-field {
  max-height: 800px;
  /* max-height: 840px; */
  /* max-width: 602px; */
  max-width: 990px;
}
.scenario3 .game-field-item-title {
  font-size: .9em;
}
.scenario3 .game-field-item {
  padding: 10px 10px 10px 10px;
  /* padding: 42px 10px 10px 10px; */
}
.scenario3 .game-field-item.region-3,
.scenario3 .game-field-item.region-4 {
  padding: 10px 10px 10px 10px;
}
.scenario3 .game-field-item > .card-block {
  max-height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  /* grid-template-columns: 200px 200px;
  grid-template-rows: 240px 240px; */
}
.scenario3 .game-field-item-block {
  background-color: var(--grey);
  border: 1px solid var(--white);
}
.scenario3 .region-1 .card-block .game-field-item-block:nth-child(1) {
  background-color: var(--reg01);
}
.scenario3 .region-1 .card-block .game-field-item-block:nth-child(2) {
  background-color: var(--reg02);
}
.scenario3 .region-1 .card-block .game-field-item-block:nth-child(3) {
  background-color: var(--reg03);
}
.scenario3 .region-1 .card-block .game-field-item-block:nth-child(4) {
  background-color: var(--reg04);
}

.scenario3 .region-2 .card-block .game-field-item-block:nth-child(1) {
  background-color: var(--reg05);
}
.scenario3 .region-2 .card-block .game-field-item-block:nth-child(2) {
  background-color: var(--reg06);
}
.scenario3 .region-2 .card-block .game-field-item-block:nth-child(3) {
  background-color: var(--reg07);
}
.scenario3 .region-2 .card-block .game-field-item-block:nth-child(4) {
  background-color: var(--reg08);
}

.scenario3 .region-3 .card-block .game-field-item-block:nth-child(1) {
  background-color: var(--reg09);
}
.scenario3 .region-3 .card-block .game-field-item-block:nth-child(2) {
  background-color: var(--reg10);
}
.scenario3 .region-3 .card-block .game-field-item-block:nth-child(3) {
  background-color: var(--reg11);
}
.scenario3 .region-3 .card-block .game-field-item-block:nth-child(4) {
  background-color: var(--reg12);
}

.scenario3 .region-4 .card-block .game-field-item-block:nth-child(1) {
  background-color: var(--reg13);
}
.scenario3 .region-4 .card-block .game-field-item-block:nth-child(2) {
  background-color: var(--reg14);
}
.scenario3 .region-4 .card-block .game-field-item-block:nth-child(3) {
  background-color: var(--reg15);
}
.scenario3 .region-4 .card-block .game-field-item-block:nth-child(4) {
  background-color: var(--reg16);
}
.scenario3 .game-field-item-block-title {
  text-align: center;
  font-family: 'Montserrat';
  font-size: .7em;
  line-height: 19px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--white);
  width: 100%;
  text-shadow: .5px .5px black;
}
.scenario3 .game-field-item-block .card-block{
  max-height: 165px;
  /* max-height: 175px; */
  /* max-height: 160px; */
}
.scenario3 .game-field .card {
  width: 132px;
  height: 160px;
  left: 1px;
  top: 0;
}
/* .scenario3 .game-field .card .card-front img {
  height: 25%;
  padding-top: 10%;
} */
.scenario3 .card-front > img {
  position: absolute;
  top: 10%;
  right: 15%;
  width: 70%;
  height: auto;
  z-index: 1;
  opacity: .4;
}
.scenario3 .focus .region-1:hover,
.scenario3 .focus .region-2:hover,
.scenario3 .focus .region-3:hover,
.scenario3 .focus .region-4:hover{
  /* z-index: 2; */
  /* outline: thick double #32a1ce; */
  border-color: var(--white);
  cursor: initial;
}
.scenario3 .focus .reg1:hover,
.scenario3 .focus .reg2:hover,
.scenario3 .focus .reg3:hover {
  /* z-index: 2; */
  /* outline: thick double #32a1ce; */
  border-color: red;
  cursor: pointer;
}
.scenario3 .regdef {
  align-items: center;
  display: flex;
}
.scenario3 .regdef h4{
  font-size: 13px;
}
.scenario3 .reg4 h4{
  transform: rotate(-40deg);
}
.scenario3 .reg5 h4{
  transform: rotate(40deg);
}
.scenario3 .reg6 h4{
  transform: rotate(40deg);
}
.scenario3 .reg7 h4{
  transform: rotate(-40deg);
}
.scenario3 .card-front p{
  padding-top: 15%;
  height: 75%;
  font-size: 7cqi;
}
.scenario3 .deck .card .card-front p, .scenario3 .game-field .card .card-front p {
    font-size: 9cqi;
}
.scenario3 .card:hover .card-front p{
  font-size: 11cqi;
  overflow-y: auto;
}
.scenario3 .game-field .card {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.scenario3 .game-field .card:nth-child(2) {
  left: 5px;
  -webkit-animation-name: leftpos5px;
  animation-name: leftpos5px;
}
.scenario3 .game-field .card:nth-child(3) {
  left: 10px;
  -webkit-animation-name: leftpos10px;
  animation-name: leftpos10px;
}
.scenario3 .game-field .card:nth-child(4) {
  left: 15px;
  -webkit-animation-name: leftpos15px;
  animation-name: leftpos15px;
}
.scenario3 .game-field .card:nth-child(5) {
  left: 20px;
  -webkit-animation-name: leftpos20px;
  animation-name: leftpos20px;
}
.scenario3 .game-field .card:nth-child(6) {
  left: 25px;
  -webkit-animation-name: leftpos25px;
  animation-name: leftpos25px;
}
.scenario3 .game-field .card:nth-child(7) {
  left: 30px;
  -webkit-animation-name: leftpos30px;
  animation-name: leftpos30px;
}
.scenario3 .game-field .card:nth-child(8) {
  left: 35px;
  -webkit-animation-name: leftpos35px;
  animation-name: leftpos35px;
}
.scenario3 .game-field .card:nth-child(9) {
  left: 40px;
  -webkit-animation-name: leftpos40px;
  animation-name: leftpos40px;
}
.scenario3 .game-field .card:nth-child(10) {
  left: 45px;
  -webkit-animation-name: leftpos45px;
  animation-name: leftpos45px;
}
.scenario3 .game-field .card:nth-child(11) {
  left: 50px;
  -webkit-animation-name: leftpos50px;
  animation-name: leftpos50px;
}
.scenario3 .game-field .card:nth-child(12) {
  left: 55px;
  -webkit-animation-name: leftpos55px;
  animation-name: leftpos55px;
}
.scenario3 .game-field .card:nth-child(13) {
  left: 60px;
  -webkit-animation-name: leftpos60px;
  animation-name: leftpos60px;
}
.scenario3 .game-field .card:nth-child(14) {
  left: 65px;
  -webkit-animation-name: leftpos65px;
  animation-name: leftpos65px;
}
.scenario3 .game-field .card:nth-child(15) {
  left: 70px;
  -webkit-animation-name: leftpos70px;
  animation-name: leftpos70px;
}
.scenario3 .game-field .card:hover {
  z-index: 1;
}