.kl-sprite{position:absolute;width:0;height:0;overflow:hidden}.kl-root{margin-block:28px;position:relative;--kl-felt: #1e7a46;--kl-felt-deep: #14572f;--kl-cw: clamp(44px, 12.5vw, 118px);--kl-ch: calc(var(--kl-cw) * 1.4);--kl-gap: clamp(4px, 1.4vw, 10px);--kl-pad: max(3px, calc(var(--kl-cw) * .07));--kl-rank-size: calc(var(--kl-cw) * .3);--kl-pip-size: calc(var(--kl-cw) * .26);--kl-step: calc(var(--kl-pad) * 2 + var(--kl-rank-size));--kl-back-step: calc(var(--kl-cw) * .2)}.kl-board{background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 8px,transparent 8px 16px),var(--kl-felt);border:2px solid var(--ink);border-radius:8px;padding:var(--kl-gap);display:grid;gap:calc(var(--kl-gap) * 2);width:100%;overflow-x:auto}.kl-zones{display:flex;justify-content:space-between;gap:var(--kl-gap)}.kl-group{display:flex;gap:var(--kl-gap)}.kl-tableau{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--kl-gap);justify-items:center}.kl-col{position:relative;width:var(--kl-cw);min-height:calc(var(--kl-ch) + var(--h) * var(--kl-back-step) + (var(--s) - 1) * var(--kl-step))}.kl-card,.kl-slot,.kl-stock{width:var(--kl-cw);height:var(--kl-ch);border-radius:6px}.kl-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}.kl-card:disabled{opacity:1}.kl-card--red{color:var(--red)}.kl-card--movable{cursor:grab;touch-action:none}.kl-card--back{background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 5px,transparent 5px 10px),var(--kl-felt-deep)}.kl-card--stacked{position:absolute;inset-inline-start:0;top:calc(var(--i) * var(--kl-back-step) + var(--j) * var(--kl-step))}.kl-card--selected{outline:3px solid var(--gold);outline-offset:-1px;z-index:1}.kl-drop-target{position:relative;outline:4px solid var(--gold);outline-offset:3px;border-radius:6px;background-color:#c9a22747;z-index:3}.kl-card--dragging{opacity:.4;outline:2px dashed var(--gold);outline-offset:-2px;cursor:grabbing}.kl-drag-ghost{position:fixed;z-index:60;width:var(--kl-cw);pointer-events:none;cursor:grabbing}.kl-drag-ghost .kl-card{opacity:1;box-shadow:0 10px 24px #00000073}.kl-card--reject{border-color:var(--red);animation:kl-shake .32s ease-in-out;z-index:2}@keyframes kl-shake{20%{translate:-4px 0}50%{translate:4px 0}80%{translate:-2px 0}}.kl-board--won .kl-card{pointer-events:none;cursor:default}.kl-rank{position:absolute;top:var(--kl-pad);left:var(--kl-pad);width:calc(var(--kl-cw) * .3);font-size:var(--kl-rank-size);font-weight:700;line-height:1;letter-spacing:-.02em}.kl-rank--narrow{font-size:calc(var(--kl-rank-size) * .82);letter-spacing:-.06em}.kl-suit{position:absolute;top:calc(var(--kl-pad) + (var(--kl-rank-size) - var(--kl-pip-size)) / 2);left:calc(var(--kl-pad) + var(--kl-cw) * .32);width:var(--kl-pip-size);height:var(--kl-pip-size);fill:currentColor}.kl-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(--kl-felt-deep);border:1.5px solid var(--ink);color:var(--gold);font-family:var(--font-display);font-weight:700;font-size:calc(var(--kl-cw) * .28);line-height:1;cursor:pointer;user-select:none}.kl-stock:hover{border-color:var(--gold)}.kl-stock--recycle{background:transparent;border-style:dashed}.kl-slot{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 5px,transparent 5px 10px),var(--kl-felt-deep)}.kl-slot--foundation{border:1.5px dashed rgba(255,255,255,.35);background:transparent;display:grid;place-items:center}.kl-ghost{width:46%;height:46%;fill:#fff;opacity:.25}.kl-col:empty{background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 5px,transparent 5px 10px),var(--kl-felt-deep);border-radius:6px}.kl-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.kl-controls .btn:disabled{opacity:.4;cursor:not-allowed}.kl-draw{display:flex;border:1.5px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.kl-draw__btn{font-family:var(--font-display);font-size:14px;font-weight:700;padding:11px 16px;border:0;background:var(--white);color:var(--muted);cursor:pointer}.kl-draw__btn+.kl-draw__btn{border-inline-start:1.5px solid var(--line)}.kl-draw__btn[aria-pressed=true]{background:var(--green-soft);color:var(--green-deep)}.kl-moves{margin-inline-start:auto;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--muted)}.kl-hint{margin-top:8px;font-size:14px;color:var(--muted);min-height:1.5em}.kl-hint--win{font-weight:700;color:var(--green)}@media(max-width:480px){.kl-moves{margin-inline-start:0;width:100%}}@media(max-width:640px){.kl-board{margin-inline:calc(-1 * var(--pad-side-mob));border-inline:0;border-radius:0;width:auto}}.kl-root--klassisk{--kl-felt: #007a1e;--kl-felt-deep: #005c14}.kl-root--klassisk .kl-board{background:var(--kl-felt);border-color:#000}.kl-root--klassisk .kl-card,.kl-root--klassisk .kl-slot,.kl-root--klassisk .kl-stock{border-radius:2px}.kl-root--klassisk .kl-card{border-width:1px;border-color:#000}.kl-root--klassisk .kl-card--back,.kl-root--klassisk .kl-stock{background:repeating-linear-gradient(45deg,rgb(255 255 255 / .28) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgb(255 255 255 / .28) 0 1px,transparent 1px 5px),navy;box-shadow:inset 0 0 0 2px #fff;border-color:#000}.kl-root--klassisk .kl-stock{color:#fff}.kl-root--klassisk .kl-stock--recycle{background:transparent;box-shadow:none;border:1px dashed rgb(255 255 255 / .6);color:#fff}.kl-root--klassisk .kl-slot,.kl-root--klassisk .kl-col:empty{background:var(--kl-felt-deep);box-shadow:inset 0 0 0 1px #00000073;border-radius:2px}.kl-root--klassisk .kl-slot--foundation{background:transparent;box-shadow:none;border:1px dashed rgb(255 255 255 / .5)}.kl-root--klassisk .kl-drag-ghost .kl-card{box-shadow:none}.kl-cascade{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}.kl-cascade__card{position:absolute;top:4%;left:var(--x);animation:kl-cascade-drop var(--dur) var(--delay) forwards,kl-cascade-slide var(--dur) linear var(--delay) forwards}@keyframes kl-cascade-drop{0%{top:4%;animation-timing-function:cubic-bezier(.45,0,.95,.5)}22%{top:86%;animation-timing-function:cubic-bezier(.1,.6,.5,1)}38%{top:44%;animation-timing-function:cubic-bezier(.45,0,.95,.5)}54%{top:86%;animation-timing-function:cubic-bezier(.1,.6,.5,1)}66%{top:63%;animation-timing-function:cubic-bezier(.45,0,.95,.5)}78%{top:86%;animation-timing-function:cubic-bezier(.1,.6,.5,1)}86%{top:76%;animation-timing-function:cubic-bezier(.45,0,.95,.5)}to{top:86%}}@keyframes kl-cascade-slide{0%{left:var(--x);opacity:1;transform:rotate(0)}88%{opacity:1}to{left:var(--dx);opacity:0;transform:rotate(var(--rot))}}@media(prefers-reduced-motion:reduce){.kl-cascade{display:none}}