.sp-sprite{position:absolute;width:0;height:0;overflow:hidden}.sp-root{margin-block:28px;--sp-felt: #1e7a46;--sp-felt-deep: #14572f;--sp-cw: clamp(28px, 8vw, 88px);--sp-ch: calc(var(--sp-cw) * 1.4);--sp-gap: clamp(3px, .7vw, 6px);--sp-pad: max(3px, calc(var(--sp-cw) * .07));--sp-rank-size: calc(var(--sp-cw) * .3);--sp-pip-size: calc(var(--sp-cw) * .26);--sp-step: calc(var(--sp-pad) * 2 + var(--sp-rank-size));--sp-back-step: calc(var(--sp-cw) * .2)}.sp-board{background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 8px,transparent 8px 16px),var(--sp-felt);border:2px solid var(--ink);border-radius:8px;padding:var(--sp-gap);display:grid;gap:calc(var(--sp-gap) * 2);width:100%;overflow-x:auto}.sp-zones{display:flex;justify-content:space-between;gap:var(--sp-gap)}.sp-group{display:flex;gap:var(--sp-gap)}.sp-tableau{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--sp-gap);justify-items:center}.sp-col{position:relative;width:var(--sp-cw);min-height:calc(var(--sp-ch) + var(--h) * var(--sp-back-step) + (var(--s) - 1) * var(--sp-step))}.sp-card,.sp-slot,.sp-stock{width:var(--sp-cw);height:var(--sp-ch);border-radius:5px}.sp-card{position:relative;display:block;margin:0;padding:0;background:var(--white);border:1.5px solid var(--ink);color:var(--ink);font-family:var(--font-display);overflow:hidden;user-select:none;cursor:default}.sp-card:disabled{opacity:1}.sp-card--red{color:var(--red)}.sp-card--movable{cursor:grab;touch-action:none}.sp-card--back{background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 5px,transparent 5px 10px),var(--sp-felt-deep)}.sp-card--stacked{position:absolute;inset-inline-start:0;top:calc(var(--i) * var(--sp-back-step) + var(--j) * var(--sp-step))}.sp-card--selected{outline:3px solid var(--gold);outline-offset:-1px;z-index:1}.sp-drop-target{position:relative;outline:4px solid var(--gold);outline-offset:3px;border-radius:6px;background-color:#c9a22747;z-index:3}.sp-card--dragging{opacity:.4;outline:2px dashed var(--gold);outline-offset:-2px;cursor:grabbing}.sp-drag-ghost{position:fixed;z-index:60;width:var(--sp-cw);pointer-events:none;cursor:grabbing}.sp-drag-ghost .sp-card{opacity:1;box-shadow:0 10px 24px #00000073}.sp-card--reject{border-color:var(--red);animation:sp-shake .32s ease-in-out;z-index:2}@keyframes sp-shake{20%{translate:-4px 0}50%{translate:4px 0}80%{translate:-2px 0}}.sp-board--won .sp-card{pointer-events:none;cursor:default}.sp-rank{position:absolute;top:var(--sp-pad);left:var(--sp-pad);width:calc(var(--sp-cw) * .3);font-size:var(--sp-rank-size);font-weight:700;line-height:1;letter-spacing:-.02em}.sp-rank--narrow{font-size:calc(var(--sp-rank-size) * .82);letter-spacing:-.06em}.sp-suit{position:absolute;top:calc(var(--sp-pad) + (var(--sp-rank-size) - var(--sp-pip-size)) / 2);left:calc(var(--sp-pad) + var(--sp-cw) * .32);width:var(--sp-pip-size);height:var(--sp-pip-size);fill:currentColor}.sp-stock{display:grid;place-items:center;margin:0;padding:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 5px,transparent 5px 10px),var(--sp-felt-deep);border:1.5px solid var(--ink);color:var(--gold);font-family:var(--font-display);font-weight:700;font-size:calc(var(--sp-cw) * .32);line-height:1;cursor:pointer;user-select:none}.sp-stock:hover{border-color:var(--gold)}.sp-slot{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 5px,transparent 5px 10px),var(--sp-felt-deep)}.sp-slot--run{border:1.5px dashed rgba(255,255,255,.35);background:transparent}.sp-col:empty{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 5px,transparent 5px 10px),var(--sp-felt-deep);border-radius:5px}.sp-progress{margin-top:14px;max-width:none;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--muted)}.sp-progress--going{color:var(--green)}.sp-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.sp-controls .btn:disabled{opacity:.4;cursor:not-allowed}.sp-suits{display:flex;border:1.5px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.sp-suits__btn{font-family:var(--font-display);font-size:14px;font-weight:700;padding:11px 14px;border:0;background:var(--white);color:var(--muted);cursor:pointer}.sp-suits__btn+.sp-suits__btn{border-inline-start:1.5px solid var(--line)}.sp-suits__btn[aria-pressed=true]{background:var(--green-soft);color:var(--green-deep)}.sp-moves{margin-inline-start:auto;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--muted)}.sp-hint{margin-top:8px;font-size:14px;color:var(--muted);min-height:3em}.sp-hint--win{font-weight:700;color:var(--green)}@media(max-width:560px){.sp-moves{margin-inline-start:0;width:100%}}@media(max-width:640px){.sp-board{margin-inline:calc(-1 * var(--pad-side-mob));border-inline:0;border-radius:0;width:auto}}