/* WEB-SKIN-V06 live-test repair 2: playable hand cards must retain atlas art in every state. */
body:not([data-card-skin]) #yourHand > button.card.selectable,
body:not([data-card-skin]) #yourHand > button.card.selectable:hover,
body:not([data-card-skin]) #yourHand > button.card.selectable:focus-visible,
body:not([data-card-skin]) #yourHand > button.card.selectable:active,
body:not([data-card-skin]) #yourHand > button.card.selectable:disabled {
  padding: 0;
  color: transparent;
  background-color: #0d1515 !important;
  background-image: var(--atlas) !important;
  background-repeat: no-repeat !important;
  background-size: 800% 400% !important;
  font: inherit;
  letter-spacing: normal;
  appearance: none;
}

body:not([data-card-skin]) #yourHand > button.card.selectable:not(.selected) {
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.55);
}

body:not([data-card-skin]) #yourHand > button.card.selectable.selected {
  border-color: var(--fss-cream);
  box-shadow: 0 0 0 3px rgba(227, 179, 65, 0.40), 0 12px 22px rgba(0, 0, 0, 0.72);
}