.g-klondike-solitaire{--cw:40px;--ch:57px;--fs:12px;--gap:3px;--card-face:#fbfaf6;--card-ink:#1d2320;--card-red:#c0392b;padding:4px;border-radius:8px;background:var(--accent-soft);outline-offset:2px;touch-action:manipulation;position:relative}.g-klondike-solitaire .kl-top,.g-klondike-solitaire .kl-cols{display:grid;grid-template-columns:repeat(7,var(--cw));gap:var(--gap);justify-content:center}.g-klondike-solitaire .kl-top{margin-bottom:calc(var(--gap) * 2 + 6px);height:var(--ch)}.g-klondike-solitaire .kl-col{position:relative;min-height:var(--ch)}.g-klondike-solitaire .kl-col::before{content:"";position:absolute;left:0;top:0;width:100%;height:var(--ch);border:1px dashed var(--line);border-radius:calc(var(--cw) * .1);pointer-events:none}.g-klondike-solitaire .kl-col.is-drop-ok::before{border:2px solid var(--accent);background:rgba(255,255,255,.18)}.g-klondike-solitaire .kl-col.is-hint-to::before{border:3px solid var(--gold)}.g-klondike-solitaire .kl-col.is-cursor-col::before{border:3px solid var(--focus)}.g-klondike-solitaire .kl-card,.g-klondike-solitaire .kl-found,.g-klondike-solitaire .kl-stock{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .1);border:1px solid #8e9791;font-size:var(--fs);font-weight:700;line-height:1;color:var(--card-ink);background:var(--card-face);box-shadow:0 1px 1px rgba(0,0,0,.25);box-sizing:border-box}.g-klondike-solitaire .kl-card{position:absolute;left:0;top:0;overflow:hidden;touch-action:none;cursor:grab}.g-klondike-solitaire .kl-card.red{color:var(--card-red)}.g-klondike-solitaire .kl-ix{position:absolute;left:.18em;top:.16em;white-space:nowrap;letter-spacing:-.04em}.g-klondike-solitaire .kl-ix i{font-style:normal;margin-left:.04em}.g-klondike-solitaire .kl-mid{position:absolute;left:0;right:0;bottom:6%;text-align:center;font-size:calc(var(--cw) * .62);line-height:1}.g-klondike-solitaire .kl-card.down{background:repeating-linear-gradient(45deg,#2c6b8c 0 3px,#245a76 3px 6px);border-color:#f3f1ea;border-width:2px;cursor:default}.g-klondike-solitaire .kl-stock{grid-column:1;position:relative;padding:0;display:grid;place-items:center;cursor:pointer;font-family:inherit;background:repeating-linear-gradient(45deg,#2c6b8c 0 3px,#245a76 3px 6px);border-color:#f3f1ea;border-width:2px}.g-klondike-solitaire .kl-stock.is-empty{background:0 0;border:1px dashed var(--line);box-shadow:none;color:var(--ink-2)}.g-klondike-solitaire .kl-stock.is-empty:not(.can-redeal){cursor:default}.g-klondike-solitaire .kl-redeal{font-size:calc(var(--cw) * .6);line-height:1}.g-klondike-solitaire .kl-stock__n{background:rgba(255,255,255,.92);color:#1d2320;border-radius:999px;min-width:1.5em;padding:.15em .3em;font-size:var(--fs)}.g-klondike-solitaire .kl-stock:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.g-klondike-solitaire .kl-waste{grid-column:2/span 2;position:relative;height:var(--ch);border-radius:calc(var(--cw) * .1)}.g-klondike-solitaire .kl-waste .kl-fan{pointer-events:none;cursor:default}.g-klondike-solitaire .kl-found{position:relative;background:0 0;border:1px dashed var(--line);box-shadow:none;display:block}.g-klondike-solitaire .kl-found .kl-card{left:-1px;top:-1px}.g-klondike-solitaire .kl-found .kl-card{cursor:grab}.g-klondike-solitaire .kl-ghost{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cw) * .6);color:var(--ink-2);opacity:.45}.g-klondike-solitaire .kl-ghost.red{color:var(--card-red)}.g-klondike-solitaire .kl-found.is-drop-ok{border:2px solid var(--accent);background:rgba(255,255,255,.2)}.g-klondike-solitaire .kl-found.is-hint-to{border:3px solid var(--gold)}.g-klondike-solitaire .kl-stock.is-hint-to{box-shadow:0 0 0 3px var(--gold)}.g-klondike-solitaire .is-cursor.kl-stock,.g-klondike-solitaire .is-cursor.kl-found,.g-klondike-solitaire .is-cursor.kl-waste{outline:3px solid var(--focus);outline-offset:1px}.g-klondike-solitaire .kl-card.is-lifted{visibility:hidden}.g-klondike-solitaire .kl-drag{position:absolute;left:0;top:0;width:0;height:0;z-index:30;pointer-events:none;will-change:transform}.g-klondike-solitaire .kl-drag .kl-card{box-shadow:0 4px 10px rgba(0,0,0,.4);cursor:grabbing}.g-klondike-solitaire .kl-card.is-hint{box-shadow:0 0 0 3px var(--gold),0 1px 1px rgba(0,0,0,.25);z-index:2}.g-klondike-solitaire .kl-card.is-hint-to{box-shadow:0 0 0 3px var(--gold);z-index:2}.g-klondike-solitaire .kl-card.is-sel{box-shadow:0 0 0 3px var(--accent),0 2px 6px rgba(0,0,0,.4);z-index:2}.g-klondike-solitaire .kl-card.is-cursor{outline:3px solid var(--focus);outline-offset:-1px;z-index:3}.g-klondike-solitaire .kl-card.is-cursor-run{box-shadow:0 0 0 2px var(--focus)}.g-klondike-solitaire .is-shake{animation:kl-shake .35s}.g-klondike-solitaire .is-flash{animation:kl-flash .5s 2}@keyframes kl-shake{20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes kl-flash{50%{box-shadow:0 0 0 3px var(--danger)}}@media(prefers-reduced-motion:reduce){.g-klondike-solitaire .is-shake,.g-klondike-solitaire .is-flash{animation:none}}