.BlackjackCard{perspective:600px;flex-shrink:0;z-index:1}.BlackjackCard,.BlackjackCard__inner{width:100%;height:100%;position:relative}.BlackjackCard__inner{transform-style:preserve-3d;transition:transform var(--blackjack-flip-duration) ease-in-out}.BlackjackCard__inner--flipped{transform:rotateY(180deg)}.BlackjackCard__face{position:absolute;inset:0;backface-visibility:hidden;box-shadow:0 2px 8px rgba(0,0,0,.3);overflow:hidden;border-radius:.3rem;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.BlackjackCard__face{border-radius:.2rem}}.BlackjackCard__back img,.BlackjackCard__back picture{width:100%;height:100%;display:block;object-fit:cover}.BlackjackCard__front{background:linear-gradient(145deg,#fff,#f0f0f0);border:1.5px solid hsla(0,0%,100%,.15);transform:rotateY(180deg)}.BlackjackCard__front--red{color:#dc2626}.BlackjackCard__front--black{color:#1a1a2e}.BlackjackCard__content{display:flex;flex-direction:column;align-items:center}.BlackjackCard__rank{font-weight:800}.BlackjackCard__rank,.BlackjackCard__suit{font-size:2.4rem;line-height:1}@media(max-width:768px){.BlackjackCard__rank,.BlackjackCard__suit{font-size:1.6rem}}.BlackjackCard-wrapper{width:var(--blackjack-card-width);height:var(--blackjack-card-height);flex-shrink:0;border-radius:.5rem;transition:width var(--blackjack-ghost-expand-duration) ease;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}@media(max-width:768px){.BlackjackCard-wrapper{border-radius:.2rem}}.BlackjackCard-wrapper--ghost-entering{width:0!important;opacity:0}.BlackjackCard-wrapper--ghost{opacity:0}