body {
  background-color: rgb(27, 95, 27);
}

.bottom {
  margin-top: 15px;
}

.pile {
  display: inline-block;
  background: #4e7b4d;
  width: 112px;
  height: 160px;
  border-radius: 12px;
  margin: 10px;
}

.empty {
  background-image: none;
  background-color: rgb(27, 95, 27);
}

.slot {
  min-height: 160px;
  position: relative;
}

.card {
  display: block;
  background: #000;
  width: 112px;
  height: 160px;
  border-radius: 12px;
  background-image: url(cards2.png);
}

.slot .card {
  position: absolute;
  top: 50px;
}

.pile > .card {
  top: 8px;
}

.hidden.hidden {
  background-position: 0 -480px; /* Top-left corner of the sprite */
}

.val-1 {
  background-position: -112px -160px;
}

.val-2 {
  background-position: -224px -160px;
}

.val-3 {
  background-position: -336px -160px;
}

.val-4 {
  background-position: -448px -160px;
}

.val-5 {
  background-position: -560px -160px;
}

.val-6 {
  background-position: -672px -160px;
}

.val-7 {
  background-position: -784px -160px;
}

.val-8 {
  background-position: -896px -160px;
}

.val-9 {
  background-position: -1008px -160px;
}

.val-10 {
  background-position: -1120px -160px;
}

.val-11 {
  background-position: -1232px -160px;
}

.val-12 {
  background-position: -1344px -160px;
}

.val-13 {
  background-position: -1456px -160px;
}

.val-14 {
  background-position: -112px 0px;
}

.val-15 {
  background-position: -224px 0px;
}

.val-16 {
  background-position: -336px 0px;
}

.val-17 {
  background-position: -448px 0px;
}

.val-18 {
  background-position: -560px 0px;
}

.val-19 {
  background-position: -672px 0px;
}

.val-20 {
  background-position: -784px 0px;
}

.val-21 {
  background-position: -896px 0px;
}

.val-22 {
  background-position: -1008px 0px;
}

.val-23 {
  background-position: -1120px 0px;
}

.val-24 {
  background-position: -1232px 0px;
}

.val-25 {
  background-position: -1344px 0px;
}

.val-26 {
  background-position: -1456px 0px;
}

.val-27 {
  background-position: -112px -480px;
}

.val-28 {
  background-position: -224px -480px;
}

.val-29 {
  background-position: -336px -480px;
}

.val-30 {
  background-position: -448px -480px;
}

.val-31 {
  background-position: -560px -480px;
}

.val-32 {
  background-position: -672px -480px;
}

.val-33 {
  background-position: -784px -480px;
}

.val-34 {
  background-position: -896px -480px;
}

.val-35 {
  background-position: -1008px -480px;
}

.val-36 {
  background-position: -1120px -480px;
}

.val-37 {
  background-position: -1232px -480px;
}

.val-38 {
  background-position: -1344px -480px;
}

.val-39 {
  background-position: -1456px -480px;
}

.val-40 {
  background-position: -112px -320px;
}

.val-41 {
  background-position: -224px -320px;
}

.val-42 {
  background-position: -336px -320px;
}

.val-43 {
  background-position: -448px -320px;
}

.val-44 {
  background-position: -560px -320px;
}

.val-45 {
  background-position: -672px -320px;
}

.val-46 {
  background-position: -784px -320px;
}

.val-47 {
  background-position: -896px -320px;
}

.val-48 {
  background-position: -1008px -320px;
}

.val-49 {
  background-position: -1120px -320px;
}

.val-50 {
  background-position: -1232px -320px;
}

.val-51 {
  background-position: -1344px -320px;
}

.val-52 {
  background-position: -1456px -320px;
}

/*# sourceMappingURL=main.css.map */