/* Colour schemes for each weapon family */
[data-weapon-family=demon] :is(.char, #tag-input) {
  color: #ffeb3f;
}

[data-weapon-family=demon] :is(.preview) {
  background-color: #000000;
}

[data-weapon-family=angel] :is(.char, #tag-input) {
  color: #3269c5;
}

[data-weapon-family=angel] :is(.preview) {
  background-color: #c8c5c0;
}

/* Grid Layout for the current edition */
#selection-grid.one-big > *:nth-child(1) {
  grid-column: span 12;
}

#selection-grid.two-big > *:nth-child(-n+2) {
  grid-column: span 6;
}

#selection-grid.one-big-two-small > *:nth-child(1) {
  grid-column: span 12;
}

#selection-grid.one-big-two-small > *:nth-child(n+2):not(:nth-child(n+4)) {
  grid-column: span 6;
}

/* Smaller than 1024px */
/* Smaller than 600px reset to single column */
@media (max-width: 37.5em) {
  #selection-grid > * {
    grid-column: span 12 !important;
  }
}