section {
  width: 100%;
  height: 100%;
  min-block-size: 100dvh;
}

/*dialog {
  color: #000;
  background-color: #fff;
  border: #000;
}*/

section {
  display: grid;
  place-items: center;
}

hgroup {
 text-align: center;
}

p {
  text-align: center;
}

form {
  display: grid;
  justify-items: center;
  margin-block: 80px;
  row-gap: 20px;
}

.nickname-input {
  display: grid;
  justify-items: center;
  row-gap: 10px;
}

.game-container {
  background: #000;
  color: #fff;
  max-inline-size: 600px;
  width: 100%;
  height: 100%;
  padding: 20px;
  margin-block-end: 40px;
}

.player-state {
  text-align: center;
  margin-block-end: 80px;
}

.dialog-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

#dialog-10 {
  text-align: center;
}

#share-on-x {
  margin-block-start: 1rem;
  padding: 0.6rem 1rem;
  color: #fff;
  background: #000;
  border-radius: 999px;
  cursor: pointer;
}

.button-trap {
  color: #000;
  background-color: #eee;
  border: 2px solid #757575;
  & > * {
    border: none;
  }
  & .button-transparent {
    opacity: 0.01;
  }
}