.uno-table { display: flex; gap: 12px; justify-content: center; align-items: center; margin: 12px 0; flex-wrap: wrap; }
.ucard { width: 56px; height: 82px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 20px; color: #fff; border: 2px solid rgba(255,255,255,0.6); }
.ucard.r { background: #e23b3b; } .ucard.g { background: #2faf5a; } .ucard.b { background: #2f6fe0; } .ucard.y { background: #e6b800; } .ucard.w { background: #444; }
.ucard.small { width: 42px; height: 62px; font-size: 15px; }
.uno-hand { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin-top: 8px; }
.uno-hand .ucard { cursor: pointer; }
.uno-hand .ucard:active { transform: translateY(-4px); }
.ctrl-row { display: flex; gap: 10px; justify-content: center; margin: 8px 0; }