.container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: var(--zindex-second);

  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  gap: 2rem;

  overflow: auto;

  .btn_close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    fill: #fff;
    z-index: var(--zindex-second);
  }

  .menu_box {
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(12, 89, 70, .8), rgba(12, 89, 70, 0) 100%);
    gap: 1rem;
    width: 100%;

    align-items: center;

    >span {
      margin-top: 2rem;
      font-size: 1.7rem;
      font-weight: 600;
      width: 100%;
      text-align: center;
    }

    button {
      width: 80%;
      border: .02rem solid #fff;
      border-radius: .4rem;
      height: 3.2rem;

      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1rem;

      >svg {
        width: 1.5rem;
        height: 1.5rem;
      }
    }
  }

  .menu_line {

    height: .08rem;
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .line1 {
      flex: 1;
      height: .04rem;
      background: linear-gradient(90deg, hsla(0, 0%, 77%, 0), #c4c4c4);
    }

    .line2 {
      flex: 1;
      height: .04rem;
      background: linear-gradient(90deg, #c4c4c4, hsla(0, 0%, 77%, 0));
    }

    >span {
      width: 10rem;
    }
  }

  .game_list {
    width: 80%;
    display: flex;
    justify-content: center;
    gap: 1rem;

    .item {
      width: 28%;
      height: auto;

      img {
        border-radius: 0.5rem;
      }
    }
  }
}

.btnBack {
  display: flex;
  position: fixed;
  top: 1rem;
  left: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  z-index: var(--zindex-popup);
  //overflow: hidden;

  >img {
    width: 100%;
    height: 100%;
  }
}