.board{
  margin: 0 auto;
  display: grid;
  grid-template-columns: 85% 1fr 10%;
  grid-template-rows: 85% 1fr 10%;
  grid-grap : 1px;
  width: 40vw;
  height: 40vw;
}

.game {
  display: grid;
  width: 100%;
  height: 100%;
  min-width: 200px;
  min-height: 200px;
  overflow: hidden;
  border: 5px solid #6D5720;
  border-radius: 5px;
  box-shadow: 5px 5px #444;
}



.logo{
    z-index :1;
  background-color: #FBDD11;
  background-image: url("https://banano.cc/assets/press-assets/banano-icon.png");
  background-size: 100%;
  background-origin: content-box;
}

.box {
  z-index:2;
  width: 100%;
  height: 100%;
  background: #FBDD11;
  cursor: pointer;
 // background-image: url('http://placehold.it/50x50');
//   background-image: //url('https://img.itch.zone/aW1hZ2UvMjI3MzU5LzEwNzU0NzMucG5n/original/qQcW%2FP.png');
  background-position: left top;
  background-size: calc(2.2vw - 2px);
  box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.05), inset -2px -2px 0 #665235; 
}

.box:hover{
  opacity:0.6;
  //background:#9A0;
  border: 1px none black;
}

.hscore, .vscore, .win {
  display: grid;
  //padding-left: 5px;
  width: 100%;
  height: 100%;
  border: 5px solid #6D5720;
  border-radius: 5px;
  box-shadow: 2px 2px #444;
}
.hscore{
//    grid-template-columns: 20% 20% 20% 20% 20%;
}
.vscore{
    grid-template-rows: 20% 20% 20% 20% 20%;
   //align-items: center;
   justify-items: center;
   // text-align: center;
}
.score-cell{
  width: 100%;
  height: 100%;
  background-color: #DEF;
 // box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.05), inset -2px -2px 0 #665235; 
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border: 1px groove #ABC; 
  font-family: Arial;
  font-weight: bold;
}
.win{  
  background-image: url("https://icon-library.net/images/screenshot-icon/screenshot-icon-13.jpg");
  background-size: cover;
  border: 3px inset #ABC; 
}

.puzzle {
    width: 50%;
    }