.app--solitaire{grid-template-rows:auto 1fr auto}.board{isolation:isolate;grid-template-rows:auto 1fr;gap:10px;min-height:0;padding:4px 8px 6px;display:grid}.table{--card-face:#fbfaf7;--card-edge:#1420373d;--card-black:#1d2b45;--card-red:#cf2f3f;--card-blue:#1668c8;--card-green:#17864a;--slot-line:#e9f0ff38;--slot-fill:#e9f0ff0d;display:contents}:root[data-theme=light] .table{--slot-line:#16233c2e;--slot-fill:#16233c0a}.reserve{grid-template-columns:repeat(7, var(--card-w));height:var(--card-h);justify-content:center;gap:6px;display:grid}.slot{width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-w) * .13);padding:0;position:relative}.slot--stock,.slot--waste,.slot--foundation{border:1.5px dashed var(--slot-line);background:var(--slot-fill)}.slot--spacer{background:0 0;border:none}.recycle{width:100%;height:100%;color:var(--text-dim);font-size:calc(var(--card-w) * .42);place-items:center;display:grid}.ghost-suit{width:100%;height:100%;color:var(--text-dim);font-size:calc(var(--card-w) * .46);opacity:.45;place-items:center;display:grid}.slot .card{position:absolute;inset:0}.tableau{grid-template-columns:repeat(7, var(--card-w));justify-content:center;gap:6px;min-height:0;display:grid}.column{min-height:var(--card-h);border-radius:calc(var(--card-w) * .13);position:relative}.column:empty{border:1.5px dashed var(--slot-line);background:var(--slot-fill);height:var(--card-h)}.card{width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-w) * .13);background:var(--card-face);box-shadow:0 0 0 1px var(--card-edge), 0 1px 2px #060c1847;font-variant-numeric:tabular-nums;text-align:left;padding:0;position:absolute;left:0;overflow:hidden}.card--down{background:repeating-linear-gradient(45deg,#ffffff17 0 3px,#0000 3px 6px),linear-gradient(160deg,#3a5b96,#23406f);box-shadow:0 0 0 1px #0a142866,0 1px 2px #060c184d}.card .rank{top:calc(var(--card-h) * .05);left:calc(var(--card-w) * .09);font-size:calc(var(--card-w) * .4);letter-spacing:-.03em;align-items:baseline;gap:1px;font-weight:700;line-height:1;display:flex;position:absolute}.card .rank i{font-size:calc(var(--card-w) * .3);font-style:normal}.card .pip{right:calc(var(--card-w) * .06);bottom:calc(var(--card-h) * .02);font-size:calc(var(--card-w) * .62);opacity:.9;line-height:1;position:absolute}.card.is-held{box-shadow:0 0 0 2px var(--accent), 0 4px 10px #060c1866;transform:translateY(-4px)}.card.is-target{box-shadow:0 0 0 2px var(--accent), 0 1px 2px #060c1847}.column.is-target,.slot.is-target{border-color:var(--accent);background:var(--accent-soft)}.card.is-hinted,.column.is-hinted,.slot.is-hinted{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);animation:1.1s ease-in-out 3 hint-pulse}@keyframes hint-pulse{0%,to{outline-color:var(--accent)}50%{outline-color:#0000}}.slot--foundation.is-won{animation:.5s ease-out home}@keyframes home{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.card.is-hinted,.column.is-hinted,.slot.is-hinted,.slot--foundation.is-won{animation:none}}