.freecell.svelte-1yykxco{--col-gap: clamp(4px, 1.4vw, 12px);--pad-x: clamp(8px, 2vw, 32px);--card-w: min(90px, calc((100vw - 2 * var(--pad-x) - 8 * var(--col-gap)) / 8));--card-h: calc(var(--card-w) / 9 * 13);--stack-spread: min(calc(var(--card-h) * .17), 2.6dvh);display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--pad-x);gap:var(--space-5);background:var(--table-bg, radial-gradient(ellipse at 50% 0%, #4E7A60, #3F6850 60%, #345740));flex:1;min-height:0;position:relative}.top-row.svelte-1yykxco{display:flex;width:100%;max-width:920px;gap:var(--col-gap);align-items:flex-start}.cells.svelte-1yykxco,.foundations.svelte-1yykxco{display:flex;gap:var(--col-gap)}.spacer.svelte-1yykxco{flex:1}.pile.svelte-1yykxco{width:var(--card-w);height:var(--card-h);position:relative;cursor:pointer}.pile-outline.svelte-1yykxco{position:absolute;top:0;left:0;z-index:0;pointer-events:none}.pile-card-layer.svelte-1yykxco{position:absolute;top:0;left:0;z-index:1}.empty-pile.svelte-1yykxco{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-card);border:1px dashed rgba(255,255,255,.32);display:flex;align-items:center;justify-content:center}.foundation-empty.svelte-1yykxco{font-size:28px;color:#ffffff38}.cascades.svelte-1yykxco{display:flex;gap:var(--col-gap);width:100%;max-width:920px;flex:1}.cascade-col.svelte-1yykxco{flex:1;min-height:calc(var(--card-h) * 2.6);position:relative}.cascade-card.svelte-1yykxco{position:absolute;left:0}.selected.svelte-1yykxco{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-card)}.nav-btn.svelte-1yykxco{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);padding:0 14px;height:30px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.nav-btn.svelte-1yykxco:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-sunken)}.nav-btn.svelte-1yykxco:disabled{opacity:.3;cursor:not-allowed}.win-overlay.svelte-1yykxco{position:fixed;inset:0;background:#2e272480;display:flex;align-items:center;justify-content:center;z-index:100}.win-box.svelte-1yykxco{text-align:center;padding:var(--space-7) var(--space-8);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);display:inline-flex;flex-direction:column;gap:var(--space-4);align-items:center}.win-box.svelte-1yykxco h2:where(.svelte-1yykxco){font-family:var(--font-display);font-style:italic;font-size:var(--text-3xl);color:var(--color-accent);letter-spacing:var(--tracking-tight)}.win-box.svelte-1yykxco p:where(.svelte-1yykxco){color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--lh-snug)}.win-count.svelte-1yykxco{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;background:var(--color-success-soft);color:var(--color-success-deep);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase}.play-again-btn.svelte-1yykxco{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-surface);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.play-again-btn.svelte-1yykxco:hover{background:var(--color-accent-deep);border-color:var(--color-accent-deep)}