.game-panel {
  background-color: #4988C4;
  padding: 16px;
  flex-grow: 1;
  display: flex;
  min-width: 0;
  min-height: 0;
}

.tilemap {
  background-color: #1C4D8D;
  display: flex;
  flex-direction: column;
  margin: auto;
  min-height: 0;
  min-width: 0;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tilemap-row {
  display: flex;
  flex-direction: row;
  width: fit-content;
}

.tile {
  width: min(6vw, 6vh);
  height: min(6vw, 6vh);
  font-size: min(3vw, 3vh);
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  display: flex;
  user-select: none;
}
.tile.flipped {
  background-color: #60c0e8;
}
.tile.flipped.bomb {
  background-color: #ee724c;
}
.tile img {
  width: inherit;
  height: inherit;
}

.dashboard {
  display: flex;
  flex-direction: row;
  padding: 20px;
  background-color: #1C4D8D;
  color: whitesmoke;
  justify-content: center;
}
.dashboard > * {
  margin: 0 auto;
}
.dashboard .home-btn {
  display: block;
}
.dashboard .difficulty-select {
  border: none;
  border-radius: 0.25rem;
  font-size: 1rem;
  color: white;
  text-align: center;
  align-self: center;
  padding: 0.5rem;
  background-color: #1C4D8D;
}
.dashboard .counter {
  padding: 1rem;
  background-color: #4988C4;
  min-width: 2vw;
  display: flex;
}
.dashboard .counter > * {
  margin: auto;
}
.dashboard .new-game-btn {
  display: flex;
  background-color: #4988C4;
  padding: 1rem;
  cursor: pointer;
  user-select: none;
}
.dashboard .new-game-btn span {
  margin: auto;
}

.game-wrapper {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 100%;
  height: 100%;
}

.home-btn * {
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.home-btn .selected {
  opacity: 0;
}
.home-btn #decor-layer {
  transform-box: fill-box;
  transform-origin: center;
}

.home-btn:hover .selected {
  opacity: 1;
}
.home-btn:hover #decor-layer {
  transform: scale(1.1);
}

/*# sourceMappingURL=style.css.map */