.playing-card{--card-width:clamp(3.4rem, 18vw, 4.75rem);--card-height:calc(var(--card-width) * 1.49);--card-radius:2px;--card-flip-duration:.55s;width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);perspective:900px;flex-shrink:0;line-height:1;position:relative}.playing-card__flip{transform-style:preserve-3d;transition:transform var(--card-flip-duration) cubic-bezier(.4, 0, .2, 1);position:absolute;inset:0;transform:rotateY(0)}.playing-card--down .playing-card__flip{transform:rotateY(180deg)}.playing-card__face{border-radius:var(--card-radius);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.playing-card__face--front{background:linear-gradient(#fff 0%,#f7f7f7 100%);border:1px solid #00000014;box-shadow:inset 0 1px #ffffffe6,0 .35rem .8rem #0000002e}.playing-card__face--back{transform:rotateY(180deg)}.playing-card--highlighted .playing-card__face--front{box-shadow:0 0 0 2px #ffd60af2,0 .35rem .8rem #0000002e}.playing-card__corner{--corner-width:calc(var(--card-width) * .2);width:var(--corner-width);align-content:start;justify-items:center;gap:.04rem;line-height:1;display:grid;position:absolute}.playing-card__corner--top{top:.28rem;left:.3rem}.playing-card__corner--bottom{bottom:.28rem;right:.3rem;transform:rotate(180deg)}.playing-card__rank{width:100%;font-family:Autour One,system-ui,sans-serif;font-size:calc(var(--card-width) * .2);text-align:center;font-variant-numeric:tabular-nums;font-weight:400;line-height:1;display:block}.playing-card__suit-icon{width:calc(var(--card-width) * .16);height:calc(var(--card-width) * .16);flex-shrink:0;display:block}.playing-card__center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.playing-card__center-icon{width:calc(var(--card-width) * .42);height:calc(var(--card-width) * .42);opacity:.95}.playing-card__center-icon--number{width:calc(var(--card-width) * .56);height:calc(var(--card-width) * .56)}.playing-card__ace-art{width:calc(var(--card-width) * .62);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;height:auto}.playing-card__ace-art--clubs{width:calc(var(--card-width) * .62 - 10px)}.playing-card__ace-art--spades,.playing-card__ace-art--hearts{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.playing-card__face-art{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.playing-card__back-art{border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}