.playing-card{text-rendering:optimizeLegibility;-webkit-hyphens:none;hyphens:none;font-family:Helvetica!important;font-weight:bolder!important;position:relative;width:25%;perspective:100vw;max-width:400px;font-size:.5rem;box-sizing:border-box;cursor:pointer;border-radius:5%;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}@media (min-width: 600px){.playing-card{font-size:.6rem}}@media (min-width: 800px){.playing-card{font-size:.9rem}}.playing-card .blank-space{display:block;height:1em;flex-grow:1;flex-basis:2em;max-width:7em;border-bottom:.1em solid white}.playing-card .aspect-ratio-wrapper{position:relative;aspect-ratio:.72;display:flex;justify-content:center;align-items:center}.playing-card .card-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:10%;display:flex;flex-flow:column;justify-content:center;align-items:center;box-sizing:border-box}.playing-card .card-content .text{align-self:flex-start}.playing-card .spacer{flex:1 1 auto}.playing-card .options{display:flex;flex-flow:row;justify-content:center;align-items:center;width:100%}.playing-card .options .title-plugin{font-size:.4em}.playing-card .options .pick-option{margin-left:2.5%;background:#fff;border-radius:50%;width:1.2em;height:1.2em;color:#000;display:inline-flex;align-items:center;justify-content:center;text-align:center}@media (min-width: 600px){.playing-card{transition:all .5s ease}}.playing-card.selected{transform:scale(1.1) translateY(-1em) rotate(-1deg)!important}.playing-card.black{background:#000;color:#fff}.playing-card.white{background:#fff;color:#000}.playing-card.white.unselectable{background:gray;pointer-events:none}@media (min-width: 600px){.playing-card:hover{transform:scale(1.1);z-index:2}}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}