message: Present character header similarly x-browser
diff: text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 0px 0px 10px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  - margin: 4px 6px 2px 0px;
  + margin: 0 6px;
  .vault & {
  flex-direction: row;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  - line-height: 1.4em;
  }
  .powerLevel {
  .top,
  .bottom {
  - flex: 1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  .top {
  font-size: 20px;
  font-weight: 400;
  - height: 24px;
  @include phone-portrait {
  .maxTotalPower {
  .bottom {
  font-size: 12px;
  color: white;
  - height: 14px;
  @include phone-portrait {
  .vault & {
  display: grid;
  