.row { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; min-height:96px; --cw:clamp(46px, 11vw, 78px); } .row.small { --cw:clamp(26px, 6vw, 38px); min-height:56px; margin-bottom:10px; } .lbl { color:#cfe8d8; font-size:.8rem; margin:6px 0; text-align:center; }
#hand .pcard { cursor:pointer; } #hand .pcard:hover { transform:translateY(-6px); } .log { width:min(560px, 96vw); max-height:160px; overflow:auto; font-size:.85rem; color:var(--muted); display:flex; flex-direction:column; gap:2px; }

.felt { background:radial-gradient(ellipse at 50% 15%,#2d8db1,#13516e); border-color:#0d445f; }
.lbl { color:#e1f7fb; }