.card-surface{overflow:auto;max-width:100%;padding:8px 3px 16px}.card-top{display:flex;gap:10px;min-width:max-content;margin-bottom:20px}.card-pile{width:70px;min-width:60px;border:1px dashed var(--line-strong);border-radius:8px;padding:3px;display:flex;flex-direction:column;align-items:stretch}.card-pile-title{font-size:.75rem;text-align:center;margin:0 0 4px}.card-tableau{display:grid;gap:8px;min-width:max-content;align-items:start}.playing-card{border:1px solid var(--line-strong);border-radius:6px;min-height:56px;width:62px;background:var(--surface);color:var(--text);font-weight:750;text-align:left;padding:6px 4px;touch-action:manipulation;box-shadow:var(--shadow-sm)}.playing-card[data-color="1"]{color:var(--danger)}.playing-card[data-up="false"]{background:repeating-linear-gradient(45deg,var(--accent-soft),var(--accent-soft) 4px,var(--surface-2) 4px,var(--surface-2) 8px);color:var(--accent)}.playing-card[aria-pressed="true"]{outline:3px solid var(--accent);outline-offset:-3px}.card-stack .playing-card:not(:last-child){margin-bottom:-12px}.card-empty{min-height:56px;width:62px;border:1px dashed var(--accent);background:var(--surface-2);font-size:.7rem;border-radius:6px}.card-stack{display:flex;flex-direction:column;align-items:stretch}.card-stack .playing-card{position:relative}.card-stack .playing-card:focus-visible{z-index:3}.card-pile button{flex-shrink:0}@media(max-width:480px){.card-tableau{gap:5px}.card-top{gap:5px}.card-pile{width:64px}.playing-card,.card-empty{width:56px}}

.card-stack .playing-card[data-up="false"]:not(:last-child){margin-bottom:-32px}