@import "../styles.css";

:root {
  --accentA: #fda4af;
  --accentB: #22c55e;
  --bgTop: #1e3a8a;
  --bgBottom: #7dd3fc;
}

.actionHud {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 980px) {
  .flyerControls {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}