@import url('../core/cards.css');

/* FreeCell: the cards on a calm green cloth; on a phone the board gives its padding to the cards. */
.sp-board.sp-board--freecell { background: #e3ede6; }
.sp-board--freecell .cd-table { max-width: 900px; margin: 0 auto; }
.sp-board--freecell .cd-slot--c { border-style: solid; border-color: rgba(47, 93, 69, .3); background: rgba(255, 255, 255, .6); }
.sp-board--freecell .cd-slot--c.is-target { border-color: #2f5d45; background: rgba(47, 93, 69, .16); }
@media (max-width: 760px) {
  .sp-board.sp-board--freecell { padding: 8px 4px; }
}