/* Cards: legal/illegal cues, led card, focus. (Card faces themselves are in base.css.) */
#hand .card.ok{outline:2px solid #ffffffb0;outline-offset:-2px;box-shadow:-2px 2px 6px #0007,0 0 0 1px #0004,0 6px 14px #0005}
#hand.myturn .card.ok{transform:translateY(-6px)}
@media (hover:hover){#hand .card.ok:hover{transform:translateY(-14px)}}
#hand .card.no{filter:brightness(.55) saturate(.6)}
#hand .card:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;transform:translateY(-14px)}
#trick .card.ledcard::before{content:"led";position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#0008;padding:0 6px;border-radius:6px}
#trick .card.win{outline:3px solid var(--gold);box-shadow:0 0 18px #e8c35aaa}
.trumpsym{font-weight:800}.trumpsym.red{color:#ff9aa0}