.hand .playing-card.playable{outline:3px solid #f2d58d;outline-offset:1px;box-shadow:4px 4px #3d593a,0 0 12px #ead48650;cursor:pointer}
.hand .playing-card:disabled{opacity:.42;transform:none;cursor:not-allowed}.hand .playing-card.selected-wild{transform:translateY(-8px);outline-color:#fff3c7}
.card-action-bar{position:sticky;bottom:0;z-index:3;margin-bottom:0;padding:10px 12px;background:#fff1d3f5;border-top:1px solid #d1b486;box-shadow:0 -4px 12px #563d2020;gap:9px 14px}
#card-feedback{flex-basis:100%;font-size:12px;line-height:1.4;text-align:center;color:#67834c;margin:0;min-height:17px}#card-feedback.error{color:#a0523b}
.card-action-bar .color-picker{flex-basis:100%;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:5px 0}.color-picker>span{flex-basis:100%;text-align:center;font-size:12px;color:#816747}.color-picker [data-color]{width:46px;height:46px;min-width:46px;touch-action:manipulation}.color-picker #cancel-wild{width:auto;height:38px;padding:7px 11px;background:#eee0ba;color:#8a7150;border:1px solid #bca171;outline:0;font-size:11px}
#cards-lobby-status{font-size:12px;max-width:420px;margin:16px 16px 0;color:#8c7451}#draw-pile{cursor:pointer}#draw-pile:disabled{cursor:not-allowed;opacity:.7}
@media(max-width:900px){.card-action-bar{margin:10px -3px 0;padding:10px 7px;gap:9px}.card-action-bar .primary{min-height:43px}#card-feedback{font-size:11px}.card-action-bar .color-picker{gap:10px}.color-picker>span{font-size:11px}.color-picker [data-color]{width:44px;height:44px;min-width:44px}}