@media (max-width: 1180px) {
  body {
    overflow: auto;
  }

  .app-shell {
    height: auto;
    padding-bottom: 1rem;
  }

  .hero-panel,
  .panel-heading,
  .subpanel-heading,
  .item-card,
  .dynasty-summary {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-controls-compact {
    justify-content: flex-start;
  }

  .menu-tabs {
    justify-content: flex-start;
  }

  .stats-grid,
  .card-list-three,
  .card-list-two,
  .card-list-one,
  .academy-grid,
  .vault-grid,
  .concept-stage-layout,
  .concept-lower-grid-two,
  .concept-lower-grid-three,
  .ledger-summary-strip,
  .war-view-grid,
  .war-stat-strip,
  .army-command-layout,
  .army-hero,
  .army-hero-metrics,
  .army-reserve-summary,
  .army-stance-list,
  .army-queue-list,
  .war-army-status-grid,
  .region-layout,
  .frontier-layout,
  .army-management-layout,
  .ledger-grid,
  .split-layout,
  .dynasty-layout,
  .dynasty-perks {
    grid-template-columns: 1fr;
  }

  .war-front-row,
  .frontier-operation-row,
  .army-unit-row,
  .army-queue-row,
  .army-recruitment-row,
  .army-commander-panel,
  .status-bar {
    grid-template-columns: 1fr;
  }

  .status-bar-center,
  .status-bar-right {
    justify-content: flex-start;
  }

  .card-list {
    padding-top: 0;
    margin-top: 0;
  }

  .tab-button,
  .item-button,
  .dynasty-button {
    width: 100%;
  }
}