.c-cards{--c-w:46px;--c-h:66px;--c-r:6px;--c-red:#c0272d;--c-face:#fff;--c-ink:#1a1a1a;--c-edge:#00000047}@media (prefers-reduced-motion:no-preference){html:not([data-motion="0"]) .c-cards{--m-fast:var(--m-scaled-fast);--m-base:var(--m-scaled-base);--m-slow:var(--m-scaled-slow)}}.c-card{width:var(--c-w);height:var(--c-h);border:1px solid var(--c-edge);border-radius:var(--c-r);background:var(--c-face);color:var(--c-ink);font:inherit;text-align:center;z-index:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:none;place-content:center;gap:0;padding:0;line-height:1.05;display:grid;position:relative;box-shadow:0 1px 2px #0000002e}.c-card-r{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.c-card-s{font-size:14px}.c-card[data-suit="1"],.c-card[data-suit="2"]{color:var(--c-red)}.c-card[data-suit=j]{color:#6d28d9}.c-card[data-suit=j] .c-card-r{font-size:17px}.c-card[data-face=kenney]{box-sizing:content-box;background:#fff;padding:0;display:block;overflow:hidden}.c-face{background-repeat:no-repeat;width:100%;height:100%;display:block}.c-face-kenney{image-rendering:pixelated}.is-kenney{--c-w:42px;--c-h:60px}@media (width>=768px){.is-kenney{--c-w:84px;--c-h:120px}}.c-card[data-face=classic],.c-card[data-face=classic4]{box-sizing:content-box;background:#fff;padding:0;display:block;overflow:hidden}.c-face-classic{image-rendering:auto}.is-classic,.is-classic4{--c-w:64px;--c-h:96px}@media (width>=768px){.is-classic,.is-classic4{--c-w:84px;--c-h:126px}}@font-face{font-family:BGJ Cond;src:url(/fonts/roboto-condensed-700-cards.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+30-39,U+41,U+4A-4B,U+51}.is-index,.c-card[data-size=full],.c-slot[data-size=full]{--c-w:64px;--c-h:96px}.c-card[data-size=mini],.c-slot[data-size=mini]{--c-w:46px;--c-h:66px}.c-card[data-size=mini-pk],.c-slot[data-size=mini-pk]{--c-w:52px;--c-h:74px}.c-card[data-size=mini-xs],.c-slot[data-size=mini-xs]{--c-w:28px;--c-h:40px}@media (width>=960px){.is-index,.c-card[data-size=full],.c-slot[data-size=full]{--c-w:84px;--c-h:126px}.c-card[data-size=mini],.c-slot[data-size=mini]{--c-w:64px;--c-h:96px}.c-card[data-size=mini-pk],.c-slot[data-size=mini-pk]{--c-w:72px;--c-h:104px}.c-card[data-size=mini-xs],.c-slot[data-size=mini-xs]{--c-w:34px;--c-h:48px}}.c-card[data-face=index]{box-sizing:border-box;background:var(--c-face,#fff);color:var(--cs,var(--c-ink,#1a1a1a));padding:0;display:block;overflow:hidden}.c-card[data-face=index][data-suit="0"]{--cs:#1e40af}.c-card[data-face=index][data-suit="1"]{--cs:#b3261e}.c-card[data-face=index][data-suit="2"]{--cs:#c2410c}.c-card[data-face=index][data-suit="3"]{--cs:#15803d}.c-card[data-face=index][data-suit=j]{--cs:#6d28d9}[data-suits="2"] .c-card[data-face=index][data-suit="0"],[data-suits="2"] .c-card[data-face=index][data-suit="3"]{--cs:#1a1a1a}[data-suits="2"] .c-card[data-face=index][data-suit="1"],[data-suits="2"] .c-card[data-face=index][data-suit="2"]{--cs:#b3261e}.c-card[data-face=index]{border-radius:clamp(2px, calc(var(--c-w) * .08), 6px);container-type:inline-size}.c-idx{z-index:2;left:calc(var(--c-w) * .045);top:calc(var(--c-w) * .045);width:calc(var(--c-w) * .22);align-items:center;gap:calc(var(--c-w) * .02);padding-bottom:calc(var(--c-w) * .015);border-radius:0 0 calc(var(--c-w) * .04) 0;background:var(--c-face,#fff);color:var(--cs);flex-direction:column;line-height:1;display:flex;position:absolute}.c-idx-r{width:max-content;font-family:BGJ Cond,Arial Narrow,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:calc(var(--c-w) * .32);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:.8;display:block;position:relative}.c-idx-r[data-wide]{width:.62em}.c-idx-r{-webkit-text-fill-color:transparent}.c-idx-r>.c-idx-rg{pointer-events:none;fill:currentColor;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.c-idx-rg path{fill:currentColor}.c-idx-s{width:calc(var(--c-w) * .17);height:calc(var(--c-w) * .17);flex:none;display:block;position:relative}.c-idx-s svg{width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-idx-star{width:calc(var(--c-w) * .22);height:calc(var(--c-w) * .22)}.c-card[data-face=index] svg path{fill:currentColor}.c-idx-br{top:auto;left:auto;right:calc(var(--c-w) * .045);bottom:calc(var(--c-w) * .045);transform:rotate(180deg)}[data-hand=left] .c-card[data-face=index]>.c-idx,.c-card[data-hand=left][data-face=index]>.c-idx{left:auto;right:calc(var(--c-w) * .045);border-radius:0 0 0 calc(var(--c-w) * .04)}[data-hand=left] .c-card[data-face=index]>.c-idx-br,.c-card[data-hand=left][data-face=index]>.c-idx-br{right:auto;left:calc(var(--c-w) * .045)}.c-ctr{z-index:1;display:block;position:absolute;inset:0}.c-face-pip{--pip:calc(var(--c-w) * .16);width:var(--pip);height:var(--pip);left:calc((.36 + .28 * var(--px)) * 100% - var(--pip) / 2);top:calc((.2 + .6 * var(--py)) * 100% - var(--pip) / 2);color:var(--cs);position:absolute}.c-face-pip[data-flip]{transform:rotate(180deg)}.c-ctr-one{width:calc(var(--c-w) * .44);height:calc(var(--c-w) * .44);color:var(--cs);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-ctr-one[data-rank=n]{display:none}.c-ctr-art{--ww:min(calc(var(--c-w) * var(--art-w,.52)), calc((var(--c-h) - var(--c-w) * .12) / var(--far)));--wh:calc(var(--ww) * var(--far));--dw:calc(var(--ww) / var(--az));--dh:calc(var(--dw) * var(--ar));width:var(--ww);height:var(--wh);background-repeat:no-repeat;background-size:calc(var(--dw) * var(--cols)) calc(var(--dh) * var(--rows));background-position:calc(-1 * (var(--col) + var(--ax)) * var(--dw)) calc(-1 * (var(--row) + var(--ay)) * var(--dh));display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-card[data-covered] .c-face-pip,.c-card[data-covered] .c-ctr-one{visibility:hidden}.c-hand-card[data-covered]:is(.is-sel,.is-ghost,:focus-visible) :is(.c-face-pip,.c-ctr-one){visibility:visible}.c-ctr-art:before,.c-ctr-art:after{content:"";width:calc(var(--mw,0) * 100%);height:calc(var(--mh,0) * 100%);background:var(--c-face,#fff);position:absolute}.c-ctr-art:before{top:0;left:0}.c-ctr-art:after{width:calc(var(--mbw,0) * 100%);bottom:0;right:0}.c-court-mark,[data-court=mark] .c-ctr-art{display:none}[data-court=mark] .c-court-mark{box-sizing:border-box;width:calc(var(--c-w) * .44);height:min(calc(var(--c-w) * .92), calc(var(--c-h) - var(--c-w) * .3));justify-content:center;align-items:center;gap:calc(var(--c-w) * .03);border:max(1px, calc(var(--c-w) * .018)) solid var(--cs);border-radius:calc(var(--c-w) * .06);background:color-mix(in srgb, var(--cs) 7%, #fff);color:var(--cs);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-court-em{width:calc(var(--c-w) * .24);height:calc(var(--c-w) * .24);display:block}.c-court-l{font-family:BGJ Cond,Arial Narrow,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:calc(var(--c-w) * .34);line-height:.8;display:block}.c-court-s{width:calc(var(--c-w) * .16);height:calc(var(--c-w) * .16);display:block}[data-court=mark] .c-card[data-suit=j] .c-court-em{width:calc(var(--c-w) * .34);height:calc(var(--c-w) * .34)}@container (width<=53.9px){.c-idx{width:calc(var(--c-w) * .3)}.c-idx-r{font-size:calc(var(--c-w) * .42)}.c-idx-s{width:calc(var(--c-w) * .22);height:calc(var(--c-w) * .22)}.c-idx-star{width:calc(var(--c-w) * .3);height:calc(var(--c-w) * .3)}.c-face-pip{display:none}.c-ctr-one,.c-ctr-one[data-rank=n]{width:calc(var(--c-w) * .3);height:calc(var(--c-w) * .3);display:block}.c-ctr-art,[data-court=mark] .c-ctr-art{display:none}.c-court-mark,[data-court=mark] .c-court-mark{width:auto;height:auto;color:var(--cs);background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-court-em,.c-court-s{display:none}.c-court-l{font-size:calc(var(--c-w) * .42)}.c-card[data-suit=j] .c-court-em{width:calc(var(--c-w) * .34);height:calc(var(--c-w) * .34);display:block}}@container (width<=33.9px){.c-ctr,.c-idx-br{display:none}.c-idx,[data-hand=left] .c-card[data-face=index]>.c-idx,.c-card[data-hand=left][data-face=index]>.c-idx{width:calc(var(--c-w) * .7);background:0 0;padding:0;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.c-idx-r{font-size:max(10px, calc(var(--c-w) * .54))}.c-idx-s{width:calc(var(--c-w) * .36);height:calc(var(--c-w) * .36)}.c-idx-star{width:calc(var(--c-w) * .44);height:calc(var(--c-w) * .44)}}.c-card[data-size^=mini]>.c-ctr,.c-card[data-size^=mini]>.c-idx-br{display:none}.c-card[data-size^=mini]>.c-idx,[data-hand=left] .c-card[data-size^=mini][data-face=index]>.c-idx{width:calc(var(--c-w) * .62);background:0 0;padding:0;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.c-card[data-size^=mini]>.c-idx .c-idx-r{font-size:max(10px, calc(var(--c-w) * .54))}.c-card[data-size^=mini]>.c-idx .c-idx-s{width:calc(var(--c-w) * .34);height:calc(var(--c-w) * .34)}.c-card[data-size^=mini]>.c-idx .c-idx-star{width:calc(var(--c-w) * .42);height:calc(var(--c-w) * .42)}.c-card-back{box-sizing:border-box;box-shadow:inset 0 0 0 clamp(1px, calc(var(--c-w) * .04), 3px) #fff, 0 1px 2px #0000002e;border-radius:clamp(2px, calc(var(--c-w) * .08), 6px);background-color:#1e40af;background-image:repeating-linear-gradient(45deg,#fff3 0 1px,#0000 1px 5px),repeating-linear-gradient(-45deg,#fff3 0 1px,#0000 1px 5px);display:block}.c-backs{align-items:center;gap:5px;display:inline-flex}.c-backs-n{font-variant-numeric:tabular-nums;color:var(--text);font-weight:800}.c-slot{box-sizing:border-box;width:var(--c-w);height:var(--c-h);border:2px dashed var(--line);border-radius:var(--c-r,6px);color:inherit;font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;flex:none;place-items:center;padding:0;display:grid;position:relative}button.c-slot{cursor:pointer}button.c-slot:not(:disabled):hover{border-color:var(--cta)}button.c-slot:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}button.c-slot:disabled{cursor:default;opacity:1;border-color:var(--line)}.c-slot-in{place-items:center;display:grid}.c-slot-in .c-card{box-shadow:none}.c-slot-n{background:var(--text);min-width:26px;color:var(--bg);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:1px 6px;font-size:.75rem;font-weight:800;line-height:1.4;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.c-slot.is-empty{border-style:dotted}.c-hand-band{width:calc(100% + var(--c-bleed,0px) * 2);margin-inline:calc(-1 * var(--c-bleed,0px));position:relative}@media (width<=959px){.pboard:has(.c-hand-band[data-bleed]){width:calc(100% + var(--sp-3) * 2);margin-inline:calc(-1 * var(--sp-3));padding-inline:var(--sp-3)}.pboard .c-hand-band[data-bleed]{--c-bleed:var(--sp-3)}}.c-sort{border:1px solid var(--line);border-radius:var(--r-btn,8px);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;touch-action:manipulation;padding:2px;font-size:10px;font-weight:700;line-height:1.1;position:absolute;bottom:0;right:0;overflow:hidden}.c-sort:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.c-hand{min-height:calc(var(--c-h) + 22px);justify-content:center;align-items:flex-end;width:100%;padding-top:14px;display:flex}.c-hand-card{cursor:pointer;margin-left:calc(-1 * var(--c-ov,18px));transform-origin:50% 300%;transform:rotate(calc((var(--c-i,0) - var(--c-mid,0)) * var(--c-fan,2.2deg))) translateY(var(--c-lift,0));transition:transform var(--m-fast) var(--e-out), filter var(--m-fast) var(--e-out)}.c-hand-card:first-child{margin-left:0}@media (hover:hover) and (pointer:fine){.c-hand-card:not(:disabled):hover{--c-lift:-8px;z-index:2}}.c-hand[data-lay]{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;padding-top:0;display:block;position:relative}.c-hand[data-lay]>.c-hand-card{z-index:var(--c-z,0);margin-left:0;position:absolute}@media (hover:hover) and (pointer:fine){.c-hand[data-lay]>.c-hand-card:not(:disabled):not([aria-disabled=true]):hover{--c-lift:-8px;z-index:calc(var(--c-z,0) + 100)}}.c-hand[data-lay]:is([data-rows="2"],[data-rows="3"])>.c-hand-card:is([data-row="1"],[data-row="2"]).is-sel{--c-lift:-12px}.c-hand[data-lay]>.c-hand-card.is-ghost{z-index:calc(var(--c-z,0) + 300)}.c-hand[data-lay]>.c-hand-card:focus-visible{z-index:calc(var(--c-z,0) + 400)}.c-hand-card:focus-visible{z-index:3;outline:3px solid var(--indigo);outline-offset:2px}.c-hand-card.is-sel{--c-lift:-18px;border-color:var(--cta);box-shadow:0 0 0 3px var(--cta)}.c-hand-card.is-ghost{--c-lift:-24px;z-index:4;opacity:1;border:2px dashed var(--cta);box-shadow:0 0 0 3px color-mix(in srgb, var(--cta) 45%, transparent)}.c-hand-card.is-ghost.m-ghost{animation:c-ghost 1.6s var(--e-out) infinite}@keyframes c-ghost{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--cta) 45%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--cta) 20%, transparent)}}.c-hand-card:disabled:not([data-idle]),.c-hand-card[aria-disabled=true]{cursor:default;filter:grayscale()brightness(.82);opacity:1}.c-hand-card:disabled[data-idle]{cursor:default}.c-hand-card.is-dealt{--m-pulse-color:var(--cta);animation:c-deal var(--ct-move,.26s) var(--e-out)}@keyframes c-deal{0%{transform:translateY(-22px)scale(.94)}}.c-pile{min-height:calc(var(--c-h) + 26px);place-items:center;width:100%;display:grid;position:relative}.c-pile-group{transform:translate(calc(var(--c-back,0) * -7px), calc(var(--c-back,0) * 6px)) rotate(var(--c-tilt,0deg));filter:brightness(max(.28, calc(1 - var(--c-back,0) * .18)));transition:transform var(--m-base) var(--e-out);grid-area:1/1;gap:3px;display:flex}.c-pile-group .c-card{z-index:1}.c-pile-group.is-sweep{animation:c-sweep var(--m-slow) var(--e-in) forwards;pointer-events:none}@keyframes c-sweep{to{opacity:0;transform:translate(120px,18px)rotate(14deg)}}.c-pile-note{color:var(--muted);text-align:center;min-height:1.5em;margin:0}@media (prefers-reduced-motion:reduce){.c-hand-card,.c-pile-group{transition:transform .12s linear,filter .12s linear}.c-pile-group.is-sweep{opacity:0;animation:none}.c-hand-card.is-dealt{animation:.12s linear c-deal}}[data-motion="0"] .c-hand-card,[data-motion="0"] .c-pile-group{transition:transform .12s linear,filter .12s linear}[data-motion="0"] .c-pile-group.is-sweep{opacity:0;animation:none}[data-motion="0"] .c-hand-card.is-dealt{animation:.12s linear c-deal}@media (width<=959px){.c-pile{min-height:calc(var(--c-h) + 8px)}.c-hand{min-height:calc(var(--c-h) + 16px)}.c-pile-note{min-height:1.2em}}@media (width>=768px){.c-cards{--c-w:56px;--c-h:80px}.c-card-r{font-size:22px}.c-card-s{font-size:16px}}.c-pile-note[data-reserve-lines]{height:calc(var(--pile-note-lines) * 1.2em);min-height:calc(var(--pile-note-lines) * 1.2em);line-height:1.2;overflow:hidden}