.layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}

.view {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.view.hidden {
  display: none;
}

.role-view {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.world-view,
.save-view {
  width: 840px;
}

.world-view {
  width: calc(100vw - 24px - 160px - 24px);
}

.resonance-view {
  width: calc(100vw - 24px - 160px - 24px);
}

.world-stage {
  position: relative;
  width: 100%;
}