.playing-card{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;font-family:Arial,sans-serif;transition:all .3s;display:inline-block;position:relative;box-shadow:0 2px 8px #0000004d}.playing-card.unicode-card{text-align:center;background:#fff;border:1px solid #ddd;justify-content:center;align-items:center;font-family:"Noto Sans Symbols 2",sans-serif;line-height:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0003}.playing-card.image-card{background:0 0;border:none;padding:0;overflow:hidden;box-shadow:0 2px 4px #0000004d}.playing-card.image-card .card-image{object-fit:contain;width:100%;height:100%;display:block}.playing-card.image-card.xsmall{width:42px;height:61px}.playing-card.image-card.small{width:55px;height:80px}.playing-card.image-card.medium{width:70px;height:101px}.playing-card.image-card.large{width:88px;height:127px}.playing-card.image-card.xlarge{width:110px;height:160px}.playing-card.small{width:52px;height:75px;font-size:12px}.playing-card.medium{width:75px;height:105px;font-size:15px}.playing-card.large{width:105px;height:150px;font-size:21px}.playing-card.unicode-card.xsmall{width:48px;height:65px;padding:0 0 3px;font-size:4.5em}.playing-card.unicode-card.small{width:63px;height:86px;padding:0 0 4px;font-size:6em}.playing-card.unicode-card.medium{width:80px;height:119px;padding:0 0 6px;font-size:8.25em}.playing-card.unicode-card.large{width:100px;height:151px;padding:0 0 8px;font-size:10.5em}.card-front{color:#000;background:#fff;border:2px solid #333}.card-front.red{color:#d32f2f}.card-front.black{color:#000}.playing-card.unicode-card.red{color:#d32f2f}.playing-card.unicode-card.black{color:#000}.card-back{color:#fff;background:linear-gradient(45deg,#1976d2,#1565c0);border:2px solid #0d47a1;justify-content:center;align-items:center;line-height:.8;display:flex;overflow:hidden}.playing-card.card-back.xsmall{width:42px;height:61px;padding-bottom:0}.playing-card.card-back.small{width:55px;height:80px;padding-bottom:0}.playing-card.card-back.medium{width:70px;height:101px;padding-bottom:0}.playing-card.card-back.large{width:88px;height:127px;padding-bottom:0}.playing-card.card-back.xlarge{width:110px;height:160px;padding-bottom:0}.card-back-pattern{opacity:.8;font-size:5em}.xsmall .card-back-pattern{font-size:3em}.small .card-back-pattern{font-size:4em}.large .card-back-pattern{font-size:6.5em}.card-corner{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.top-left{top:4px;left:4px}.bottom-right{bottom:4px;right:4px;transform:rotate(180deg)}.small .card-corner{top:2px;left:2px}.small .bottom-right{bottom:2px;right:2px}.large .card-corner{top:6px;left:6px}.large .bottom-right{bottom:6px;right:6px}.rank{font-size:1em;font-weight:700}.suit-small{margin-top:1px;font-size:.8em}.card-center{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.suit-large{font-size:2em}.small .suit-large{font-size:1.2em}.large .suit-large{font-size:3em}.community-card{margin:0 4px;animation:.5s ease-out cardReveal}@keyframes cardReveal{0%{opacity:0;transform:rotateY(90deg)scale(.8)}50%{opacity:.5;transform:rotateY(45deg)scale(.9)}to{opacity:1;transform:rotateY(0)scale(1)}}.hole-card{margin:0 2px}.deck-card{opacity:.9}@media (hover:hover){.deck-card:hover{opacity:1}}.playing-card.dealing{animation:.6s ease-out dealCard}@keyframes dealCard{0%{opacity:0;transform:translate(-100px)rotate(-45deg)scale(0)}50%{opacity:.7;transform:translate(-20px)rotate(-10deg)scale(.8)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.playing-card.flipping{animation:.6s ease-in-out flipCard}@keyframes flipCard{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)scale(.8)}to{transform:rotateY(0)}}@media (width<=768px){.playing-card.large{width:90px;height:128px;font-size:18px}.playing-card.medium{width:68px;height:95px;font-size:14px}.playing-card.small{width:45px;height:63px;font-size:11px}.playing-card.image-card.xsmall{aspect-ratio:500/726;width:8vw;height:auto}.playing-card.image-card.small{aspect-ratio:500/726;width:10vw;height:auto}.playing-card.image-card.medium{aspect-ratio:500/726;width:14vw;height:auto}.playing-card.image-card.large{aspect-ratio:500/726;width:18vw;height:auto}.playing-card.image-card.xlarge{aspect-ratio:500/726;width:22vw;height:auto}.playing-card.unicode-card.xsmall{width:41px;height:59px;padding-bottom:2px;font-size:4.125em}.playing-card.unicode-card.small{width:56px;height:83px;padding-bottom:3px;font-size:5.775em}.playing-card.unicode-card.medium{width:65px;height:97px;padding-bottom:4px;font-size:6.75em}.playing-card.unicode-card.large{width:90px;height:135px;padding-bottom:6px;font-size:9.45em}.playing-card.card-back.xsmall{aspect-ratio:500/726;width:8vw;height:auto;padding-bottom:0}.playing-card.card-back.small{aspect-ratio:500/726;width:10vw;height:auto;padding-bottom:0}.playing-card.card-back.medium{aspect-ratio:500/726;width:14vw;height:auto;padding-bottom:0}.playing-card.card-back.large{aspect-ratio:500/726;width:18vw;height:auto;padding-bottom:0}.playing-card.card-back.xlarge{aspect-ratio:500/726;width:22vw;height:auto;padding-bottom:0}}.playing-card.selected{border-color:#0f0;box-shadow:0 0 15px #0f09}.playing-card.disabled{opacity:.5;filter:grayscale(.5)}.playing-card.highlighted{animation:1s infinite alternate cardHighlight}@keyframes cardHighlight{0%{box-shadow:0 2px 8px #0000004d}to{box-shadow:0 4px 20px #ffd70099}}