.pile-panel {
    padding:2px;
    height:300px;
    overflow-y:auto
}

.current-pile-panel {
    padding:0px;
    border-color: midnightblue;
    border-width: medium;
}

.player-panel {
    height:250px;
    overflow-y:auto
}

.card-M {
  cursor: pointer;  
  color: gold;
}

.card-C {
    cursor: pointer;  
    color: SaddleBrown;
}

.card-R {
    cursor: pointer;  
    color: red;
}

.card-W {
    cursor: pointer;  
    color: tan;
}

.card-G {
    cursor: pointer;  
    color: green;
}

.card-U {
    cursor: pointer;  
    color: cadetblue;
}

.card-B {
    cursor: pointer;  
    color: black;
}

.hidden {
    display: none;
}

textarea {
    white-space: pre;
    overflow-wrap: normal;
    overflow-x: scroll;
}

#card-image {
    margin-left: auto;
    max-height: 400px;
    margin-right: auto;
}