/* css/cards.css */
.playing-card{width:46px;height:66px;border-radius:5px;position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-family:'JetBrains Mono',serif;transition:all .3s ease;flex-shrink:0}
.playing-card.card-face{background:linear-gradient(170deg,#f8f4ec 0%,#e8e0d0 100%);border:1px solid #ccc;box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5)}
.playing-card.card-back{background:linear-gradient(135deg,#1a3a5c 0%,#0d2137 50%,#1a3a5c 100%);border:1px solid #2a4a6c;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.playing-card.card-back::before{content:'♠';font-size:18px;color:rgba(255,255,255,.08)}
.playing-card.card-back::after{content:'';position:absolute;inset:3px;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.02) 3px,rgba(255,255,255,.02) 6px)}

.card-rank{font-size:15px;font-weight:700;line-height:1}
.card-suit-symbol{font-size:18px;line-height:1;margin-top:-2px}
.card-corner{position:absolute;top:2px;left:3px;display:flex;flex-direction:column;align-items:center;line-height:1}
.card-corner .card-rank{font-size:9px}
.card-corner .card-suit-symbol{font-size:9px;margin-top:0}
.card-corner-br{position:absolute;bottom:2px;right:3px;display:flex;flex-direction:column;align-items:center;line-height:1;transform:rotate(180deg)}
.card-corner-br .card-rank{font-size:9px}
.card-corner-br .card-suit-symbol{font-size:9px;margin-top:0}

.card-red{color:#c0392b}
.card-black{color:#1a1a2e}

.playing-card.card-small{width:30px;height:42px;border-radius:3px}
.playing-card.card-small .card-rank{font-size:11px}
.playing-card.card-small .card-suit-symbol{font-size:13px}
.playing-card.card-small .card-corner,.playing-card.card-small .card-corner-br{display:none}
.playing-card.card-small.card-back::before{font-size:12px}

.community-cards .playing-card{width:50px;height:72px}

.playing-card.deal-animate{animation:dealCard .4s cubic-bezier(.4,0,.2,1) forwards}
@keyframes dealCard{from{opacity:0;transform:translateY(-40px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}
.community-cards .playing-card.card-face:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.4)}
.playing-card.card-winner{box-shadow:0 0 12px rgba(39,174,96,.6),0 2px 8px rgba(0,0,0,.3);border-color:var(--green)!important}

@media(max-width:768px){
    .playing-card{width:36px;height:52px;border-radius:4px}
    .playing-card .card-rank{font-size:12px}
    .playing-card .card-suit-symbol{font-size:14px}
    .playing-card .card-corner,.playing-card .card-corner-br{display:none}
    .community-cards .playing-card{width:40px;height:58px}
    .playing-card.card-small{width:24px;height:34px}
    .playing-card.card-small .card-rank{font-size:9px}
    .playing-card.card-small .card-suit-symbol{font-size:10px}
}