.card-picker-container{perspective:1200px;display:flex;gap:2rem;align-items:center;justify-content:center}.card-deck,.picked-card-container{width:150px;height:210px;position:relative}.playing-card{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.card-deck .playing-card{box-shadow:0 1px 3px rgba(0,0,0,.2)}.card-deck .playing-card:first-child{transform:translateZ(4px) translateY(-4px) translateX(4px)}.card-deck .playing-card:nth-child(2){transform:translateZ(2px) translateY(-2px) translateX(2px)}.card-deck .playing-card:nth-child(3){transform:translateZ(0)}.picked-card-container .playing-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;background-color:hsl(var(--card));border:1px solid hsl(var(--border));flex-direction:column;justify-content:space-between;padding:1rem;box-shadow:0 4px 15px rgba(0,0,0,.1)}.card-back,.card-face{display:flex;align-items:center}.card-back{background:radial-gradient(circle at 20% 20%,hsl(var(--primary)/.2),transparent 40%),radial-gradient(circle at 80% 80%,hsl(var(--primary)/.2),transparent 40%),hsl(var(--primary));border-color:hsl(var(--primary)/.5);justify-content:center;font-size:3rem;color:hsl(var(--primary-foreground)/.5)}.card-front{transform:rotateY(180deg)}.card-value{font-size:2rem;font-weight:700}.card-suit{font-size:1.5rem}.top-left{align-self:flex-start;text-align:center}.bottom-right{align-self:flex-end;transform:rotate(180deg)}.card-red{color:hsl(var(--destructive))}.card-black{color:hsl(var(--foreground))}.card-history{flex-wrap:wrap;gap:.5rem}.card-history,.history-card{display:flex;justify-content:center;align-items:center}.history-card{width:30px;height:42px;border:1px solid hsl(var(--border));border-radius:4px;flex-direction:column;background-color:hsl(var(--card));box-shadow:0 1px 2px rgba(0,0,0,.05);font-size:.8rem;font-weight:700}