.GameModal {
  .modal-dialog {
    justify-content: center;

    max-width: 80%;
    height: 100%;
    margin: 0;
    border: none;

    background-color: transparent;
    box-shadow: none;
  }

  .modal-header {
    display: none;
  }

  .modal-content {
    overflow: hidden;
  }

  .game-frame {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: var(--border-radius-modal);
  }

  @media (max-width: 600px) {
    .modal-dialog {
      max-width: 100% !important;
      border-radius: 0;
      background-color: var(--color-background);
    }

    .modal-header {
      display: flex;
      padding: 0.5rem;
    }

    .modal-content {
      max-height: none;
      padding: 0;
    }

    .game-frame {
      border-radius: 0;
    }
  }
}
