.card{--_w:var(--card-w,110px);--_face:var(--card-face,#fbfaf6);--_edge:var(--card-edge,#7d7a72);--_ink:var(--card-shadow,16 28 44);--_r:calc(var(--_w) * .06);--_line:max(1px, calc(var(--_w) * .007));--_rest:0 .5px 1px rgb(var(--_ink) / .32), 0 calc(var(--_w) * .015) calc(var(--_w) * .05) rgb(var(--_ink) / .22);--_rim:inset 0 0 0 var(--_line) var(--card-rim,#ffffff80);box-sizing:border-box;width:var(--_w);aspect-ratio:264/358;border-radius:var(--_r);border:var(--_line) solid var(--_edge);background-color:var(--_face);background-image:var(--card-face-image,none);box-shadow:var(--_rim), var(--_rest);position:relative}.card.has-sheen,.sheen .card:not(.is-back){background-image:radial-gradient(170% 105% at 95% -12%,#0000 0 63%,#0000000a 63.6% 100%)}.card.is-lifted{z-index:10;transform:translateY(calc(var(--_w) * -.04)) scale(1.04);box-shadow:var(--_rim), 0 calc(var(--_w) * .03) calc(var(--_w) * .04) rgb(var(--_ink) / .2), 0 calc(var(--_w) * .14) calc(var(--_w) * .26) rgb(var(--_ink) / .28)}.card.is-selected{z-index:5;box-shadow:var(--_rim), 0 0 0 calc(var(--_w) * .028) var(--_face), 0 0 0 calc(var(--_w) * .056) var(--card-ring,#17605c), var(--_rest)}.card.is-back{background-color:var(--card-back,#6f2c3f);background-image:radial-gradient(circle at 50% 50%, var(--card-back-motif,#ffffff14) 0 28%, transparent 28.6%);box-shadow:inset 0 0 0 calc(var(--_w) * .055) var(--_face), var(--_rest)}@media (prefers-reduced-motion:no-preference){.card{transition:transform .14s ease-out,box-shadow .14s ease-out}}.pile{width:var(--card-w,110px);position:relative}.pile>.card{left:0;top:calc(var(--card-w,110px) * var(--top,0));position:absolute}.board{--suit-font:"Noto Sans Symbols 2", "Segoe UI Symbol", "Apple Symbols", sans-serif;--rank-font:"Libre Baskerville", Georgia, serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:relative}.board .card{cursor:pointer;touch-action:none;will-change:transform;color:var(--suit-black,#1a1a1a);position:absolute;top:0;left:0;overflow:hidden}.board .card[data-color=red]{color:var(--suit-red,#c41e1e)}.board .card{--ink-hi:var(--suit-black-hi,#3b4f64);--ink-mid:var(--suit-black,#1a1a1a);--ink-lo:var(--suit-black-lo,#0a121a)}.board .card[data-color=red]{--ink-hi:var(--suit-red-hi,#d2453a);--ink-mid:var(--suit-red,#c41e1e);--ink-lo:var(--suit-red-lo,#8f1a12)}.board .pip,.board .ace,.board .ix-suit,.board .court-suit,.board.is-compact .card:after{background-image:linear-gradient(170deg, var(--ink-hi), var(--ink-mid) 50%, var(--ink-lo));color:#0000;-webkit-background-clip:text;background-clip:text;margin:-.2em;padding:.2em}.board .pip,.board .ace{margin:0}.board.is-compact .card:after{margin:0 0 -.2em}.board .pip-down,.board .ix-br .ix-suit{background-image:linear-gradient(350deg, var(--ink-hi), var(--ink-mid) 50%, var(--ink-lo))}@media (prefers-reduced-motion:no-preference){.board .card{transition:transform .22s var(--ease,ease-out), box-shadow .15s var(--ease,ease-out)}}.board.is-resizing .card,.board .card.is-dragging{transition:none}.board .card.is-dragging{cursor:grabbing;box-shadow:var(--_rim), 0 calc(var(--_w) * .03) calc(var(--_w) * .04) rgb(var(--_ink) / .2), 0 calc(var(--_w) * .14) calc(var(--_w) * .26) rgb(var(--_ink) / .28)}.board .ix{width:calc(var(--_w) * .22);flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.board .ix-tl{left:calc(var(--_w) * .013);top:calc(var(--_w) * .025)}.board .ix-br{right:calc(var(--_w) * .013);bottom:calc(var(--_w) * .025);transform:rotate(180deg)}.board .ix-rank{font-family:var(--rank-font);font-weight:var(--rank-weight,700);font-size:calc(var(--_w) * .164);letter-spacing:-.05em;line-height:.92}.board .card[data-rank=J] .ix-rank{font-size:calc(var(--_w) * .124);margin-bottom:calc(var(--_w) * .0368);translate:calc(var(--_w) * .011) 0}.board .card[data-rank=Q] .ix-rank{font-size:calc(var(--_w) * .132);margin-bottom:calc(var(--_w) * .0294)}.board .ix-suit{font-family:var(--suit-font);font-size:calc(var(--_w) * .135);line-height:.95}.board .pip,.board .ace{font-family:var(--suit-font);line-height:1;position:absolute;transform:translate(-50%,-50%)}.board .pip{font-size:calc(var(--_w) * .22)}.board .pip-down{transform:translate(-50%,-50%)rotate(180deg)}.board .ace{font-size:calc(var(--_w) * .52);top:52%;left:50%}.board .card[data-suit=s] .ace{translate:0 .142em}.board .card[data-suit=h] .ace{translate:0 .139em}.board .card[data-suit=d] .ace{translate:0 .136em}.board .card[data-suit=c] .ace{translate:0 .154em}.board .card[data-rank=A]:before{content:"";width:calc(var(--_w) * .66);aspect-ratio:1;box-shadow:inset 0 0 0 max(1px, calc(var(--_w) * .008)) #c9a15a99, inset 0 0 0 calc(var(--_w) * .03) var(--card-face,#fdfbf6), inset 0 0 0 calc(var(--_w) * .03 + 1px) #c9a15a59;background:radial-gradient(circle,#c9a15a29 0 40%,#c9a15a00 70%);border-radius:50%;position:absolute;top:52%;left:50%;translate:-50% -50%}.board .court{border:max(1px, calc(var(--_w) * .008)) solid #c9a15abf;border-radius:calc(var(--_w) * .03);box-shadow:inset 0 0 0 calc(var(--_w) * .014) var(--card-face,#fdfbf6), inset 0 0 0 calc(var(--_w) * .014 + 1px) #c9a15a73;place-content:center;justify-items:center;gap:calc(var(--_w) * .02);background:linear-gradient(#c9a15a1f,#c9a15a08);display:grid;position:absolute;inset:15% 20%}.board .court-rank{font-family:var(--rank-font);font-weight:var(--rank-weight,700);font-size:calc(var(--_w) * .34);line-height:1}.board .court-suit{font-family:var(--suit-font);font-size:calc(var(--_w) * .24);line-height:1}.board .court.has-art{display:block;overflow:hidden}.board .court-art{left:calc(var(--_w) * .016 + 1px);right:calc(var(--_w) * .016 + 1px);top:calc(var(--_w) * .016 + 1px);height:calc(50% - var(--_w) * .016 - 1px);width:calc(100% - 2 * (var(--_w) * .016 + 1px));object-fit:cover;object-position:center bottom;pointer-events:none;position:absolute}.board .court-art-down{top:auto;bottom:calc(var(--_w) * .016 + 1px);rotate:180deg}.board .court.has-art:after{content:"";left:calc(var(--_w) * .016 + 1px);right:calc(var(--_w) * .016 + 1px);height:max(1px, calc(var(--_w) * .006));background:#c9a15acc;position:absolute;top:50%;translate:0 -50%}.board .card[data-rank=J] .court-rank{font-size:calc(var(--_w) * .262);margin-bottom:calc(var(--_w) * .078);translate:calc(var(--_w) * .021) 0}.board .card[data-rank=Q] .court-rank{font-size:calc(var(--_w) * .282);margin-bottom:calc(var(--_w) * .058)}.board .slot{box-sizing:border-box;width:var(--card-w);aspect-ratio:264/358;border-radius:calc(var(--card-w) * .06);border:max(1.5px, calc(var(--card-w) * .012)) solid var(--slot-line,#ffffff4d);color:var(--slot-line,#ffffff4d);font-family:var(--suit-font);font-size:calc(var(--card-w) * .42);pointer-events:none;place-items:center;line-height:1;display:grid;position:absolute;top:0;left:0}.board .slot-cell{background:var(--slot-fill,#0000000f);box-shadow:inset 0 calc(var(--card-w) * .02) calc(var(--card-w) * .08) #00000038}.board .slot-foundation{border-color:var(--foundation-line,#d6b26ebf);color:var(--foundation-symbol,#debc7ad9);box-shadow:0 0 calc(var(--card-w) * .13) var(--foundation-glow,#d6b26e33), inset 0 0 calc(var(--card-w) * .1) #d6b26e1a;background:radial-gradient(circle at 50% 46%,#d6b26e1a 0%,#d6b26e00 68%)}.board .slot-foundation .sym{filter:drop-shadow(0 0 calc(var(--card-w) * .03) #debc7a52)}.board.is-compact .ix{width:calc(var(--_w) * .5)}.board.is-compact .ix-tl{left:calc(var(--_w) * .04);top:calc(var(--_w) * .04)}.board.is-compact .ix-rank{font-size:calc(var(--_w) * .38)}.board.is-compact .ix-suit{font-size:calc(var(--_w) * .27)}.board.is-compact .card[data-rank=J] .ix-rank{font-size:calc(var(--_w) * .293);margin-bottom:calc(var(--_w) * .08)}.board.is-compact .card[data-rank=Q] .ix-rank{font-size:calc(var(--_w) * .315);margin-bottom:calc(var(--_w) * .06)}.board.is-compact .ix-br,.board.is-compact .pip,.board.is-compact .ace,.board.is-compact .court,.board.is-compact .card[data-rank=A]:before{display:none}.board.is-compact .card:after{content:attr(data-symbol);font-family:var(--suit-font);font-size:calc(var(--_w) * .5);line-height:1;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.board .court-medal,.board.is-compact .card.has-court-art:after{display:none}.board.is-compact .court-medal{width:calc(var(--_w) * .72);aspect-ratio:1;background:radial-gradient(circle,#c9a15a29 0 40%,#c9a15a0a 70%);border-radius:50%;display:block;position:absolute;bottom:2.5%;left:50%;overflow:hidden;translate:-50%}.board.is-compact .court-medal-img{pointer-events:none;width:165%;max-width:none;position:absolute;top:2%;left:50%;translate:-50%}.board.is-compact .court-medal:after{content:"";box-shadow:inset 0 0 0 max(1px, calc(var(--_w) * .008)) #c9a15a99, inset 0 0 0 calc(var(--_w) * .03) var(--card-face,#fdfbf6), inset 0 0 0 calc(var(--_w) * .03 + 1px) #c9a15a59;border-radius:50%;position:absolute;inset:0}.board .is-drawn{color:inherit;background:0 0;margin:0;padding:0}.board .ix-br .is-drawn,.board .pip-down.is-drawn{background:0 0}.board .is-drawn .sym{width:.9em;height:.9em;display:block;overflow:visible}.board .card[data-suit] .ace.is-drawn{translate:none}.board .compact-sym,.board.is-compact .card.uses-drawn:after{display:none}.board.is-compact .compact-sym{font-size:calc(var(--_w) * .5);display:block;position:absolute;bottom:4%;left:50%;translate:-50%}.board.is-compact .card.has-court-art .compact-sym{display:none}.board .slot .sym{width:.8em;height:.8em}