:root{--card-w: clamp(44px, 12vw, 64px);--card-h: calc(var(--card-w) * 1.4);--card-face: #FFFDF7;--card-edge: #D9CCB9;--card-black: #1A1A1A;--card-red: #C93A2F;--card-back: #B7361F;--card-back-edge: #8E2717;--card-back-inner: #EEE7D8}.card{width:var(--card-w);height:var(--card-h);border-radius:8px;border:1px solid var(--card-edge);background:var(--card-face);padding:0;margin:0;position:relative;display:block;flex:none;font-family:var(--font-body);font-weight:600;line-height:1;text-align:left;touch-action:manipulation;user-select:none;-webkit-user-select:none}.card--black{color:var(--card-black)}.card--red{color:var(--card-red)}.card--back{background-color:var(--card-back);background-image:repeating-linear-gradient(45deg,transparent 0 7px,rgba(238,231,216,.35) 7px 8px),repeating-linear-gradient(-45deg,transparent 0 7px,rgba(238,231,216,.35) 7px 8px);background-clip:padding-box;border-color:var(--card-back-edge)}.card--back:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid var(--card-back-inner);border-radius:4px;opacity:.8}.card__rank{position:absolute;top:3px;left:4px;font-size:max(12px,calc(var(--card-w) * .3))}.card__mini{position:absolute;top:calc(var(--card-w) * .34);left:4px;font-size:calc(var(--card-w) * .24)}.card__suit{position:absolute;right:4px;bottom:3px;font-size:calc(var(--card-w) * .52)}.card--last:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--color-accent-soft)}.card--selected{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:4}.card:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;z-index:5}.card[disabled],.card--static{cursor:default}.slot{width:var(--card-w);height:var(--card-h);border-radius:8px;border:2px dashed var(--color-border);background:transparent;padding:0;margin:0;flex:none;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:calc(var(--card-w) * .4)}.slot:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.card--moving{transition:transform .22s var(--ease);z-index:6}.card--in{animation:rh-pop .22s var(--ease)}.card--blink{animation:rh-blink .7s var(--ease);z-index:3}