.ce-table { display: flex; gap: 12px; justify-content: center; align-items: center; margin: 12px 0; }
.cecard { width: 54px; height: 78px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; color: #fff; border: 2px solid rgba(255,255,255,0.6); }
.cecard.S { background: #333; } .cecard.H { background: #e23b3b; } .cecard.D { background: #2f6fe0; } .cecard.C { background: #2faf5a; }
.cecard.small { width: 42px; height: 62px; font-size: 15px; }
.ce-hand { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin-top: 8px; }
.ce-hand .cecard { cursor: pointer; }
.ce-hand .cecard:active { transform: translateY(-4px); }
.ctrl-row { display: flex; gap: 10px; justify-content: center; margin: 8px 0; }