.crd{--w:var(--crd-w,64px);width:var(--w);aspect-ratio:5/7;border:1.5px solid var(--line);border-radius:calc(var(--w)*.1);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font-family:var(--f-word);flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:relative}.crd.red{color:var(--bad)}.crd .crd-c{font-size:calc(var(--w)*.26);flex-direction:column;align-items:center;font-weight:700;display:flex;position:absolute;top:6%;left:9%}.crd .crd-c small{font-size:.85em}.crd .crd-m{font-size:calc(var(--w)*.5);margin-top:18%}button.crd{cursor:pointer;transition:transform .12s}button.crd:disabled{cursor:default;opacity:.55}button.crd.hot:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}button.crd.hot:not(:disabled):hover{transform:translateY(-6px)}button.crd:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.crd.back{background:repeating-linear-gradient(45deg,var(--accent)0 6px,color-mix(in srgb,var(--accent)70%,var(--surface))6px 12px);border-color:var(--ink)}.crd.back:after{content:"";border:1.5px solid var(--surface);border-radius:calc(var(--w)*.06);position:absolute;inset:8%}.crd.empty{background:var(--sunk);box-shadow:none;border-style:dashed}.crd-hand{flex-wrap:wrap;justify-content:center;gap:6px;padding-top:8px;display:flex}@media (max-width:420px){.crd-hand{--crd-w:54px;gap:4px}}@media (prefers-reduced-motion:reduce){button.crd{transition:none}button.crd.hot:not(:disabled):hover{transform:none}}