@media (max-width: 767px) {
  /* Restore the original Cards vault art on the rebuilt stream-style Command Deck. */
  html body .cofp-command-deck .command-stream-section[data-station="cards"] {
    background:
      linear-gradient(180deg, rgba(2, 4, 7, 0.08) 0%, rgba(3, 2, 8, 0.18) 54%, rgba(0, 0, 0, 0.50) 100%),
      url("/images/mobile-card-vault-bg.svg") center center / cover no-repeat !important;
  }

  /* The featured-card component brought its own nearly opaque zinc panel, which hid the vault art. */
  html body .cofp-command-deck .command-stream-section[data-station="cards"] .command-stream-content > div > section {
    background:
      linear-gradient(180deg, rgba(4, 6, 10, 0.28), rgba(5, 2, 10, 0.46)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.045),
      inset 0 0 34px rgba(192,132,252,0.035),
      0 16px 42px rgba(0,0,0,0.22) !important;
  }

  /* Keep the restored vault texture visible even when older deck CSS is still loaded. */
  html body .cofp-command-deck .command-stream-section[data-station="cards"] .card-vault {
    background-image: url("/images/mobile-card-vault-bg.svg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    opacity: 0.72 !important;
    filter: brightness(0.92) saturate(1.02) contrast(1.04) !important;
  }

  html body .cofp-command-deck .command-stream-section[data-station="cards"] .card-vault-shade {
    background:
      linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(5,0,10,0.03) 35%, rgba(4,0,10,0.14) 76%, rgba(0,0,0,0.34) 100%),
      radial-gradient(ellipse at 50% 38%, transparent 0 30%, rgba(83,33,132,0.035) 54%, rgba(0,0,0,0.14) 100%) !important;
  }
}