body.zmachine-native-active .frame {
  box-shadow:
    0 0 0 1px rgba(194, 74, 58, 0.22),
    0 0 42px rgba(194, 74, 58, 0.12);
}

body.zmachine-native-active .titlebar .title {
  color: var(--rust, #c24a3a);
  letter-spacing: 0.055em;
}

body.zmachine-native-active .statusbar {
  border-color: var(--rust2, #8e2b24);
}

body.zmachine-native-active .screen {
  scroll-behavior: smooth;
  background:
    linear-gradient(rgba(194, 74, 58, 0.018), rgba(194, 74, 58, 0.018)),
    var(--panel, #070202);
}

body.zmachine-native-active .inputbar {
  min-width: 0;
  border-top-color: var(--rust2, #8e2b24);
}

body.zmachine-native-active .prompt {
  min-width: 0;
  overflow: hidden;
  color: var(--bile, #b7c46b);
  text-overflow: ellipsis;
}

body.zmachine-native-active .cmd {
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  max-width: 100%;
  color: var(--fg, #eadfd8);
  caret-color: var(--bile, #b7c46b);
}

body.zmachine-native-active .cursor {
  flex: 0 0 auto;
}

.zmachine-output,
.zmachine-system {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  tab-size: 4;
}

.zmachine-output {
  line-height: 1.44;
}

.zmachine-output.zmachine-input {
  color: var(--bile, #b7c46b);
  font-weight: 600;
}

.zmachine-system {
  opacity: 0.86;
}

body.terminal-possessed .cursor {
  color: var(--bile, #b7c46b);
  text-shadow: 0 0 10px currentColor;
}

@media (max-width: 640px) {
  body.zmachine-native-active .titlebar .title {
    max-width: calc(100vw - 84px);
    overflow: hidden;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.zmachine-native-active .statusbar {
    font-size: 0.66rem;
  }

  body.zmachine-native-active .screen {
    padding-bottom: 18px;
  }

  body.zmachine-native-active .inputbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "prompt prompt"
      "input cursor";
    gap: 6px 8px;
  }

  body.zmachine-native-active .prompt {
    grid-area: prompt;
    max-width: 100%;
  }

  body.zmachine-native-active .cmd {
    grid-area: input;
    width: 100%;
  }

  body.zmachine-native-active .cursor {
    grid-area: cursor;
    align-self: center;
  }

  .zmachine-output {
    line-height: 1.38;
  }
}