.suit-stripe{pointer-events:none;height:3px;display:flex;position:absolute;bottom:2px;left:2px;right:2px}.suit-stripe>span{flex:1 1 0}.suit-stripe-s{background:var(--suit-spade)}.suit-stripe-h{background:var(--suit-heart)}.suit-stripe-d{background:var(--suit-diamond)}.suit-stripe-c{background:var(--suit-club)}.suit-stripe>[data-gone]{background:0 0}.hand-matrix{flex-direction:column;gap:1px;width:100%;display:flex}.hand-matrix-row{grid-template-columns:repeat(13,minmax(0,1fr));gap:1px;display:grid}.hand-matrix-cell{z-index:0;aspect-ratio:1;border-radius:var(--radius-cell,2px);letter-spacing:-.5px;color:#fff;cursor:default;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:10px;font-weight:600;line-height:1;display:flex;position:relative}.hand-matrix-cell[tabindex]{cursor:pointer;transition:transform var(--motion-instant) var(--ease-standard)}.hand-matrix-cell[tabindex]:active{transform:scale(var(--motion-press-scale))}.hand-matrix-cell[data-selected]{outline:2px solid var(--accent,#5288c1);outline-offset:-2px}.hand-matrix-cell[data-highlighted]{outline:2px solid var(--hand-highlight,#fff);outline-offset:-2px;z-index:1;box-shadow:0 0 0 2px #00000073, 0 0 3px 0 var(--hand-highlight,#fff);border:1px solid #0000008c}.hand-matrix-cell[data-highlighted]:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 10px 2px var(--hand-highlight,#fff);animation:mes-hand-highlight .9s var(--ease-standard) infinite;position:absolute;inset:0}@keyframes mes-hand-highlight{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.hand-matrix-cell[data-highlighted]:after{animation:none}}