:root{--card-w: clamp(44px, 12vw, 64px);--card-h: calc(var(--card-w) * 1.4);--card-face: var(--piece-light-fill);--card-edge: var(--piece-light-ring);--card-black: var(--piece-dark-fill);--card-red: var(--board-square-dark);--card-back: var(--board-square-dark);--card-back-edge: var(--board-frame);--card-back-inner: var(--board-frame-text)}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-sm);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:var(--card-back);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:3px;opacity:.55}.card__rank{position:absolute;top:3px;left:4px;font-size: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--target{outline:3px dashed var(--color-accent);outline-offset:-3px}.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:var(--radius-sm);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--target{border-color:var(--color-accent);border-style:solid}.slot:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}