/* Card shuffler */
.csh-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.csh-meta { color: var(--c-muted); font-size: 14px; }
.csh-act { flex-wrap: wrap; }
.csh-grid { display: flex; flex-wrap: wrap; gap: 6px; }
.csh-card { width: 44px; height: 62px; border-radius: 6px; background: #f8fafc; color: #111317; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4px 10px -6px rgba(0,0,0,.7); }
.csh-card b { font: 800 17px/1 var(--font, sans-serif); } .csh-card i { font-style: normal; font-size: 17px; line-height: 1.15; }
.csh-card.is-red { color: #d62839; } .csh-card.is-jk { color: #7c3aed; } .csh-card.is-jk i { font-size: 11px; font-weight: 700; }
.csh-drawn .csh-card:first-child { width: 72px; height: 100px; } .csh-drawn .csh-card:first-child b { font-size: 28px; } .csh-drawn .csh-card:first-child i { font-size: 26px; }
.csh-hand { margin: 4px 0 14px; } .csh-hand h3 { font-size: 14px; margin: 0 0 6px; color: var(--c-muted); font-weight: 600; }
.csh-rest .csh-card { opacity: .55; }
.csh-opts { margin-top: 14px; }
@media (max-width: 480px) { .csh-card { width: 36px; height: 52px; } .csh-card b { font-size: 14px; } .csh-card i { font-size: 14px; } }
.csh-act { margin-bottom: 12px; }