:root{--card-width: 70px;--card-height: 100px;--card-radius: 6px;--card-border: 1px solid rgba(0, 0, 0, .2);--card-shadow: 0 2px 4px rgba(0, 0, 0, .2);--card-overlap: 25px;--card-overlap-hidden: 15px}.card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);border:var(--card-border);box-shadow:var(--card-shadow);position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform var(--transition-fast);flex-shrink:0}.card:hover{transform:translateY(-2px)}.card.dragging{z-index:1000;box-shadow:var(--shadow-lg);cursor:grabbing}.card.selected{box-shadow:0 0 0 3px var(--color-accent)}.card.face-up{background:var(--color-card-bg);display:flex;flex-direction:column;padding:4px}.card.face-up .card-corner{display:flex;flex-direction:column;align-items:center;line-height:1}.card.face-up .card-corner-top{position:absolute;top:4px;left:4px}.card.face-up .card-corner-bottom{position:absolute;bottom:4px;right:4px;transform:rotate(180deg)}.card.face-up .card-rank{font-size:14px;font-weight:700}.card.face-up .card-suit{font-size:12px}.card.face-up .card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px}.card.red{color:var(--color-red)}.card.black{color:var(--color-black)}.card.face-down{background:var(--color-card-back);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.05) 5px,rgba(255,255,255,.05) 10px)}.card-slot{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);border:2px dashed rgba(255,255,255,.3);background:#0000001a;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:24px}[data-drop-target=foundation].valid-drop .card-slot{border-color:var(--color-accent);background:#4a9f5a33}.card-pile{position:relative;min-width:var(--card-width);min-height:var(--card-height)}.card-pile .card{position:absolute;left:0}.tableau-pile .card.face-down{margin-top:var(--card-overlap-hidden)}.tableau-pile .card.face-up{margin-top:var(--card-overlap)}.tableau-pile .card:first-child{margin-top:0}.foundation-pile .card,.stock-pile .card{top:0}.waste-pile{display:flex;min-width:calc(var(--card-width) + 40px)}.waste-pile .card{position:relative}.waste-pile.draw-3 .card:nth-last-child(2){margin-left:-50px}.waste-pile.draw-3 .card:nth-last-child(3){margin-left:-50px}.free-cell{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);border:2px solid rgba(255,255,255,.2);background:#0003}.free-cell .card{position:absolute;top:0;left:0}@media (max-width: 600px){:root{--card-width: 50px;--card-height: 72px;--card-overlap: 18px;--card-overlap-hidden: 10px}.card.face-up .card-rank{font-size:12px}.card.face-up .card-suit{font-size:10px}.card.face-up .card-center{font-size:20px}}@media (min-width: 1200px){:root{--card-width: 90px;--card-height: 130px;--card-overlap: 30px;--card-overlap-hidden: 20px}.card.face-up .card-rank{font-size:18px}.card.face-up .card-suit{font-size:16px}.card.face-up .card-center{font-size:36px}}.drag-ghost{opacity:.9;transform:rotate(2deg)}.drag-ghost .card{box-shadow:0 8px 16px #0006}