@media (max-width: 600px) {
  .terminal-dialog {
    padding: 8px;
    width: 100vw;
    max-width: 100vw;
  }

  .terminal {
    font-size: 13px;
    padding: 16px;
    border-radius: 16px;
    height: 60vh;
    height: 60dvh;
    box-shadow:
      0 0 0 3px #ff00aa,
      0 0 0 5px #00ffff,
      0 0 40px rgba(255, 0, 170, 0.4),
      inset 0 0 40px rgba(123, 0, 255, 0.15);
  }

  .terminal-input-line {
    padding: 8px 0;
  }

  .terminal-tab-btn {
    display: block;
  }

  .pager-status {
    padding: 12px;
    text-align: center;
    border-top: 1px solid rgba(0, 255, 255, 0.3);
  }

  .pager-status::after {
    content: ' (tap to exit)';
  }
}

@media (max-height: 600px) {
  .terminal {
    height: 70vh;
    height: 70dvh;
  }
}

@media (max-width: 400px) {
  .terminal {
    font-size: 12px;
    padding: 12px;
  }

  .prompt-user {
    display: none;
  }

  .terminal-prompt::before {
    content: '$';
    color: #ff00aa;
    text-shadow: 0 0 15px #ff00aa;
  }

  .terminal-prompt .prompt-sep,
  .terminal-prompt .prompt-dir {
    display: none;
  }

  .terminal-prompt .prompt-sep:last-child {
    display: inline;
  }
}