/* Block: status — one party member's sprite, class, level, EXP, EXP to next level and wins; used with the screen block */

/* Wide enough for the longest Japanese row: しょくぎょう まほうつかい */
.status__window {
  top: 24px;
  right: 32px;
  left: 32px;
}

/* "1/2": which member is shown */
.status__page {
  position: absolute;
  top: 6px;
  right: 8px;
  color: var(--color-light-gray);
}

.status__sprite {
  display: flex;
  justify-content: center;
  margin-bottom: 4px;
}

.status__name {
  margin-bottom: 4px;
  overflow-wrap: anywhere;
  color: var(--color-yellow);
  text-align: center;
}

.status__row {
  display: flex;
  justify-content: space-between;
}

.status__hint {
  margin-top: 4px;
  color: var(--color-gray);
  text-align: center;
}

.status__hint--hidden {
  display: none;
}

/* Tappable on phones, where there is no Esc key */
.status__back {
  margin-top: 4px;
  color: var(--color-gray);
  text-align: center;
  cursor: pointer;
}