:root{--card-red:#c8102e;--card-black:#111;--card-blue:#0047ab;--card-green:#1b7a2b;--card-face:#fffdf7;--card-edge:#3a332a;--card-back:#173f63;--card-back-edge:#e8c873}.card{width:var(--card-w,92px);aspect-ratio:100/140;filter:drop-shadow(0 1px 1px #0006)drop-shadow(0 2px 3px #0000002e);height:auto;display:block;overflow:visible}.card-bg{fill:var(--card-face);stroke:var(--card-edge);stroke-width:1.6px}.card-rank{font:800 40px var(--font);fill:currentColor}.card-court{font:800 48px var(--font);fill:currentColor;text-anchor:middle}.card-court-frame{fill:currentColor;fill-opacity:.09;stroke:currentColor;stroke-width:3px}.card-joker-word{font:800 22px var(--font);fill:currentColor;letter-spacing:1px}.card .suit,.suit-icon .suit{fill:currentColor}.card,.suit-icon{color:var(--card-black)}.card[data-suit=H],.card[data-suit=D],.suit-icon[data-suit=H],.suit-icon[data-suit=D]{color:var(--card-red)}.card[data-suit=joker]{color:#6a1b9a}.four-color .card[data-suit=D],.four-color .suit-icon[data-suit=D]{color:var(--card-blue)}.four-color .card[data-suit=C],.four-color .suit-icon[data-suit=C]{color:var(--card-green)}.suit-icon{vertical-align:-.12em;width:1em;height:1em;display:inline-block}.card-back .card-bg{fill:var(--card-back);stroke:#0a2238}.card-back-inner{fill:none;stroke:var(--card-back-edge);stroke-width:2.5px}.card-back-lattice{fill:#ffffff1c;stroke:#e8c8738c;stroke-width:.8px}.card-back-medal{fill:var(--card-back);stroke:var(--card-back-edge);stroke-width:2.5px}.card-back-star{fill:var(--card-back-edge)}.card-slot{filter:none}.card-slot rect{fill:#ffffff14;stroke:#ffffffb3;stroke-width:3px;stroke-dasharray:8 6}.card-slot text{font:800 34px var(--font);fill:#ffffffbf}.card.is-playable{filter:drop-shadow(0 1px 1px #0006)drop-shadow(0 7px 8px #00000059);transform:translateY(-10px)}.card.is-selected .card-bg,.card.is-hint .card-bg{stroke:var(--highlight);stroke-width:7px}.card.is-selected{transform:translateY(-22px)}.card.is-dim{opacity:.55}.card.is-hint{animation:1s ease-in-out 3 card-hint}@keyframes card-hint{50%{transform:translateY(-16px)}}.reduce-motion .card,.reduce-motion .card *{transition:none!important;animation:none!important}