:root{--card-border-radius: 12px;--card-back-color: #0c1430;--card-back-base: #162042}.playing-card,[class^=pcard-],[class*=" pcard-"]{display:inline-block;width:var(--scaled-card-width, var(--card-width, 86px));height:var(--scaled-card-height, var(--card-height, 125px));border-radius:var(--card-border-radius);box-sizing:border-box}.pcard-back{background-color:var(--card-back-base)!important;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.95) 0 14px,transparent 14px 28px)!important;background-size:28px 28px!important;background-repeat:repeat!important;background-position:0 0!important}.placeholder-card.card-front{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#111827;background:linear-gradient(135deg,#ffffffe6,#f5f7fbdb),#fff;border:1px solid rgba(15,23,42,.2)}.placeholder-card.card-front[data-color=red]{color:#dc2626}.placeholder-card.card-front:before,.placeholder-card.card-front:after{position:absolute;content:attr(data-rank) "\a" attr(data-suit);white-space:pre;font:800 clamp(11px,calc(var(--scaled-card-width, var(--card-width, 86px)) * .18),20px) / .9 Arial,sans-serif;text-align:center}.placeholder-card.card-front:before{top:8%;left:9%}.placeholder-card.card-front:after{right:9%;bottom:8%;transform:rotate(180deg)}.placeholder-card-center{font:800 clamp(24px,calc(var(--scaled-card-width, var(--card-width, 86px)) * .48),48px) / 1 Arial,sans-serif;opacity:.95}.placeholder-content.svelte-f66yve{pointer-events:none;-webkit-user-select:none;user-select:none}.placeholder-content.svelte-f66yve .game-grid:where(.svelte-f66yve){grid-template-areas:none;grid-template-rows:auto auto}.placeholder-tableau.svelte-f66yve{grid-area:auto;grid-column:1 / -1}.placeholder-stock.svelte-f66yve{display:flex;gap:var(--scaled-pile-gap, var(--pile-gap));position:relative;height:var(--scaled-card-height, var(--card-height))}.placeholder-stock.svelte-f66yve .stock-pile:where(.svelte-f66yve){position:relative;width:var(--scaled-card-width, var(--card-width));height:var(--scaled-card-height, var(--card-height))}.placeholder-card.svelte-f66yve{box-shadow:0 12px 26px #0000001f,inset 0 1px #ffffff73}.placeholder-empty.svelte-f66yve,.waste-pile.placeholder-empty.svelte-f66yve{width:var(--scaled-card-width, var(--card-width));height:var(--scaled-card-height, var(--card-height));border:none;border-radius:var(--card-border-radius);display:flex;align-items:center;justify-content:center;background-color:transparent}.placeholder-foundation.svelte-f66yve{width:var(--scaled-card-width, var(--card-width));height:var(--scaled-card-height, var(--card-height));border:var(--card-border-width) solid var(--border-color-standard);border-radius:var(--card-border-radius);display:flex;align-items:center;justify-content:center;background-color:var(--bg-gameboard)}.placeholder-foundations.svelte-f66yve{display:grid;grid-template-columns:repeat(4,var(--scaled-card-width, var(--card-width)));column-gap:var(--scaled-pile-gap, var(--pile-gap));height:var(--scaled-card-height, var(--card-height));align-items:center}.top-piles-row.svelte-f66yve{grid-column:1 / -1;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--scaled-pile-gap, var(--pile-gap));width:100%}.auxiliary-piles-row.svelte-f66yve,.foundation-piles-row.svelte-f66yve{display:flex;align-items:flex-start;gap:var(--scaled-pile-gap, var(--pile-gap))}.foundation-hint.svelte-f66yve{font-size:24px;color:var(--foundation-hint-color);opacity:.6;font-weight:700;-webkit-user-select:none;user-select:none;pointer-events:none}.placeholder-tableau.svelte-f66yve{display:grid;grid-template-columns:repeat(7,var(--scaled-card-width, var(--card-width)));gap:var(--scaled-pile-gap, var(--pile-gap));justify-content:start;align-items:flex-start;align-self:start;margin-bottom:var(--scaled-pile-gap, var(--pile-gap))}.placeholder-pile.svelte-f66yve{position:relative;width:var(--scaled-card-width, var(--card-width));height:var(--scaled-card-height, var(--card-height))}.placeholder-card-stack.svelte-f66yve{position:absolute;top:0;left:0;width:100%;perspective:1000px}.card-flipper.svelte-f66yve{position:relative;width:var(--scaled-card-width, var(--card-width));height:var(--scaled-card-height, var(--card-height));transform-style:preserve-3d}.card-front.svelte-f66yve,.card-back.svelte-f66yve{position:absolute;top:0;left:0;backface-visibility:hidden}.card-back.svelte-f66yve{transform:rotateY(180deg)}.placeholder-card-stack.is-top-card.svelte-f66yve .card-flipper:where(.svelte-f66yve){animation:svelte-f66yve-card-flip 1.8s ease-in-out infinite}.placeholder-pile.svelte-f66yve:nth-child(1) .placeholder-card-stack.is-top-card:where(.svelte-f66yve) .card-flipper:where(.svelte-f66yve){animation-delay:0s}.placeholder-pile.svelte-f66yve:nth-child(2) .placeholder-card-stack.is-top-card:where(.svelte-f66yve) .card-flipper:where(.svelte-f66yve){animation-delay:.2s}.placeholder-pile.svelte-f66yve:nth-child(3) .placeholder-card-stack.is-top-card:where(.svelte-f66yve) .card-flipper:where(.svelte-f66yve){animation-delay:.4s}.placeholder-pile.svelte-f66yve:nth-child(4) .placeholder-card-stack.is-top-card:where(.svelte-f66yve) .card-flipper:where(.svelte-f66yve){animation-delay:.6s}.placeholder-pile.svelte-f66yve:nth-child(5) .placeholder-card-stack.is-top-card:where(.svelte-f66yve) .card-flipper:where(.svelte-f66yve){animation-delay:.8s}.placeholder-pile.svelte-f66yve:nth-child(6) .placeholder-card-stack.is-top-card:where(.svelte-f66yve) .card-flipper:where(.svelte-f66yve){animation-delay:1s}.placeholder-pile.svelte-f66yve:nth-child(7) .placeholder-card-stack.is-top-card:where(.svelte-f66yve) .card-flipper:where(.svelte-f66yve){animation-delay:1.2s}@keyframes svelte-f66yve-card-flip{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.placeholder-stock.svelte-f66yve .stock-pile:where(.svelte-f66yve) .placeholder-card:where(.svelte-f66yve){animation:svelte-f66yve-stock-pulse 1s ease-in-out infinite}@keyframes svelte-f66yve-stock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){.placeholder-card-stack.is-top-card.svelte-f66yve .card-flipper:where(.svelte-f66yve),.placeholder-stock.svelte-f66yve .stock-pile:where(.svelte-f66yve) .placeholder-card:where(.svelte-f66yve){animation:none}}
