@layer utilities {
  .text-xs { font-size: var(--text-xs); }
  .text-sm { font-size: var(--text-sm); }
  .text-xl { font-size: var(--text-xl); }

  .aspect-trading-card { aspect-ratio: var(--aspect-trading-card); }

  .hide-on-touch { @media (pointer: coarse) { display: none; } }

  .pile {
    display: grid;
    grid: [stack] 1fr / [stack] 1fr;

    & > * {
      grid-area: stack;
    }
  }
}