.playing-card{width:100px;height:140px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;user-select:none}.playing-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.playing-card.selected{transform:translateY(-4px);box-shadow:0 6px 12px rgba(59,130,246,.4);outline:2px solid #3b82f6}.playing-card.dragging{opacity:.7;transform:rotate(5deg);z-index:1000}.card-image{width:100%;height:100%;border-radius:8px;object-fit:cover}.solitaire-column{position:relative;min-height:140px;min-width:100px}.foundation-pile{width:100px;height:140px;border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.foundation-pile:hover{border-color:#999;background-color:rgba(0,0,0,.05)}.foundation-pile.drop-zone{border-color:#22c55e;background-color:rgba(34,197,94,.1)}.foundation-pile.drop-zone.invalid{border-color:#ef4444;background-color:rgba(239,68,68,.1)}.solitaire-tableau{gap:10px;flex-wrap:wrap}.solitaire-tableau,.stock-pile{display:flex;justify-content:center}.stock-pile{width:100px;height:140px;border:2px solid #666;border-radius:8px;align-items:center;cursor:pointer;background-color:#f8f9fa;transition:all .2s ease}.stock-pile:hover{background-color:#e9ecef;border-color:#333}.stock-pile.empty{border-style:dashed;border-color:#ccc}.drop-zone.valid{border-color:#22c55e!important;background-color:rgba(34,197,94,.1)!important}.drop-zone.invalid{border-color:#ef4444!important;background-color:rgba(239,68,68,.1)!important}@media (max-width:768px){.solitaire-tableau{gap:5px}.foundation-pile,.playing-card,.stock-pile{width:80px;height:112px}}