@media (max-width: 980px) {
  .quest-main-form,
  .quest-step-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .container {
    width: min(100% - 16px, 720px);
  }

  .topbar__inner {
    flex-wrap: wrap;
  }

  .topbar__inner--player {
    flex-wrap: nowrap;
  }

  .topbar-status {
    width: 100%;
    justify-content: space-between;
  }

  .player-menu-toggle {
    margin-left: auto;
  }

  .nav {
    width: 100%;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  .nav a {
    margin-left: 0;
  }

  .page-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .card {
    padding: 16px;
  }

  .status-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .eyebrow {
    font-size: 0.78rem;
  }

  .tips-list {
    gap: 8px;
  }

  .choice-card {
    align-items: flex-start;
  }

  .task-stage {
    border-radius: 16px;
    padding: 12px;
  }

  .task-stage__heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  .task-stage__reward {
    font-size: 1.35rem;
  }

  .start-brand {
    margin-top: 2px;
  }

  .start-stats-card__grid strong {
    font-size: 1.7rem;
  }

  .table th,
  .table td {
    font-size: 14px;
    padding: 8px;
  }

  .inline-form {
    flex-direction: column;
    align-items: stretch;
  }

  .inline-controls {
    flex-direction: column;
  }

  .progress-workspace {
    grid-template-columns: 1fr;
  }
}