.playing-card{position:relative;display:block;width:var(--card-width);height:var(--card-height);min-height:0;padding:0;border:1px solid #c5b498;border-radius:8px;background:linear-gradient(145deg,#fffef8,#f8f0df);color:#111827;box-shadow:0 2px 3px #09281f99;-webkit-user-select:none;user-select:none;touch-action:manipulation}.playing-card.red{color:#c62828}.playing-card.card-back{border:4px solid #fff;background:radial-gradient(circle at 50% 50%,#f4d277 0 10%,transparent 11%),repeating-linear-gradient(45deg,#446f60 0,#446f60 5px,#dcebd9 5px,#dcebd9 9px),#446f60;box-shadow:inset 0 0 0 2px #446f60,0 2px 3px #09281f99}.card-corner{position:absolute;top:4px;left:5px;display:grid;justify-items:center;font-size:clamp(.65rem,2.2vw,1.05rem);line-height:.92}.card-suit{font-size:clamp(1.25rem,4vw,2.5rem)}.playing-card.selected{outline:4px solid #ffd43b;outline-offset:1px;transform:translateY(-3px)}.playing-card.hint-source{outline:4px solid #62d9ff;outline-offset:1px}.hint-destination{outline:4px solid #ffda63;outline-offset:2px}.playing-card.dragging{opacity:.65}@media(max-width:600px){.playing-card{border-radius:5px}.card-corner{top:3px;left:3px}}