.result-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.result-actions button {
  min-width: 0;
  min-height: 48px;
  padding-inline: 12px;
}

.result-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

@media (max-height: 500px) and (min-width: 681px) {
  #result[open] {
    inset: 8px 0 auto;
    margin-inline: auto;
    max-height: 318px;
    padding: 14px 24px;
  }

  #result .result-character {
    width: 72px;
    height: 72px;
    margin-bottom: 2px;
  }

  #result h2 {
    margin: 4px 0;
  }

  #result p {
    margin: 6px 0 10px;
  }
}