.pc{all:unset;box-sizing:border-box;aspect-ratio:5/7;border-radius:calc(var(--cw,60px)*.1);color:oklch(20% .02 330);cursor:pointer;width:100%;font-family:var(--font-body);transition:transform .12s var(--ease),box-shadow .12s;background:#fff;line-height:1;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px oklch(75% .02 330),0 1px 2px oklch(10% .03 330/.35)}.pc.red{color:var(--red)}.pc-c{font-size:max(10px,calc(var(--cw,60px)*.27));flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:5%;left:7%}.pc-c b{letter-spacing:-.04em;font-weight:700}.pc-c i{font-size:.9em;font-style:normal}.pc-mid{font-size:calc(var(--cw,60px)*.46);font-family:var(--font-display);position:absolute;bottom:6%;right:8%}.pc.down{background:repeating-linear-gradient(45deg,var(--plum-600) 0 3px,var(--plum-700) 3px 7px);box-shadow:0 0 0 2px var(--bone) inset,0 0 0 1px oklch(20% .04 330),0 1px 2px oklch(10% .03 330/.4);cursor:default}.pc.sel{box-shadow:0 0 0 3px var(--brass),0 4px 10px oklch(10% .03 330/.5);transform:translateY(-3px)}.pc.hint{box-shadow:0 0 0 3px oklch(80% .15 150),0 4px 10px oklch(10% .03 330/.5)}.pc:focus-visible{outline:3px solid var(--brass);outline-offset:1px}.pc:disabled{cursor:default}.slot{aspect-ratio:5/7;border-radius:calc(var(--cw,60px)*.1);color:oklch(80% .04 330/.8);width:100%;font-size:calc(var(--cw,60px)*.4);font-family:var(--font-display);border:2px dashed oklch(70% .05 330/.55);place-items:center;display:grid}button.slot{all:unset;box-sizing:border-box;aspect-ratio:5/7;border-radius:calc(var(--cw,60px)*.1);color:oklch(80% .04 330/.8);width:100%;font-size:calc(var(--cw,60px)*.4);font-family:var(--font-display);cursor:pointer;border:2px dashed oklch(70% .05 330/.55);place-items:center;display:grid}button.slot:focus-visible{outline:3px solid var(--brass)}.cardgrid{container-type:inline-size}.cols{gap:var(--gap);display:grid}.cols>*{min-width:0}.cols>*,.pile{position:relative}.pile>.pc,.pile>.pcw{position:absolute;left:0;right:0}