.playing-card {
  border-radius: 5px;
  position: relative;
  border: 1px solid #39e8a4;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.65);
  color: #88ffcd;
  backdrop-filter: blur(24px);
  box-shadow: 0 0 5px #00e382;
  &.red {
    color: #ff7f7f;
    text-shadow: 0 0 8px #ff0000;
    border-color: #ff7f7f;
    svg {
      filter: drop-shadow(0 0 8px #ff0000);
    }
  }
  &.black {
    color: #20ffa8;
    text-shadow: 0 0 8px #20ffa8;
    svg {
      filter: drop-shadow(0 0 8px #20ffa8);
    }
  }
  &.hole-card {
    box-shadow: none;
    border-radius: 0;
  }
}
.light-mode {
  .playing-card {
    border-radius: 5px;
    position: relative;
    border: 1px solid rgb(198, 198, 198);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    color: #88ffcd;
    backdrop-filter: blur(24px);
    box-shadow: 0 0 5px #00e382;
    &.red {
      color: #ff2f2f;
      text-shadow: none;
      svg {
        filter: none;
      }
    }
    &.black {
      color: #1b1b1b;
      text-shadow: none;
      svg {
        filter: none;
      }
    }
    &.hole-card {
      box-shadow: none;
      border-radius: 0;
    }
  }
}
.call {
  color: #1dffd1;
  text-shadow: 0 0 5px #1dffd1;
}
.check {
  color: #fff;
  text-shadow: 0 0 5px #fff;
}
.raise {
  color: #ffcb0d;
  text-shadow: 0 0 5px #ffcb0d;
}
.all-in {
  color: #ff66b8;
  text-shadow: 0 0 5px #ff279a;
}
.fold {
  color: rgba(255, 255, 255, 0.63);
}
.winner {
  color: #27ff6b;
  text-shadow: 0 0 5px #27ff6b;
}
.eliminated {
  color: #ff4646;
  text-shadow: 0 0 5px #ff0a0a;
}
.end-decorations {
  &:after {
    border-top: 1px solid;
    top: 0;
  }
  &:after,
  &:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    border-right: 1px solid;
    right: 0;
  }
  &:before {
    border-bottom: 1px solid;
    bottom: 0;
  }
}
.gradient-bg {
  background: currentColor;
  mask-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.16) 0,
    rgba(0, 0, 0, 0.02) 100%
  );
}
.list-shape {
  clip-path: polygon(
    100% 85.369%,
    72.529% 85.716%,
    72.414% 85.767%,
    72.303% 85.926%,
    72.193% 86.187%,
    72.091% 86.549%,
    71.992% 86.998%,
    71.9% 87.542%,
    71.815% 88.157%,
    71.741% 88.853%,
    71.674% 89.628%,
    71.115% 95.64%,
    71.044% 96.48%,
    70.961% 97.24%,
    70.869% 97.921%,
    70.77% 98.501%,
    70.663% 98.993%,
    70.55% 99.377%,
    70.431% 99.674%,
    70.309% 99.841%,
    70.186% 99.899%,
    33.387% 100%,
    33.266% 99.949%,
    33.146% 99.775%,
    33.031% 99.5%,
    32.92% 99.124%,
    32.814% 98.653%,
    32.717% 98.088%,
    32.625% 97.429%,
    32.542% 96.69%,
    32.469% 95.879%,
    31.843% 90.185%,
    31.776% 89.432%,
    31.7% 88.751%,
    31.617% 88.157%,
    31.527% 87.643%,
    31.43% 87.201%,
    31.329% 86.854%,
    31.223% 86.6%,
    31.112% 86.448%,
    31.001% 86.397%,
    0 86.122%,
    0 0,
    30.326% 0,
    30.437% 0.051%,
    30.549% 0.203%,
    30.654% 0.456%,
    30.757% 0.804%,
    30.854% 1.239%,
    30.944% 1.76%,
    31.027% 2.354%,
    31.103% 3.035%,
    31.17% 3.781%,
    31.707% 9.873%,
    31.777% 10.691%,
    31.862% 11.43%,
    31.952% 12.082%,
    32.051% 12.647%,
    32.155% 13.125%,
    32.266% 13.494%,
    32.381% 13.777%,
    32.503% 13.943%,
    32.625% 14.001%,
    70.758% 14.001%,
    70.882% 13.936%,
    71.003% 13.769%,
    71.122% 13.472%,
    71.235% 13.096%,
    71.342% 12.603%,
    71.441% 12.017%,
    71.533% 11.336%,
    71.616% 10.575%,
    71.687% 9.735%,
    72.335% 3.911%,
    72.4% 3.136%,
    72.476% 2.448%,
    72.561% 1.825%,
    72.652% 1.282%,
    72.749% 0.833%,
    72.854% 0.471%,
    72.961% 0.21%,
    73.073% 0.058%,
    73.189% 0,
    100% 0,
    100% 85.369%
  );
}
.play-log-table-container {
  overflow: auto;
}
.play-log-table-container > div {
  height: 100%;
  overflow: visible !important;
}
.table-sticky-header {
  position: sticky;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}