.g-yukon-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-yukon-solitaire .yk-top,.g-yukon-solitaire .yk-cols{display:grid;grid-template-columns:repeat(7,var(--cw));gap:var(--gap);justify-content:center}.g-yukon-solitaire .yk-top{margin-bottom:calc(var(--gap) * 2 + 6px);height:var(--ch)}.g-yukon-solitaire .yk-col{position:relative;min-height:var(--ch)}.g-yukon-solitaire .yk-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-yukon-solitaire .yk-col.is-drop-ok::before{border:2px solid var(--accent);background:rgba(255,255,255,.18)}.g-yukon-solitaire .yk-col.is-hint-to::before{border:3px solid var(--gold)}.g-yukon-solitaire .yk-col.is-cursor-col::before{border:3px solid var(--focus)}.g-yukon-solitaire .yk-card,.g-yukon-solitaire .yk-found{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-yukon-solitaire .yk-card{position:absolute;left:0;top:0;overflow:hidden;touch-action:none;cursor:grab}.g-yukon-solitaire .yk-card.red{color:var(--card-red)}.g-yukon-solitaire .yk-ix{position:absolute;left:.18em;top:.16em;white-space:nowrap;letter-spacing:-.04em}.g-yukon-solitaire .yk-ix i{font-style:normal;margin-left:.04em}.g-yukon-solitaire .yk-mid{position:absolute;left:0;right:0;bottom:6%;text-align:center;font-size:calc(var(--cw) * .62);line-height:1}.g-yukon-solitaire .yk-card.down{background:repeating-linear-gradient(45deg,#2c6b8c 0 3px,#245a76 3px 6px);border-color:#f3f1ea;border-width:2px;cursor:default}.g-yukon-solitaire .yk-found{position:relative;background:0 0;border:1px dashed var(--line);box-shadow:none;display:block}.g-yukon-solitaire .yk-found .yk-card{left:-1px;top:-1px}.g-yukon-solitaire .yk-found .yk-card{cursor:grab}.g-yukon-solitaire .yk-ghost{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--cw) * .6);color:var(--ink-2);opacity:.45}.g-yukon-solitaire .yk-ghost.red{color:var(--card-red)}.g-yukon-solitaire .yk-found.is-drop-ok{border:2px solid var(--accent);background:rgba(255,255,255,.2)}.g-yukon-solitaire .yk-found.is-hint-to{border:3px solid var(--gold)}.g-yukon-solitaire .is-cursor.yk-found{outline:3px solid var(--focus);outline-offset:1px}.g-yukon-solitaire .yk-card.is-lifted{visibility:hidden}.g-yukon-solitaire .yk-drag{position:absolute;left:0;top:0;width:0;height:0;z-index:30;pointer-events:none;will-change:transform}.g-yukon-solitaire .yk-drag .yk-card{box-shadow:0 4px 10px rgba(0,0,0,.4);cursor:grabbing}.g-yukon-solitaire .yk-card.is-hint{box-shadow:0 0 0 3px var(--gold),0 1px 1px rgba(0,0,0,.25);z-index:2}.g-yukon-solitaire .yk-card.is-hint-to{box-shadow:0 0 0 3px var(--gold);z-index:2}.g-yukon-solitaire .yk-card.is-sel{box-shadow:0 0 0 3px var(--accent),0 2px 6px rgba(0,0,0,.4);z-index:2}.g-yukon-solitaire .yk-card.is-cursor{outline:3px solid var(--focus);outline-offset:-1px;z-index:3}.g-yukon-solitaire .yk-card.is-cursor-run{box-shadow:0 0 0 2px var(--focus)}.g-yukon-solitaire .is-shake{animation:yk-shake .35s}.g-yukon-solitaire .is-flash{animation:yk-flash .5s 2}@keyframes yk-shake{20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes yk-flash{50%{box-shadow:0 0 0 3px var(--danger)}}@media(prefers-reduced-motion:reduce){.g-yukon-solitaire .is-shake,.g-yukon-solitaire .is-flash{animation:none}}