.move-chain { margin-top: var(--s5); }
.move-chain .step .v { font-variant-numeric: tabular-nums; }
#state h1.answer { display: block; font-size: var(--fs-stamp); line-height: var(--lh-stamp); overflow-wrap: anywhere; }
#state .lead-line { margin-top: var(--s2); }
#state .lead-line:empty { display: none; }

.move-approve { margin-top: var(--s5); }
.move-approve[hidden] { display: none; }
.move-rows li { grid-template-columns: minmax(0, 1fr); }
.move-rows .t { white-space: normal; }
.move-rows .s.mono { color: var(--text); font-size: var(--fs-body); line-height: var(--lh-body); overflow-wrap: anywhere; }
.move-approve .check-line { align-items: flex-start; }
.move-approve .check-line input { margin-top: 3px; }
.move-approve .check-line > span { display: grid; gap: 2px; }
.move-approve .check-line .hint { color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
.move-approve .stakes { margin-top: var(--s4); }

.move-wait:empty { display: none; }
.move-wait { margin-top: var(--s5); }
.move-count { color: var(--muted); font-variant-numeric: tabular-nums; }
.move-words { margin-top: var(--s4); }
#err { margin-top: var(--s4); }
#err[hidden] { display: none; }
#acts:empty { display: none; }

.move-grid > .preview .pv-rows .s.mono { color: var(--text); }
.move-grid > .lead { align-self: start; }
.ways[hidden] { display: none; }

@media (max-width: 960px) {
  .move-grid > .flow, .move-grid > .preview { grid-column: 1 / -1; }
  .move-grid > .preview { padding-top: 0; }
}
@media (max-width: 760px) {
  .move-chain { margin-top: var(--s4); }
}