.playing-card[data-v-618cc78b]{aspect-ratio:5/7;cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));height:auto;position:relative;transform-style:preserve-3d;transition:transform .2s ease;width:var(--card-w,88px)}.playing-card[data-v-618cc78b]:hover{transform:translateY(-4px) scale(1.05)}.card-back[data-v-618cc78b],.card-face[data-v-618cc78b]{backface-visibility:hidden;border:2px solid hsla(0,0%,100%,.3);border-radius:8px;box-shadow:0 2px 4px #0000004d,0 8px 16px #0003,inset 0 1px #fff6;height:100%;left:0;position:absolute;top:0;width:100%}.card-face[data-v-618cc78b]{background:var(--card-face);color:var(--text-dark);display:flex;flex-direction:column;justify-content:space-between;padding:6px}.red-suit .card-face[data-v-618cc78b]{color:var(--card-red)}.black-suit .card-face[data-v-618cc78b]{color:var(--card-black)}.card-back[data-v-618cc78b],.card-face[data-v-618cc78b]{transform:rotateY(0)}.card-back[data-v-618cc78b]{background:linear-gradient(135deg,var(--card-back) 0,var(--felt-edge) 100%)}.card-corner[data-v-618cc78b]{align-items:center;display:flex;flex-direction:column;font-size:calc(var(--card-w, 88px)*.17);font-weight:700;line-height:1}.card-corner.top-left[data-v-618cc78b]{align-self:flex-start}.card-corner.bottom-right[data-v-618cc78b]{align-self:flex-end;transform:rotate(180deg)}.card-center[data-v-618cc78b]{align-items:center;display:flex;flex:1;justify-content:center}.rank[data-v-618cc78b]{font-family:var(--font-data),monospace;font-size:calc(var(--card-w, 88px)*.2);font-weight:700;margin-bottom:2px}.suit-icon.small[data-v-618cc78b]{height:calc(var(--card-w, 88px)*.16);width:calc(var(--card-w, 88px)*.16)}.suit-icon.large[data-v-618cc78b]{height:calc(var(--card-w, 88px)*.42);width:calc(var(--card-w, 88px)*.42)}.card-pattern[data-v-618cc78b]{display:grid;gap:3px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;padding:12px;position:relative;width:100%}.pattern-diamond[data-v-618cc78b]{background:repeating-linear-gradient(45deg,var(--brass),var(--brass) 1px,transparent 1px,transparent 4px);border-radius:2px;opacity:.35;transform:rotate(45deg)}