.page{--kl-felt: #146B41;--kl-cream: #EEE7D8}@media (max-width: 400px){.kl{--kl-pad: 4px;--card-w: calc((100vw - 64px) / 7)}}#turn-disc{display:none}.board-wrap{display:flex;justify-content:center}.kl{--color-focus: var(--kl-cream);--kl-gap: 4px;--kl-pad: var(--space-2);display:grid;gap:var(--space-3);width:100%;max-width:calc(7 * var(--card-w) + 6 * var(--kl-gap) + 2 * var(--kl-pad));padding:var(--kl-pad);background:var(--kl-felt);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.kl .slot{border-color:#eee7d8b3;color:var(--kl-cream)}.kl .card--selected{outline-color:var(--color-gold)}.kl__top,.kl__tableau{display:grid;grid-template-columns:repeat(7,var(--card-w));gap:var(--kl-gap);align-items:start}.pile{position:relative}.pile--waste{display:flex}.pile--waste .card+.card{margin-left:calc(var(--card-w) * -.6)}.pile--tableau{display:flex;flex-direction:column;min-height:var(--card-h)}.pile--tableau .card+.card{margin-top:calc(var(--card-h) * -.6)}.pile--tableau .card--back+.card{margin-top:calc(var(--card-h) * -.86)}.pile--tableau .card--selected{z-index:4}@keyframes kl-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.kl--won .pile--foundation .card{animation:kl-pop .7s var(--ease) both}.kl--won .pile--foundation:nth-child(5) .card{animation-delay:.12s}.kl--won .pile--foundation:nth-child(6) .card{animation-delay:.24s}.kl--won .pile--foundation:nth-child(7) .card{animation-delay:.36s}@media (min-width: 560px){.kl{--kl-gap: 8px;--kl-pad: var(--space-3)}}